Smooth Hour Snap

Fluid hour dragging with a snap animation on release. Set clock.discreteHourJump to make the hand jump from hour to hour instead.

Smooth Hour Dragging

Drag the clock hand smoothly between hours (like minutes), with animated snap on release:

1const picker = new TimepickerUI(input, {
2  clock: { discreteHourJump: false } // This is the default
3});
4picker.create();

Works perfectly with 24-hour clock format:

1const picker = new TimepickerUI(input, {
2  clock: {
3    type: '24h',
4    discreteHourJump: false
5  }
6});
7picker.create();

Combine with hour increments for flexible selection:

1const picker = new TimepickerUI(input, {
2  clock: {
3    incrementHours: 2,
4    discreteHourJump: false
5  }
6});
7picker.create();

Clock hand jumps directly to each hour

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

Clock hand drags fluidly, snaps on release

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