你可以做这样的事

const {
  useState
} = React;

const DateRangeSelector = () => {
  const [startDate, setStartDate] = useState(
    new Date().toISOString().slice(0, 10) + 'T00:00:00.000Z'
  );
  const [endDate, setEndDate] = useState(
    new Date().toISOString().slice(0, 10) + 'T23:59:59:999Z'
  );
  const onDateChange = (e) => {
    
    e.target.name === 'start' ?
      setStartDate(e.target.value + 'T00:00:00.000Z') :
      setEndDate(e.target.value + 'T23:59:59:999Z');
  };

  return (
    <div>
      <br />
      Start:&nbsp;
      <input
        name="start"
        type="date"
        value={startDate.slice(0, 10)}
        max={endDate}
        onChange={onDateChange}
      />
      End:&nbsp;
      <input
        name="end"
        type="date"
        value={endDate.slice(0, 10)}
        min={startDate}
        onChange={onDateChange}
      />
      <br />
      StartDate:&nbsp;{startDate} <br />
      EndDate:&nbsp;{endDate}
    </div>
  );
}

ReactDOM.createRoot(
  document.getElementById("root")
).render( <
  DateRangeSelector / >
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/18.2.0/umd/react.development.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.2.0/umd/react-dom.development.js"></script>
<div id="root"></div>