Example · Features

Switch Icon

Name: timepicker-ui
Author: Piotr Glejzer

Enable icon to toggle between mobile and desktop views

Enable Switch Icon

Show icon to switch between mobile and desktop versions:

Live

Select time

index.tstypescript

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

Start in mobile mode with switch icon:

Live

Select time

index.tstypescript

1const picker = new TimepickerUI(input, {
2  ui: {
3    mobile: true,
4    enableSwitchIcon: true
5  }
6});
7picker.create();

Live

Select time

index.tstypescript

1const picker = new TimepickerUI(input, {
2  ui: {
3    enableSwitchIcon: true,
4    theme: 'dark'
5  }
6});
7picker.create();