Current Time

Start the picker on the current time, or on a time you choose, with clock.defaultTime.

Simple Current Time

Set defaultTime to 'now' to show the current time and write it to the input:

1const picker = new TimepickerUI(input, {
2  clock: { defaultTime: 'now' }
3});
4picker.create();

Current Time Without Updating the Input

#

With the object form and updateInput: false, the picker opens on the current time and the input stays empty until the user confirms:

Select time

1const picker = new TimepickerUI(input, {
2  clock: {
3    defaultTime: {
4      time: 'now',
5      updateInput: false
6    }
7  }
8});
9picker.create();

Clock Type from the Locale

#

Use clock.type: 'auto' to pick 12h or 24h from the browser locale:

1const picker = new TimepickerUI(input, {
2  clock: {
3    type: 'auto',
4    defaultTime: 'now'
5  }
6});
7picker.create();

Custom Time

#

Set specific time instead of current:

1const customTime = new Date();
2customTime.setHours(14, 30, 0);
3
4const picker = new TimepickerUI(input, {
5  clock: {
6    defaultTime: {
7      time: customTime,
8      updateInput: true
9    }
10  }
11});
12picker.create();