Właściwości

WłaściwośćTypDomyślnieOpis
valueDate | nullWybrana wartość daty i czasu
onChange(dateTime: Date | null) => voidCallback wywoływany przy zmianie wartości
timeTimeConfigKonfiguracja panelu czasu
minDateDateMinimalna możliwa do wyboru data
maxDateDateMaksymalna możliwa do wyboru data
localePartial<Locale>Niestandardowa konfiguracja lokalizacji
initialMonthDatePoczątkowy wyświetlany miesiąc
size"small" | "medium" | "large" | "x-large""medium"Rozmiar komponentu
weekStartsOnWeekDay"sunday"Pierwszy dzień tygodnia
isDateUnavailable(date: Date) => booleanOznacz daty jako niedostępne
displayFormatstringNiestandardowy format wyświetlania
openbooleanKontrolowany stan otwarcia
initialOpenbooleanPoczątkowy stan otwarcia (niekontrolowany)
onOpenChange(open: boolean) => voidCallback wywoływany przy zmianie stanu otwarcia
requiredbooleanfalseWyłącz możliwość czyszczenia wartości
showOutsideDaysbooleanfalsePokaż dni z sąsiednich miesięcy
highlightDatesDate[]Daty do wyróżnienia
shouldCloseOnSelectbooleanfalseAutomatyczne zatwierdzenie po kliknięciu presetu
numberOfMonthsnumber1Liczba miesięcy do wyświetlenia
captionLayout"buttons" | "dropdown""buttons"Styl nawigacji w nagłówku
fromYearnumberRok początkowy dla listy rozwijanej
toYearnumberRok końcowy dla listy rozwijanej
disablePastbooleanfalseWyłącz daty wcześniejsze niż dzisiaj
disableFuturebooleanfalseWyłącz daty późniejsze niż dzisiaj
inlinebooleanfalsePokaż kalendarz w linii (bez wyskakującego okienka)
namestringNazwa ukrytego pola wejściowego dla przesyłania formularza
placeholderstringTekst zastępczy dla wyzwalacza
hideHeaderbooleanfalseUkryj nagłówek nawigacyjny
hideFooterbooleanfalseUkryj stopkę z akcjami

TimeConfig

interface TimeConfig {
/** Precyzja wyświetlania czasu. Domyślnie "minute". */
precision?: "hour" | "minute" | "second";
/** Format 12-godzinny lub 24-godzinny. Domyślnie "24". */
hourFormat?: "12" | "24";
/** Krok przyrostu minut. Domyślnie 5. */
minuteStep?: 1 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
/** Krok przyrostu sekund. Domyślnie 1. */
secondStep?: 1 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
/** Wysokość (w px) każdego elementu kółka przewijania. Domyślnie 32. */
itemHeight?: number;
}