在React js中单击日历时打开不带文本字段的日期选择器对话框

Question

默认情况下，DatePicker与TextField一起显示的是此图像。我不想要。

Answer 1

可以使用CustomInput属性

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