Calendar

Tarih sınırları ve yerelleştirme destekleyen erişilebilir aylık takvim.

Calendar.tsx

Eylül 2026

PtSaÇaPeCuCtPa

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/calendar.json

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

<Calendar value={date} onValueChange={setDate} min="2026-01-01" />

Prop	Tür	Varsayılan	Açıklama
value	string	—	YYYY-MM-DD biçimindeki seçili tarih.
onValueChange	(value: string) => void	—	Tarih seçimi callback'i.
month	Date	—	Kontrollü görünen ay.
min	string	—	Seçilebilecek ilk tarih.
max	string	—	Seçilebilecek son tarih.
locale	string	"tr-TR"	Ay ve tarih yerelleştirmesi.