Example · Features
Focus Trap
Control focus behavior for accessibility
Enable Focus Trap (Default)
Keep focus within modal for accessibility:
index.tstypescript
1const picker = new TimepickerUI(input, {2 behavior: { focusTrap: true } // This is the default3});4picker.create();
Disable Focus Trap
Allow focus to move outside modal:
index.tstypescript
1const picker = new TimepickerUI(input, {2 behavior: { focusTrap: false }3});4picker.create();
Focus Input After Close
Return focus to input after closing modal:
index.tstypescript
1const picker = new TimepickerUI(input, {2 behavior: {3 focusTrap: true,4 focusInputAfterClose: true5 }6});7picker.create();
Complete Accessibility Setup
Recommended accessibility configuration:
index.tstypescript
1const picker = new TimepickerUI(input, {2 behavior: {3 focusTrap: true,4 focusInputAfterClose: true5 },6 ui: {7 backdrop: true,8 animation: true9 }10});11picker.create();