Example · Themes

Material 3 Green Theme

Name: timepicker-ui
Author: Piotr Glejzer

Material Design 3 (Material You) with green color scheme

Latest Material Design 3 inspired theme with green accents:

Live

Select time

index.tstypescript

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

M3 Green with 12h Format

Live

Select time

index.tstypescript

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

Live

Select time

index.tstypescript

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