Today and Clear Buttons

Name: timepicker-ui
Author: Piotr Glejzer

Add Today and Clear to the footer of the picker. This page documents @pglejzer/datepicker-ui, the companion of timepicker-ui.

Today and Clear

#

ui.todayButton and ui.clearButton are off by default. Their texts are labels.today and labels.clear. Clear empties the value and the input.

Both buttons

Date

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

Keep the typed text

#

Pass { clearInput: false } to ui.clearButton to clear the value but leave the text in the input.

Keep input text

Date

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