Właściwości (Props)

Właściwość (Prop)TypDomyślnieOpis
valueDate | nullWybrana wartość daty
onChange(date: Date | null) => voidFunkcja zwrotna wywoływana przy zmianie wartości
minDateDateMinimalna data do wyboru
maxDateDateMaksymalna data do wyboru
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 (np. "YYYY/MM/DD")
openbooleanKontrolowany stan otwarcia
initialOpenbooleanPoczątkowy stan otwarcia (niekontrolowany)
onOpenChange(open: boolean) => voidFunkcja zwrotna wywoływana przy zmianie stanu otwarcia
requiredbooleanfalseWyłącz możliwość czyszczenia wartości
showOutsideDaysbooleanfalsePokaż dni z sąsiednich miesięcy
highlightDatesDate[]Daty do podświetlenia
shouldCloseOnSelectbooleanfalseAutomatycznie zatwierdź po kliknięciu daty
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 przed dzisiejszym dniem
disableFuturebooleanfalseWyłącz daty po dzisiejszym dniu
inlinebooleanfalsePokaż kalendarz w linii (bez wyskakującego okienka)
namestringNazwa ukrytego pola input do przesyłania formularza
placeholderstringTekst zastępczy dla elementu wyzwalającego
hideHeaderbooleanfalseUkryj nagłówek nawigacyjny
hideFooterbooleanfalseUkryj stopkę z przyciskami