Как отключить кнопку просмотра в StaticDatePicker в React MUI v5.2.2?

#reactjs #material-ui

#reactjs #материал-пользовательский интерфейс

Вопрос:

Как отключить кнопку просмотра в StaticDatePicker в React MUI v5?

введите описание изображения здесь

Проблема в том, что мы отключили несколько дней, и они отображаются в режиме выбора. Но если вы нажмете значок карандаша, это компонент, как показано ниже

введите описание изображения здесь

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

Как мы можем отключить кнопку просмотра? Если мы не можем, то как нам убедиться, что пользователь не может выбрать какую-либо дату?

Ответ №1:

Добавьте ниже CSS в свой код. Это просто быстрое исправление для обычных пользователей. профессиональные пользователи / хакеры все еще могут изменить это свойство из своего браузера и получить доступ к кнопке.

    .PrivateDatePickerToolbar-penIcon {
      visibility: hidden
    }
 

Живая демонстрация

Редактировать демонстрационный материал StaticDatePickerLandscape (разветвленный)