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アクションフッターを非表示