Proplar

PropTürVarsayılanAçıklama
valueDate | nullSeçili tarih-saat değeri
onChange(dateTime: Date | null) => voidDeğer değiştiğinde geri arama
timeTimeConfigZaman paneli yapılandırması
minDateDateMinimum seçilebilir tarih
maxDateDateMaksimum seçilebilir tarih
localePartial<Locale>Özel yerel ayar yapılandırması
initialMonthDateBaşlangıçta görüntülenen ay
size"small" | "medium" | "large" | "x-large""medium"Bileşen boyutu
weekStartsOnWeekDay"sunday"Haftanın ilk günü
isDateUnavailable(date: Date) => booleanTarihleri devre dışı olarak işaretle
displayFormatstringÖzel görüntüleme formatı
openbooleanKontrollü açık durum
initialOpenbooleanBaşlangıçtaki açık durum (kontrolsüz)
onOpenChange(open: boolean) => voidAçık durum değiştiğinde geri arama
requiredbooleanfalseDeğeri temizlemeyi devre dışı bırak
showOutsideDaysbooleanfalseBitişik aylardaki günleri göster
highlightDatesDate[]Vurgulanacak tarihler
shouldCloseOnSelectbooleanfalseÖn ayar tıklandığında otomatik onayla
numberOfMonthsnumber1Görüntülenecek ay sayısı
captionLayout"buttons" | "dropdown""buttons"Başlık gezinme stili
fromYearnumberAçılır menü için başlangıç yılı
toYearnumberAçılır menü için bitiş yılı
disablePastbooleanfalseBugünden önceki tarihleri devre dışı bırak
disableFuturebooleanfalseBugünden sonraki tarihleri devre dışı bırak
inlinebooleanfalseTakvimi satır içi göster (açılır pencere yok)
namestringForm gönderimi için gizli girdi adı
placeholderstringTetikleyici yer tutucu metni
hideHeaderbooleanfalseGezinme başlığını gizle
hideFooterbooleanfalseEylem altbilgisini gizle

TimeConfig

interface TimeConfig {
/** Zaman görüntüleme hassasiyeti. Varsayılan "minute". */
precision?: "hour" | "minute" | "second";
/** 12 saatlik veya 24 saatlik format. Varsayılan "24". */
hourFormat?: "12" | "24";
/** Dakika artış adımı. Varsayılan 5. */
minuteStep?: 1 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
/** Saniye artış adımı. Varsayılan 1. */
secondStep?: 1 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
/** Her kaydırma tekerleği öğesinin yüksekliği (px olarak). Varsayılan 32. */
itemHeight?: number;
}