Example · Themes
Basic Theme
Default Material Design inspired theme
Default Basic Theme
The basic theme is the default Material Design inspired style:
index.tstypescript
1const picker = new TimepickerUI(input, {2 ui: { theme: 'basic' }3});4picker.create();
Basic Theme with 12h
index.tstypescript
1const picker = new TimepickerUI(input, {2 ui: { theme: 'basic' },3 clock: {4 type: '12h',5 autoSwitchToMinutes: true6 }7});8picker.create();
Basic Theme with 24h
index.tstypescript
1const picker = new TimepickerUI(input, {2 ui: { theme: 'basic' },3 clock: { type: '24h' }4});5picker.create();
Basic with Custom Labels
index.tstypescript
1const picker = new TimepickerUI(input, {2 ui: { theme: 'basic' },3 labels: {4 ok: 'Confirm',5 cancel: 'Close',6 time: 'Choose Your Time'7 }8});9picker.create();