title: React-calendar Ui not switching when value is set from function after single interaction
body: <p>The UI of the react calendar is not switching to the respective month when the value is set functionally after the calendar has been touched (dirty).</p>
  <pre><code>export default function App() {
    const [date, setDate] = useState([
      new Date('2022-05-10'),
      new Date('2022-05-15'),
    ]);
    return (
      &lt;&gt;
        &lt;p&gt;
          &lt;div&gt;
            &lt;button onClick={() =&gt; setDate([new Date('2022-11-02'), new Date('2022-11-08')])}&gt;click&lt;/button&gt;
            &lt;Calendar
              value={date}
              onChange={(v) =&gt; {
                setDate(v);
              }}
              selectRange
              minDate={new Date()}
              defaultStartDate={date[0]}
            /&gt;
          &lt;/div&gt;
        &lt;/p&gt;
  )
  }
  </code></pre>
  <p>If the button is clicked post a manual selection of dates has been made. (calendar component clicked and selection made). Then the date value changes but the UI stays intact.</p>