Example · Features

Inline Mode

Name: timepicker-ui
Author: Piotr Glejzer

Display timepicker without modal overlay

Inline with Theme

Apply custom theme to inline timepicker:

Live

Select time

index.tstypescript

1const picker = new TimepickerUI(input, {
2  ui: {
3    inline: {
4      enabled: true,
5      containerId: 'timepicker-container',
6      autoUpdate: true
7    },
8    theme: 'dark'
9  },
10  clock: { type: '24h' }
11});
12picker.create();