Week Numbers

Name: timepicker-ui
Author: Piotr Glejzer

Show ISO week numbers before each row. This page documents @pglejzer/datepicker-ui, the companion of timepicker-ui.

Week numbers

Set ui.weekNumbers to true to add a week column before each row.

Week numbers

Date

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

Column header text

#

The header of the column is labels.weekNumber, which is "Week" by default.

Custom header

Date

1import DatepickerUI from "@pglejzer/datepicker-ui";
2import "@pglejzer/datepicker-ui/index.css";
3
4new DatepickerUI("#date", {
5  ui: { weekNumbers: true },
6  labels: { weekNumber: "Wk" },
7}).create();