Props

PropTypeデフォルト説明
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—フォーム送信用の隠しinputのname
placeholderstring—トリガーのプレースホルダーテキスト
hideHeaderbooleanfalseナビゲーションヘッダーを非表示
hideFooterbooleanfalseアクションフッターを非表示