Mui Datepicker 在验证前显示红色文本

Question

我正在使用 Mui 日期选择器和日期时间选择器，当我打开模式时，我看到了这个：

我不想要红色文本至少我输入了错误的日期，但我找不到更改它的属性。

其中一个组件如下：

<LocalizationProvider dateAdapter={DateAdapter}>
              <DesktopDatePicker
                label={translation.word.startDate}
                inputFormat="dd/MM/yyyy"
                value={startDate}
                onChange={handleStartDateChange}
                shouldDisableDate={disablePastDays}
                renderInput={(params) => (
                  <TextField
                    {...params}
                    {...validator.getFieldProps("start_date")}
                    variant="standard"
                    fullWidth
                  />
                )}
              />
</LocalizationProvider>

Answer 1

您可以在 TextField 错误之前检查 value 是否为 null :

<TextField
   {...params}
   {...validator.getFieldProps("start_date")}
   error={startDate !== null && validator.getFieldProps("start_date").error}      // Add this
/>

Mui Datepicker 在验证前显示红色文本

Mui Datepicker show red text before validation

reactjs

material-ui