Date Picker
Yeniden kullanılabilir Calendar üzerine kurulu açılır tarih seçici.
DatePicker.tsx
Yayın tarihi
Kurulum
shadcn CLI ile projenize ekleyebilir veya yukarıdaki "Kaynak Kodu" sekmesinden kodu doğrudan projenize kopyalayabilirsiniz:
$
npx shadcn@latest add https://ui.cagriozay.com.tr/r/date-picker.jsonKullanım Örneği
import { DatePicker } from "@/components/ui"
<DatePicker label="Yayın tarihi" value={date} onValueChange={setDate} />Özellikler & Parametreler (API)
| Prop | Tür | Varsayılan | Açıklama |
|---|---|---|---|
| value | string | — | Kontrollü seçili tarih. |
| defaultValue | string | — | Kontrolsüz başlangıç tarihi. |
| onValueChange | (value: string) => void | — | Tarih değişikliği callback'i. |
| label | string | — | Alan başlığı. |
| min | string | — | Minimum seçilebilir tarih. |
| max | string | — | Maksimum seçilebilir tarih. |