Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA calendar in which a click selects the whole ISO week, with week numbers, hover highlight and a YYYY-Www value.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it for timesheets, weekly reports and sprints, where the unit is the week. Weeks are ISO 8601: Monday first, and week 1 holds the first Thursday, so the week-year can differ from the calendar year around New Year.
For days use calendar-grid.
| Prop | Type | Default | Description |
|---|---|---|---|
| value / defaultValue | string | null | null | ISO week as YYYY-Www. |
| onValueChange | (value: string | null) => void | - | Called with the week of the clicked day. |
| min / max | string | - | Weeks that start before min or end after max are disabled. |
| showWeekNumbers | boolean | true | Week number column. |
| locale / today / label | - | - | Locale, reference day and name. |
weekToRange("2026-W43") returns { from, to } (Monday to Sunday). isoWeek, isoWeekStart and parseIsoWeek in date-time-core do the maths.
| Keys | Action |
|---|---|
| Arrow keys, Home / End | Move between days; the week under focus is highlighted |
| Page Up / Page Down | Previous or next month |
| Enter / Space | Selects the week of the focused day |
calendar-grid: a grid with week number row headers and a full-date label on every day.