TimePicker

TimePicker is a clock component to display or select Time on an analog clock (12h am/pm)

2026-04-11.16-02-04_YouTube_720p.mp4

OML

 {"selector:TimePicker ":{CONFIG}}

Config

 {
     "precision" : 15, //in minutes
     "time": "09:00",  //in 24h time, default to current time,
     "limits": {
           "render": true,    
           "list": [
                {     
                     min: '08:00',
                     max: '11:00'
                },
                {     
                     min: '17:00',
                     max: '21:00'
                },
                ...
           ]  
      },
     "callbacks" : {
          "change": ()=>{}
     }
 }

Limits

You can set non overlapping time ranges for which it is possible to set/select time. They are expressed in 24H time format, such as

 {     
      min: '17:00',
      max: '21:00'
 }  

Methods

val

 my_time_picker.val(__time);   //sets or gets current time (24h time)

Callbacks

 my_time_picker.onChange = ()=>{};