AIArchintel UIKataloğu aç

Date Picker

Yeniden kullanılabilir Calendar üzerine kurulu açılır tarih seçici.

DatePicker.tsx
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.json

Kullanım Örneği

import { DatePicker } from "@/components/ui"

<DatePicker label="Yayın tarihi" value={date} onValueChange={setDate} />

Özellikler & Parametreler (API)

PropTürVarsayılanAçıklama
valuestringKontrollü seçili tarih.
defaultValuestringKontrolsüz başlangıç tarihi.
onValueChange(value: string) => voidTarih değişikliği callback'i.
labelstringAlan başlığı.
minstringMinimum seçilebilir tarih.
maxstringMaksimum seçilebilir tarih.