Calendar
FREEBağımlılıksız takvim: tek tarih ve aralık seçimi, dile göre ay/gün adları, min/max, kapalı günler ve klavyeyle gezinme.
Kurulum
Terminal
npx @bloxa/cli add calendar
# or: npx shadcn@latest add @bloxa/calendarÖrnekler
Tek tarih
Ok tuşları, PageUp/PageDown, Home/End ile gezinilir.
November 2026
MonTueWedThuFriSatSun
Aralık, iki ay (Türkçe)
Kasım 2026
PztSalÇarPerCumCmtPaz
Aralık 2026
PztSalÇarPerCumCmtPaz
API
Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.
Calendar
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| mode | "single" | "range" | "single" | Tek tarih veya aralık. |
| selected | Date | { from?, to? } | — | Seçili tarih(ler). |
| onSelect | (value) => void | — | Seçim değişince çağrılır. |
| locale | string | browser | Ay/gün adları için dil, ör. "tr-TR". |
| weekStartsOn | 0 | 1 | 1 | Haftanın ilk günü (0 pazar, 1 pazartesi). |
| minDate / maxDate | Date | — | Seçilebilir aralık. |
| isDateDisabled | (date: Date) => boolean | — | Belirli günleri kapatır. |
| numberOfMonths | 1 | 2 | 1 | Yan yana ay sayısı. |