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
valuestring—Kontrollü seçili tarih.
defaultValuestring—Kontrolsüz başlangıç tarihi.
onValueChange(value: string) => void—Tarih değişikliği callback'i.
labelstring—Alan başlığı.
minstring—Minimum seçilebilir tarih.
maxstring—Maksimum seçilebilir tarih.