Changing range value in input does not update value in the calendar

[serhiiminin]

Describe the bug
When changing the input value in range mode it does not trigger the change in the calendar.

() => {
  const [range, setRange] = useState([new Date("2014/02/08"), new Date("2014/02/10")]);
  const [startDate, endDate] = range;
  return (
    <>
      <DatePicker
        onChange={(date) => setRange(date)}
        selectsRange={true}
        startDate={startDate}
        endDate={endDate}
      />
    </>
  );
};

To Reproduce
Steps to reproduce the behavior:

1. Use my setup
2. Click on input to open the popup with the calendar
3. Try to change the input value
4. Observe that the calendar value is not changed

Expected behavior
If the value in input is a valid date then the value in the calendar is changed (similar to the single select behavior)

Screenshots

Desktop (please complete the following information):

• OS: iOS
• Browser chrome

Additional context
I looked into the code and it seems the issue is with parsing. The parsing function can't handle ranges.
https://github.com/Hacker0x01/react-datepicker/blob/master/src/index.jsx#L486

[dvelichuk]

Same issue for all browsers. Mac osx

[eliranhasin1121]

Hi, do you have any updates about this issue?

[jphawk]

Same issue here. It would be great to have a fix for this

[github-actions]

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 10 days.

[laug]

See also #3906 and #4002 which report the same issue.