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

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

Custom Validation

:
Select some time during lunchtime
Selected time: ""

Custom Timepicker

:
Selected time: