timepicker-ui
4.7.0GitHub
timepicker-ui
Themes / Basic Theme

Basic Theme

Default Material Design inspired theme

Default Basic Theme

#

The basic theme is the default Material Design inspired style:

const picker = new TimepickerUI(input, {
ui: { theme: 'basic' }
});
picker.create();

Basic Theme with 12h

#
const picker = new TimepickerUI(input, {
ui: { theme: 'basic' },
clock: {
type: '12h',
autoSwitchToMinutes: true
}
});
picker.create();

Basic Theme with 24h

#
const picker = new TimepickerUI(input, {
ui: { theme: 'basic' },
clock: { type: '24h' }
});
picker.create();

Basic with Custom Labels

#
const picker = new TimepickerUI(input, {
ui: { theme: 'basic' },
labels: {
ok: 'Confirm',
cancel: 'Close',
clockTitle: 'Choose Your Time'
}
});
picker.create();
Esc