Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA paged grid of years with min, max and unavailable years, for birth years, model years and annual reports.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it when only the year matters: a year of birth, a model year, an annual report. Pages start at a multiple of the page size so a year is always on the same page.
For a year with a month use month-picker.
| Prop | Type | Default | Description |
|---|---|---|---|
| value / defaultValue | number | null | null | The year. |
| onValueChange | (value: number | null) => void | - | Called with the chosen year. |
| min / max | number | 1 / 9999 | Earliest and latest year. |
| pageSize | 12 | 15 | 20 | 12 | Years per page. |
| isYearUnavailable | (year: number) => boolean | - | Disable single years. |
| currentYear / locale / label | - | - | Reference year, number format, name. |
| Keys | Action |
|---|---|
| Arrow keys | Move between cells; Left and Right swap in right-to-left text, and moving past an edge changes the page |
| Home / End | First and last cell of the row |
| Page Up / Page Down | Previous or next page (year) |
| Enter / Space | Selects the focused cell |
grid of year buttons; the heading ("2016 – 2027") is a polite live region so paging is announced.min and max.Intl.NumberFormat and no grouping separator.