Właściwości

WłaściwośćTypDomyślnieOpis
valueDate | null—Wybrana wartość daty i czasu
onChange(dateTime: Date | null) => void—Callback wywoływany przy zmianie wartości
timeTimeConfig—Konfiguracja panelu czasu
minDateDate—Minimalna możliwa do wyboru data
maxDateDate—Maksymalna możliwa do wyboru data
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
openboolean—Kontrolowany stan otwarcia
initialOpenboolean—Początkowy stan otwarcia (niekontrolowany)
onOpenChange(open: boolean) => void—Callback 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
fromYearnumber—Rok początkowy dla listy rozwijanej
toYearnumber—Rok 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)
namestring—Nazwa ukrytego pola wejściowego dla przesyłania formularza
placeholderstring—Tekst 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;
}