title: React mui v4 Datepicker Updating State With Timezone Error
body: <p>I have a datepicker that looks like this, created using material ui v4 :</p>
  <pre><code>import DateFnsUtils from '@date-io/date-fns'
  import { MuiPickersUtilsProvider, KeyboardDatePicker } from '@material-ui/pickers';
  
  
  const [task_start_date, setTaskStartDate] = useState(new Date());
  
  &lt;MuiPickersUtilsProvider utils={DateFnsUtils}&gt;
          &lt;KeyboardDatePicker
             margin=&quot;normal&quot;
             id=&quot;date-picker-ddialog&quot;
             helperText=&quot;Set start date&quot;
             format=&quot;yyyy-MM-dd&quot;
             fullWidth
             inputVariant=&quot;outlined&quot;
             value={task_start_date}
             onChange={setTaskStartDate}
             KeyboardButtonProps={{
             'aria-label': 'change date',
           }}
           /&gt;
  
      &lt;/MuiPickersUtilsProvider&gt;
  
  </code></pre>
  <p>I have been trying several methods to update the correct state of my date but it keeps posting the date as the day before. I have also tried setting the date with moment and specifying the timezone and referring to this <a href="https://stackoverflow.com/questions/60382084/material-ui-datepicker-showing-wrong-date">this</a> post but my error persists.</p>
  <p>My dependancies are:</p>
  <pre><code>&quot;dependencies&quot;: {
      &quot;@date-io/date-fns&quot;: &quot;1.3.13&quot;,
      &quot;@date-io/moment&quot;: &quot;1.3.13&quot;,
      &quot;@material-ui/core&quot;: &quot;4.11.4&quot;,
      &quot;@material-ui/data-grid&quot;: &quot;^4.0.0-alpha.37&quot;,
      &quot;@material-ui/icons&quot;: &quot;4.11.2&quot;,
      &quot;@material-ui/pickers&quot;: &quot;^3.2.8&quot;
  </code></pre>
  <p>Any advise/recommendations will be appreciated.</p>