The following sample demonstrates the popup list element in specific time duration. Click/Touch the TimePicker popup icon to select the desired value.
The Time Duration sample illustrates, how to customize or disable the time values in time list popup by using
itemRender event. Here, all the time values has addition information on duration between them in sequence and some of the values are
disabled through itemRender event by adding the e-disabled class.By using the
scrollTo can set the scroll position to the given value when no value is selected or the selected value is not availble in
the timepicker popup list.
More information about TimePicker and it's configuration can be found in the documentation section.