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

Dark Theme

Dark mode theme for reduced eye strain

Since 4.7.0 the dark theme follows the Material 3 baseline dark palette. See the Themes page for the old values.

Dark Theme

#

Perfect for night-time use and dark interfaces:

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

Dark with 12h Format

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

Dark with 24h Format

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