Rekwizyty

RekwizytTypDomyślnyOpis
valueDate | nullSelected date-time value
onChange(dateTime: Date | null) => voidCallback when value changes
timeTimeConfigTime panel configuration
minDateDateMinimum selectable date
maxDateDateMaximum selectable date
localePartial<Locale>Custom locale configuration
initialMonthDateInitial displayed month
size"small" | "medium" | "large" | "x-large""medium"Component size
weekStartsOnWeekDay"sunday"Pierwszy dzień tygodnia
isDateUnavailable(date: Date) => booleanMark dates as disabled
displayFormatstringCustom display format
openbooleanControlled open state
initialOpenbooleanInitial open state (uncontrolled)
onOpenChange(open: boolean) => voidCallback when open state changes
requiredbooleanfalseWyłącz czyszczenie wartości
showOutsideDaysbooleanfalsePokaż dni z sąsiadujących miesięcy
highlightDatesDate[]Dates to highlight
shouldCloseOnSelectbooleanfalseAutomatyczne potwierdzenie po wstępnie ustawionym kliknięciu
numberOfMonthsnumber1Liczba miesięcy do wyświetlenia
captionLayout"buttons" | "dropdown""buttons"Caption navigation style
fromYearnumberStart year for dropdown
toYearnumberEnd year for dropdown
disablePastbooleanfalseWyłącz daty wcześniejsze niż dzisiaj
disableFuturebooleanfalseWyłącz daty późniejsze niż dzisiaj
inlinebooleanfalsePokaż wbudowany kalendarz (bez wyskakującego okienka)
namestringHidden input name for form submission
placeholderstringTrigger placeholder text
hideHeaderbooleanfalseUkryj nagłówek nawigacji
hideFooterbooleanfalseUkryj stopkę akcji

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