Отключить режим клавиатуры Date-Picker для Material-UI, оставив при этом украшение календаря активным - PullRequest
Новая
       24

Отключить режим клавиатуры Date-Picker для Material-UI, оставив при этом украшение календаря активным

0 голосов
/ 29 апреля 2019

Это версия выбора даты, который я использую.У этого есть украшение календаря.Мне было интересно, как я могу сделать это так, нажав на inputField откроет календарь вместо того, чтобы позволить пользователю редактировать дату.Пользователь по-прежнему должен иметь возможность щелкнуть украшение календаря, чтобы открыть календарь.

Еще один способ сформулировать этот вопрос.Как отключить режим клавиатуры для средства выбора материалов и пользовательского интерфейса будет поддерживать активное украшение календаря. 

<div className="picker">
        <InlineDatePicker
          keyboard
          variant="outlined"
          label="With keyboard"
          value={selectedDate}
          onChange={handleDateChange}
          format={props.getFormatString({
            moment: "MM/DD/YYYY",
            dateFns: "MM/dd/yyyy",
          })}
        />
      </div>

Я пытался поиграть со свойством 'clearable', но, похоже, оно не дает никакого эффекта.Для рабочего примера зайдите на сайт: https://material -ui-pickers.dev / api / datepicker и перейдите к сборщикам строк, последний из которых имеет границу и украшение календаря в поле ввода.

...