Auto Close Ant Design TimePicker после выбора времени

Question

Ant Design TimePicker по умолчанию закрывается только при нажатии за пределами селектора времени.

У меня 12 часов TimePicker, которые установлены по умолчанию в 12:00, как можно ли закрыть его автоматически, когда пользователь выбирает часы, минуты и am / pm, чтобы пользователю не приходилось нажимать за пределами TimePicker, чтобы закрыть его вручную?

<TimePicker format="h:mm a" use12Hours defaultOpenValue={moment('24:00', 'h:mm a')} />

Answer 1

Вы можете использовать атрибут open из компонента TimePicker и использовать значение состояния, чтобы показать / скрыть указатель времени. Поэтому каждый раз, когда пользователь нажимает на изменение времени, вы можете использовать свойство onChange, чтобы изменить значение состояния на false

const [open, setOpen] = useState(false);
<TimePicker
 ...
 open={open}
 onOpenChange={() => {setOpen(true)}})
 onChange={() => {setOpen(false)}}
></TimePicker>