Ошибка в материале UI DatePicker не делает недействительным поле / форму

Question

DatePicker находится в компоненте оболочки, и хотя сообщение об ошибке отображается правильно, оно не делает недействительным поле или форму, если дата установлена ​​как неправильная. Я знаю о функции обратного вызова onError, но не знаю, что здесь вызывать. Проверка не выполняется на onSubmit, поэтому нельзя использовать SubmissionError или submitfailed.

Я могу передать внешний валидатор из поля формы, но я оставлю его как последний вариант.

Выбор даты

 <InlineDatePicker
      format={DATE_FORMAT_UI}
      keyboard
      mask={mask}
      maxDate={maxDate}
      minDate={minDate}
      placeholder={DATE_FORMAT_UI}
      value={formattedStoreValue}
      variant="outlined"
      onBlur={this.handleBlur}
      onChange={this.handleChange}
      **onError={(_,error)=>{ don't know what to do here })}**
      {...other}
    />

Поле формы

             <Field
                name={someDate}
                component={InlineDatePickerField}
                **validate={[required]} //If not possible then add another validator here as last option**
                id={someDate}
                label="To"
                minDate={this.minDate()}
                required
                className="w-full"
              />