LivaDateBox
DevExtreme'in DateBox bileşeni üzerine kurulu tarih/saat seçici; takvim, saat ve tarih-saat modlarını destekler.
import { LivaDateBox } from "@dataliva/livalib";
Varyantlar
Görünüm stilini variant belirler: standard, outlined, filled.
Varyantlar
Önizleme yükleniyor…
Tarih türleri
type prop'u date, datetime ve time modları arasında geçiş yapar.
Tarih türleri (type)
Önizleme yükleniyor…
Görüntüleme biçimi
displayFormat seçilen değerin giriş alanında nasıl gösterileceğini belirler.
Görüntüleme biçimi (displayFormat)
Önizleme yükleniyor…
Kontrollü değer
value ve onValueChanged ile seçilen tarih state üzerinden yönetilebilir.
Kontrollü değer
Önizleme yükleniyor…
| Prop | Tip | Varsayılan |
|---|---|---|
value | Date | number | string | — |
defaultValue | Date | number | string | — |
type | 'date' | 'datetime' | 'time' | 'date' |
displayFormat | string | — |
min | Date | number | string | — |
max | Date | number | string | — |
pickerType | 'calendar' | 'list' | 'native' | 'rollers' | 'calendar' |
placeholder | string | — |
variant | 'standard' | 'outlined' | 'filled' | 'outlined' |
size | 'small' | 'medium' | 'large' | 'medium' |
label | string | — |
onValueChanged | (e) => void | — |
disabled | boolean | false |
required | boolean | false |
hint | string | — |
Ayrıca DevExtreme IDateBoxOptions'tan gelen tüm prop'lar
(ör. showClearButton, applyValueMode, calendarOptions) kullanılabilir.