Example · Themes

Blueprint

Name: timepicker-ui
Author: Piotr Glejzer

Light precision-instrument look with a vivid cobalt accent and hairline borders

Blueprint Theme

A clean, technical aesthetic on white surfaces — vivid cobalt accent and crisp hairline borders that match the docs' own look:

Live

Select time

index.tstypescript

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

Live

Select time

index.tstypescript

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

Live

Select time

index.tstypescript

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