Подборщики пользовательского интерфейса для материала - ошибка триггера пустой даты (onblur) - PullRequest
Новая
       40

Подборщики пользовательского интерфейса для материала - ошибка триггера пустой даты (onblur)

1 голос
/ 04 марта 2020

Проблема: я использую material-ui-pickers и не могу понять, как вызвать / инициировать ошибку, когда пользователь удаляет focus / onBlur и поле даты пусто.

Я пытался изменить цвета текста и подчеркнуть цвет ошибки (красный), однако программы чтения с экрана / a11y не регистрируют ошибку. Это означает, что он должен вызвать «внутреннюю» систему ошибок выбора даты.

1 Ответ

0 голосов
/ 04 марта 2020

@material-ui-pickers наследует реквизиты от Material-UI TextField , вы заметите, что error равно boolean.

Чтобы создать сообщение об ошибке, вам необходимо удовлетворить два подпорки, error и helperText.

Вы не предоставили пример, но он должен быть примерно таким: 

     <DatePicker
      required
      id="dob"
      label="Date of Birth"
      format={"DD/MM/YYYY"}
      value={this.state.dob}
      className={classes.textField}
      onChange={this.handleDateChange}
      error={!this.state.dob}
      helperText={!this.state.dob && "Error message here"}
    />
...