Sahne donanımı

Pervane	Tip	Varsayılan	Tanım
`value`	`{ start: Date \| null; end: Date \| null }`	—	Selected date-time range value
`onChange`	`(value: { start: Date \| null; end: Date \| null }) => void`	—	Callback when value changes
`time`	`TimeConfig`	—	Time panel configuration (applied to both start and end)
`presets`	`DateRangePreset[]`	—	Predefined date range presets
`maxDays`	`number`	—	Maximum days allowed in range (inclusive)
`minDays`	`number`	—	Minimum days required in range (inclusive)
`allowSingleDateInRange`	`boolean`	`true`	Başlangıcın bitişe eşit olduğu aralığa izin ver
`minDate`	`Date`	—	Minimum selectable date
`maxDate`	`Date`	—	Maximum selectable date
`locale`	`Partial<Locale>`	—	Custom locale configuration
`initialMonth`	`Date`	—	Initial displayed month
`size`	`"small" \| "medium" \| "büyük" \| "x-large"`	`"medium"`	Component size
`weekStartsOn`	`WeekDay`	`"sunday"`	Haftanın ilk günü
`isDateUnavailable`	`(date: Date) => boolean`	—	Mark dates as disabled
`displayFormat`	`string`	—	Custom display format
`open`	`boolean`	—	Controlled open state
`initialOpen`	`boolean`	—	Initial open state (uncontrolled)
`onOpenChange`	`(open: boolean) => void`	—	Callback when open state changes
`required`	`boolean`	`false`	Değeri temizlemeyi devre dışı bırak
`showOutsideDays`	`boolean`	`false`	Bitişik ayların günlerini göster
`highlightDates`	`Date[]`	—	Dates to highlight
`shouldCloseOnSelect`	`boolean`	`false`	Ön ayar tıklamasıyla otomatik onayla
`numberOfMonths`	`number`	`2`	Görüntülenecek ay sayısı
`captionLayout`	`"buttons" \| "dropdown"`	""düğmeler""	Caption navigation style
`fromYear`	`number`	—	Start year for dropdown
`toYear`	`number`	—	End year for dropdown
`disablePast`	`boolean`	`false`	Bugünden önceki tarihleri devre dışı bırak
`disableFuture`	`boolean`	`false`	Bugünden sonraki tarihleri devre dışı bırak
`inline`	`boolean`	`false`	Takvimi satır içinde göster (açılır pencere yok)
`name`	`string`	—	Hidden input name for form submission (start date-time)
`endName`	`string`	—	Hidden input name for end date-time (defaults to `name-end`)
`placeholder`	`string`	—	Trigger placeholder text
`hideHeader`	`boolean`	`false`	Gezinme başlığını gizle
`hideFooter`	`boolean`	`false`	Eylem altbilgisini gizle

Zaman Yapılandırması

interface TimeConfig {
  /** Time display precision. Defaults to "minute". */
  precision?: "hour" | "minute" | "second";
  /** 12-hour or 24-hour format. Defaults to "24". */
  hourFormat?: "12" | "24";
  /** Minute increment step. Defaults to 5. */
  minuteStep?: 1 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
  /** Second increment step. Defaults to 1. */
  secondStep?: 1 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
  /** Height (in px) of each scroll wheel item. Defaults to 32. */
  itemHeight?: number;
}

Tarih AralığıÖn Ayar

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