title: Material UI TextField input type="date" doesn´t get event.target.value
body: <p>I´m using material ui and react grid from dev extreme to create a table with a input of type date, but when I try to type the date it doesn't recognize the value change until I get to the year value, which cleans the other values. Any Idea of what could be happening?</p>
  <p>My Code:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const DateEditor = ({ value, onValueChange }) =&gt; {
    return (
      &lt;TextField
        value={value}
        type="date"
        onChange={event =&gt; {
          onValueChange(event.target.value)
          console.log(event.target.value)
        }}
      /&gt;
    );
  };
  
  
  const DateTypeProvider = React.memo(props =&gt; (
      &lt;DataTypeProvider
        formatterComponent={DateFormatter}
        editorComponent={DateEditor}
        {...props}
      /&gt;
    ));
    
    </code></pre>
  </div>
  </div>
  </p>
  <p><a href="https://i.stack.imgur.com/8L1tY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8L1tY.png" alt="enter image description here" /></a></p>
  <p>Nothing showing.</p>
  <p><a href="https://i.stack.imgur.com/CC4iz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CC4iz.png" alt="enter image description here" /></a></p>
  <p>Showing when getting to year.</p>
  <p><a href="https://i.stack.imgur.com/CG6W3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CG6W3.png" alt="enter image description here" /></a></p>
  <p>Deleting everything when I type next value.</p>
  <p>Obs: It works perfectly when I select by the calendar.</p>