プロップ

プロップデフォルト説明
valueDate | null選択された日付の値
onChange(date: Date | null) => void値が変更されたときのコールバック
minDateDate選択可能な最小日付
maxDateDate選択可能な最大日付
localePartial<Locale>カスタムロケール設定
initialMonthDate最初に表示される月
size"small" | "medium" | "large" | "x-large""medium"コンポーネントのサイズ
weekStartsOnWeekDay"sunday"週の最初の曜日
isDateUnavailable(date: Date) => boolean日付を無効としてマークする
displayFormatstringカスタム表示形式 (例: "YYYY/MM/DD")
openboolean制御されたオープン状態
initialOpenboolean初期のオープン状態 (非制御)
onOpenChange(open: boolean) => voidオープン状態が変更されたときのコールバック
requiredbooleanfalse値のクリアを無効にする
showOutsideDaysbooleanfalse隣接する月の日付を表示する
highlightDatesDate[]ハイライトする日付
shouldCloseOnSelectbooleanfalse日付クリック時に自動で確定する
numberOfMonthsnumber1表示する月数
captionLayout"buttons" | "dropdown""buttons"キャプションのナビゲーションスタイル
fromYearnumberドロップダウンの開始年
toYearnumberドロップダウンの終了年
disablePastbooleanfalse今日より前の日付を無効にする
disableFuturebooleanfalse今日より後の日付を無効にする
inlinebooleanfalseカレンダーをインラインで表示する (ポップアップなし)
namestringフォーム送信用の非表示入力フィールド名
placeholderstringトリガーのプレースホルダーテキスト
hideHeaderbooleanfalseナビゲーションヘッダーを非表示にする
hideFooterbooleanfalseアクションフッターを非表示にする