Year Picker

Name: timepicker-ui
Author: Piotr Glejzer

Pick a year instead of a day. This page documents @pglejzer/datepicker-ui, the companion of timepicker-ui.

Year precision

Set calendar.precision to "year". The picker shows a grid of years and a pick selects the whole year. DateValue.value is YYYY.

Year precision

Year

1import DatepickerUI from "@pglejzer/datepicker-ui";
2import "@pglejzer/datepicker-ui/index.css";
3
4new DatepickerUI("#date", {
5  calendar: { precision: "year" },
6}).create();

Note

The years on offer come from ui.yearRange (100 years back and 20 ahead by default) and from minDate and maxDate.