title: Material-UI DateTimePicker doesn't work if I have two in the same form
body: <p>I have a single form where all the other input fields(strings) are set correctly. However the two date pickers don't seem to set the correct value when they are submitted.</p>
  <pre><code>    &lt;div className='form-control'&gt;
          &lt;label htmlFor='dateFrom'&gt;Date from:&lt;/label&gt;
          &lt;DateTimePicker value={selectedDateFrom} onChange={handleDateFromChange}/&gt;
      &lt;/div&gt;
  
      &lt;div className='form-control'&gt;
          &lt;label htmlFor='dateTo'&gt;Date to:&lt;/label&gt;
          &lt;DateTimePicker value={selectedDateTo} onChange={handleDateToChange}/&gt;
      &lt;/div&gt;
  </code></pre>
  <p>and I also have this:</p>
  <pre><code>    const [selectedDateFrom, setSelectedDateFrom] = useState(new Date());
      const [selectedDateTo, setSelectedDateTo] = useState(new Date());
  
      const handleDateFromChange = (date) =&gt; {
          console.log(&quot;handle date from change &quot;, date);
          setSelectedDateFrom(date)
      }
  
      const handleDateToChange = (date) =&gt; {
          console.log(&quot;handle date to change &quot;, date);
          setSelectedDateTo(date)
      }
  </code></pre>
  <p>when I run the program only one console log is printed and I can't see why</p>