@zedtech/zedkit-ui
Pick a day on a calendar
Token-styled month grid. Locale and prev/next names follow the kit messages.
alpha
View props table
Usage
At a glance
- Who: Developers showing a month grid the reader can pick from.
- What: Token-styled month grid. Locale and prev/next names follow the kit messages.
- Use when: When the calendar stays on the page (a booking widget, a dashboard).
- Avoid when: For a compact form field — use the date picker in a popover.
- See also: Pick a date from a popover, Pick a start and end date
Preview
@zedtech/zedkit-ui — Calendar, CalendarProps
Preview
October 2026
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
Install
pnpm add @zedtech/zedkit-uiLatest: 0.6.4 (via changesets).
Example
import { Calendar } from "@zedtech/zedkit-ui";
<Calendar />Wraps: react-day-picker
Props
Prop
Type