Как изменить timepicker для материала на 24-часовой формат

Question

В настоящее время используется Timepicker из Material-UI. У меня установлено значение type="time", что позволяет мне выбирать время в течение дня в течение 12 часов с опцией AM / PM. Я хотел бы иметь свой сборщик с 24-часовым форматом, который удалил бы опцию AM / PM. Я посмотрел в документации к пользовательскому интерфейсу и не смог найти ничего, что могло бы с этим справиться.

Песочница

Текущий код:

    <form className={classes.container} noValidate>
      <TextField
        id="time"
        label="Alarm clock"
        type="time"
        className={classes.textField}
        InputLabelProps={{
          shrink: true
        }}
        inputProps={{
          step: 900 // 5 min
        }}
      />
    </form>

Answer 1

Они, кажется, рекомендуют использовать @ material-ui / pickers

https://material-ui-pickers.dev/api/TimePicker

import { TimePicker } from '@material-ui/pickers'

следующий вариант должен сделать это для вас

ampm={false}

   <TimePicker
     clearable
     ampm={false}
     label="24 hours"
     value={selectedDate}
     onChange={handleDateChange}
   />

Если вам нужно использовать встроенный сборщик, ознакомьтесь с этим сообщением HTML время ввода в 24 формате