Example · Basic
Without Animation
Disable animations for instant timepicker display
Disable Animation
Turn off animations for faster display:
index.tstypescript
1const picker = new TimepickerUI(input, {2 ui: { animation: false }3});4picker.create();
Performance Mode
Optimize for performance with minimal effects:
index.tstypescript
1const picker = new TimepickerUI(input, {2 ui: {3 animation: false,4 backdrop: false5 },6 behavior: {7 delayHandler: 08 }9});10picker.create();
No Animation with Theme
Disable animation while keeping theme styles:
index.tstypescript
1const picker = new TimepickerUI(input, {2 animation: false,3 theme: 'cyberpunk',4 backdrop: true5});6picker.create();
Accessibility First
Disable animations while maintaining accessibility features:
index.tstypescript
1const picker = new TimepickerUI(input, {2 animation: false,3 focusTrap: true,4 focusInputAfterCloseModal: true,5 backdrop: true6});7picker.create();