HubSpot のフォームで希望日をカレンダーから選べるようにする

HubSpot でフォームを開き、ブラウザのアドレス欄に表示される URL を入力してください（https://app.hubspot.com/forms/… または https://app.hubspot.com/submissions/… で始まる URL）。希望日を入れる 1 行テキストの項目（「第1希望日」など）は、非表示にせずにフォームに置いておきます。

フォームに置いた 1 行テキストの項目から、第 1〜第 3 希望に使う項目を選びます。フォームでは、最初の項目の位置にカレンダーが表示され、選んだ項目の入力欄は隠れます。必須かどうかは、フォームの項目の設定に従います。

希望日を入れる項目を 1 つ以上選んでください。

営業日は、上で除いた曜日・祝日と休業日を除いて数えます。「0」にすると今日から選べます。同じ日を別の希望に選ぶことはできません。

日付を選んだあとに選ぶ時間帯です。時間帯がない場合は、すべて削除してください（日付だけを選びます）。

時間帯なし（日付だけを選びます）

項目には、次のような文字で保存されます。

コードには希望日ピッカーの本体と祝日の一覧も含まれるため、長くなります。省略せずにすべて貼り付けてください。

1. HubSpot で、フォームを設置したページの編集画面を開きます
2. 「設定」→「詳細」→「HeadのHTML」にコードを貼り付けます
3. ページを更新（公開）します

祝日の一覧は年に 1 回更新します。翌年の祝日が公表されたら（例年 2 月ごろ）、設定ページでコードを作り直して貼り替えてください。

確認画面などほかの add apps と併せて使う場合は、それぞれのコードを「HeadのHTML」に貼り付けてください。

正しく動作しない場合は、ページの URL の末尾に ?kp_debug=1 を付けて開くと、ページ下部に動作ログが表示されます。お問い合わせの際に添えてください。