Calendar
FREEDependency-free calendar with single and range selection, localized names, min/max, disabled days and keyboard navigation.
Installation
Terminal
npx @bloxa/cli add calendar
# or: npx shadcn@latest add @bloxa/calendarExamples
Single date
Navigate with arrow keys, PageUp/PageDown and Home/End.
November 2026
MonTueWedThuFriSatSun
Range, two months (Turkish)
Kasım 2026
PztSalÇarPerCumCmtPaz
Aralık 2026
PztSalÇarPerCumCmtPaz
API reference
Every component also accepts the props of the element it renders.
Calendar
| Prop | Type | Default | Description |
|---|---|---|---|
| mode | "single" | "range" | "single" | Single date or range. |
| selected | Date | { from?, to? } | — | Selected date(s). |
| onSelect | (value) => void | — | Called when the selection changes. |
| locale | string | browser | Locale for names, e.g. "tr-TR". |
| weekStartsOn | 0 | 1 | 1 | First day of week (0 Sunday, 1 Monday). |
| minDate / maxDate | Date | — | Selectable bounds. |
| isDateDisabled | (date: Date) => boolean | — | Disables specific days. |
| numberOfMonths | 1 | 2 | 1 | Months side by side. |