How Prevent User for selecting start-date greater than end-date in `react-datePicker`?

Question

How to Restrict in such that startDate should not be greater than endDate in react-datePicker

() => {
  const [startDate, setStartDate] = useState(new Date("2014/02/08"));
  const [endDate, setEndDate] = useState(new Date("2014/02/10"));
  return (
    <>
      <DatePicker
        selected={startDate}
        onChange={date => setStartDate(date)}
        selectsStart
        startDate={startDate}
        endDate={endDate}
      />
      <DatePicker
        selected={endDate}
        onChange={date => setEndDate(date)}
        selectsEnd
        startDate={startDate}
        endDate={endDate}
        minDate={startDate}
      />
    </>
  );
};

example demo react-datepicker docs

Answer 1

Similar to minDate prop, you can use maxDate prop to set maximum selectable date in DatePicker

<DatePicker
  selected={startDate}
  onChange={date => setStartDate(date)}
  selectsStart
  startDate={startDate}
  endDate={endDate}
  maxDate={endDate}
/>