Example · Themes

Blueprint Dark

Name: timepicker-ui
Author: Piotr Glejzer

Dark sibling of Blueprint — brighter cobalt on near-black surfaces with hairline borders

Blueprint Dark Theme

The same technical, hairline-bordered aesthetic on near-black surfaces with a brighter cobalt accent — distinct from the purple dark theme:

Live

Select time

index.tstypescript

1const picker = new TimepickerUI(input, {
2  ui: { theme: 'blueprint-dark' }
3});
4picker.create();

Live

Select time

index.tstypescript

1const picker = new TimepickerUI(input, {
2  ui: { theme: 'blueprint-dark' },
3  clock: { type: '12h' }
4});
5picker.create();

Live

Select time

index.tstypescript

1const picker = new TimepickerUI(input, {
2  ui: { theme: 'blueprint-dark' },
3  clock: { type: '24h' }
4});
5picker.create();