TimePicker

Pass value and onChange to control the picker, which opens a panel with hour, minute and second columns.

Set size to large or small to match the other fields in your form, with medium as the default.

Set variant to outlined, filled, text, underlined, borderless or bare, the same six styles Input and Select use. text fills on hover and while focused, and bare draws nothing at all.

Set status to warning or error to color the field's border when its value needs attention.

Set use12Hours with a matching format like h:mm a to add an AM/PM column, so the field and the panel agree.

Set format to HH:mm to leave out seconds, and the panel drops its seconds column to match.

Set hourStep, minuteStep and secondStep to offer only every second hour, every 15 minutes and every 10 seconds.

Use TimePicker.RangePicker to pick a start and an end time in one field, with the two kept in order.

Set order={false} so an end before the start, like a shift from 22:00 to 06:00, stays as picked instead of being swapped.

Pass disabledTime to block hours and minutes, like everything outside 9:00 to 18:45 and any minute off the quarter hour.

Set changeOnScroll to pick a value as soon as a column stops scrolling, with needConfirm={false} so no OK button is needed.

Pass renderExtraFooter to add your own controls under the panel, like a suggested checkout time the guest can pick in one click.

Put a TimePicker in a Form.Item with a required rule, like a meeting time on a 15-minute grid.

A weekly opening-hours card with a range picker per day, a Closed switch, and a button that copies one day to all.