Как настроить размер средства выбора даты MUI для мобильных экранов?

Я использую компонент DesktopDateTimePicker из Material-UI (MUI) в своем приложении React. Этот компонент предназначен для использования на настольных компьютерах и плохо подходит для мобильных экранов.

Я хотел бы настроить DesktopDateTimePicker, чтобы сделать его более удобным для мобильных устройств, или использовать другой компонент, который лучше подходит для мобильных устройств. В частности, мне нужно настроить размер и макет пользовательского интерфейса средства выбора, чтобы он хорошо отображался на небольших экранах.

🤔 А знаете ли вы, что...
React был первоначально выпущен в 2013 году.


58
2

Ответы:

Я хотел бы сообщить, что этот инструмент выбора даты Mui предварительно создан Mui. это я делаю в своем проекте введите сюда описание изображения

чтобы вы могли проверить и установить второй раз


Решено

Ниже приведено решение моей проблемы.

  <DateTimePicker
    label = "Select date and time"
    viewRenderers = {{
      hours: renderMultiSectionDigitalClockTimeView,
      minutes: renderMultiSectionDigitalClockTimeView,
      seconds: renderMultiSectionDigitalClockTimeView,
    }}
  />