timepicker-ui
4.7.0GitHub
timepicker-ui
Features / Increment Steps

Increment Steps

Control hour and minute increment steps

Increment Minutes

#

Jump by 5 minutes:

const picker = new TimepickerUI(input, {
clock: { incrementMinutes: 5 }
});
picker.create();

Increment by 15 Minutes

#

Larger steps for faster selection:

const picker = new TimepickerUI(input, {
clock: { incrementMinutes: 15 }
});
picker.create();

Increment Hours

#

Jump by 2 hours:

const picker = new TimepickerUI(input, {
clock: { incrementHours: 2 }
});
picker.create();

Combined Increments

#

Increment both hours and minutes:

const picker = new TimepickerUI(input, {
clock: {
incrementHours: 2,
incrementMinutes: 10
}
});
picker.create();

With 24h Format

#
const picker = new TimepickerUI(input, {
clock: {
type: '24h',
incrementHours: 3,
incrementMinutes: 15
}
});
picker.create();
Esc