Timepicker

Timepicker

:

Selected time: { "hour": 13, "minute": 30 }

Spinners

:

Meridian

:

Selected time: { "hour": 13, "minute": 30 }

Seconds

:

:

Selected time: { "hour": 13, "minute": 30, "second": 30 }

Custom Steps

:

:

Hour Step

Minute Step

Second Step

Selected time: { "hour": 13, "minute": 30, "second": 0 }

Custom Validation

:

Select some time during lunchtime

Selected time: ""

Custom Timepicker

:

Selected time: 13:30:00