小道具

プロップタイプデフォルト説明
value{ start: Date | null; end: Date | null }—Selected date range value
onChange(value: { start: Date | null; end: Date | null }) => void—Callback when value changes
presetsDateRangePreset[]—Predefined date range presets
maxDaysnumber—Maximum days allowed in range (inclusive)
minDaysnumber—Minimum days required in range (inclusive)
allowSingleDateInRangebooleantrue開始と終了が等しい範囲を許可する
minDateDate—Minimum selectable date
maxDateDate—Maximum selectable date
localePartial<Locale>—Custom locale configuration
initialMonthDate—Initial displayed month
size"small" | "medium" | "large" | "x-large""medium"Component size
weekStartsOnWeekDay"sunday"週の最初の日
isDateUnavailable(date: Date) => boolean—Mark dates as disabled
displayFormatstring—Custom display format (e.g. "YYYY/MM/DD")
openboolean—Controlled open state
initialOpenboolean—Initial open state (uncontrolled)
onOpenChange(open: boolean) => void—Callback when open state changes
requiredbooleanfalse値のクリアを無効にする
showOutsideDaysbooleanfalse隣接する月の日を表示する
highlightDatesDate[]—Dates to highlight
shouldCloseOnSelectbooleanfalse終了日の選択時に自動確認
numberOfMonthsnumber2表示する月数
captionLayout"buttons" | "dropdown""buttons"Caption navigation style
fromYearnumber—Start year for dropdown
toYearnumber—End year for dropdown
disablePastbooleanfalse今日より前の日付を無効にする
disableFuturebooleanfalse今日以降の日付を無効にする
inlinebooleanfalseカレンダーをインラインで表示 (ポップアップなし)
namestring—Hidden input name for form submission (start date)
endNamestring—Hidden input name for end date (defaults to name-end)
placeholderstring—Trigger placeholder text
hideHeaderbooleanfalseナビゲーションヘッダーを非表示にする
hideFooterbooleanfalseアクションフッターを非表示にする

DateRangePreset

interface DateRangePreset {
  label: string;
  value: { start: Date; end: Date } | (() => { start: Date; end: Date });
}