プロップ

プロップ型デフォルト説明
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アクションフッターを非表示にする