Sahne donanımı

PervaneTipVarsayılanTanı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
timeTimeConfig—Time panel configuration (applied to both start and end)
presetsDateRangePreset[]—Predefined date range presets
maxDaysnumber—Maximum days allowed in range (inclusive)
minDaysnumber—Minimum days required in range (inclusive)
allowSingleDateInRangebooleantrueBaşlangıcın bitişe eşit olduğu aralığa izin ver
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"Haftanın ilk günü
isDateUnavailable(date: Date) => boolean—Mark dates as disabled
displayFormatstring—Custom display format
openboolean—Controlled open state
initialOpenboolean—Initial open state (uncontrolled)
onOpenChange(open: boolean) => void—Callback when open state changes
requiredbooleanfalseDeğeri temizlemeyi devre dışı bırak
showOutsideDaysbooleanfalseBitişik ayların günlerini göster
highlightDatesDate[]—Dates to highlight
shouldCloseOnSelectbooleanfalseÖn ayar tıklamasıyla otomatik onayla
numberOfMonthsnumber2Görüntülenecek ay sayısı
captionLayout"buttons" | "dropdown""buttons"Caption navigation style
fromYearnumber—Start year for dropdown
toYearnumber—End year for dropdown
disablePastbooleanfalseBugünden önceki tarihleri ​​devre dışı bırak
disableFuturebooleanfalseBugünden sonraki tarihleri ​​devre dışı bırak
inlinebooleanfalseTakvimi satır içinde göster (açılır pencere yok)
namestring—Hidden input name for form submission (start date-time)
endNamestring—Hidden input name for end date-time (defaults to name-end)
placeholderstring—Trigger placeholder text
hideHeaderbooleanfalseGezinme başlığını gizle
hideFooterbooleanfalseEylem altbilgisini gizle

TimeConfig

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;
}

DateRangePreset

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