Example · Features
Increment Steps
Control hour and minute increment steps
Increment Minutes
Jump by 5 minutes:
index.tstypescript
1const picker = new TimepickerUI(input, {2 clock: { incrementMinutes: 5 }3});4picker.create();
Increment by 15 Minutes
Larger steps for faster selection:
index.tstypescript
1const picker = new TimepickerUI(input, {2 clock: { incrementMinutes: 15 }3});4picker.create();
Increment Hours
Jump by 2 hours:
index.tstypescript
1const picker = new TimepickerUI(input, {2 clock: { incrementHours: 2 }3});4picker.create();
Combined Increments
Increment both hours and minutes:
index.tstypescript
1const picker = new TimepickerUI(input, {2 clock: {3 incrementHours: 2,4 incrementMinutes: 105 }6});7picker.create();
With 24h Format
index.tstypescript
1const picker = new TimepickerUI(input, {2 clock: {3 type: '24h',4 incrementHours: 3,5 incrementMinutes: 156 }7});8picker.create();