выбор времени response-datepicker с секундами

Question

Мне нужно выбрать секунды также из средства выбора даты реакции. Я просмотрел документы, которые нашел это

В этом решении я могу выбрать час, мин, AM / PM из этого, но нет опции для секунд, есть ли способ настроить, чтобы выбрать секунды также из этого. Нужна помощь , ниже пример (ищите время ввода)

Я попытался изменить формат даты

dateFormat = "MM / dd / yyyy h: mm: ss aa" not работает

() => {
  const [startDate, setStartDate] = useState(new Date());
  return (
    <DatePicker
      selected={startDate}
      onChange={date => setStartDate(date)}
      timeInputLabel="Time:"
      dateFormat="MM/dd/yyyy h:mm aa"
      showTimeInput
    />
  );
};

Я нашел способ показывать секунды, но это работает нормально, но внутри модели после того, как мы выберем время, весь диалог закрывается. Я использую это внутри диалога MaterialUi

() => {
  const [startDate, setStartDate] = useState(new Date());
  const ExampleCustomTimeInput = ({ value, onChange }) => (
    <input
      type="time"
      step="1"
      value={value}
      onChange={e => onChange(e.target.value)}
      style={{ border: "solid 1px pink" }}
    />
  );
  return (
    <DatePicker
      selected={startDate}
      onChange={date => setStartDate(date)}
      showTimeInput
      customTimeInput={<ExampleCustomTimeInput />}
    />
  );
};