HourPicker

Use the KHourPicker component to allow the user to select a time from a dropdown list.

Default Hour Picker

30 minute steps, HH:mm format, full day range

Selected: None
15 Minute Steps

Steps of 15 minutes

Selected: None
12-Hour Format (AM/PM)

Using 'hh:mm A' format

Selected: None
Business Hours Only

09:00 to 18:00

Selected: None
Clearable & External Control

showClear enabled, controlled via isOpen prop

Selected: None
Is Open: false
Disabled State
Validation States
Select state