使用inputProps属性。

<TextField
        id="date"
        label="Birthday"
        type="month"
        defaultValue="2017-05"
        className={classes.textField}
        InputLabelProps={{
          shrink: true,
        
        }}
        InputProps={{
          readOnly: true,
         }}
      />

我也有同样的问题。通过自定义输入按钮来修复它。

() => {
  const [startDate, setStartDate] = useState(new Date());
  const ExampleCustomInput = forwardRef(({ value, onClick }, ref) => (
    <button className="example-custom-input" onClick={onClick} ref={ref}>
      {value}
    </button>
  ));
  return (
    <DatePicker
      selected={startDate}
      onChange={(date) => setStartDate(date)}
      customInput={<ExampleCustomInput />}
    />
  );
};

www.example. com example“自定义输入”