Właściwości (Props)

Właściwość (Prop)TypDomyślnieOpis
valueDate | null—Wybrana wartość daty
onChange(date: Date | null) => void—Funkcja zwrotna wywoływana przy zmianie wartości
minDateDate—Minimalna data do wyboru
maxDateDate—Maksymalna data do wyboru
localePartial<Locale>—Niestandardowa konfiguracja lokalizacji
initialMonthDate—Początkowy wyświetlany miesiąc
size"small" | "medium" | "large" | "x-large""medium"Rozmiar komponentu
weekStartsOnWeekDay"sunday"Pierwszy dzień tygodnia
isDateUnavailable(date: Date) => boolean—Oznacz daty jako niedostępne
displayFormatstring—Niestandardowy format wyświetlania (np. "YYYY/MM/DD")
openboolean—Kontrolowany stan otwarcia
initialOpenboolean—Początkowy stan otwarcia (niekontrolowany)
onOpenChange(open: boolean) => void—Funkcja 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
fromYearnumber—Rok początkowy dla listy rozwijanej
toYearnumber—Rok 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)
namestring—Nazwa ukrytego pola input do przesyłania formularza
placeholderstring—Tekst zastępczy dla elementu wyzwalającego
hideHeaderbooleanfalseUkryj nagłówek nawigacyjny
hideFooterbooleanfalseUkryj stopkę z przyciskami