title: React can't null datetime-local input field
body: <p>I'm using react together with react-semantic-ui and I'm having following input type:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;Input 
  onChange={e =&gt; this.onTextInputChange(e, 'date')}
  value={this.state.searchQuery.date}
  type='datetime-local'/&gt;
  </code></pre>
  
  <p><code>onTextInputChange</code> function sets input value as the state field and value of this input is bound to this field. Also, I have an additional button in my app which is responsible for clear form fields (by setting null on each state field).</p>
  
  <pre class="lang-js prettyprint-override"><code>state = {
    searchQuery: {
       date: null
   }
  }
  </code></pre>
  
  <p>Clear works pretty well for other fields, but the problem occurs when I touch <code>datetime-local</code> input. When I fill some part of the date I'm getting this message when I hit the clear button.</p>
  
  <p><a href="https://i.stack.imgur.com/57GQC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/57GQC.png" alt="enter image description here"></a></p>
  
  <p>I'm able to clear this field only when I provide a full date. I know I can solve this issue by setting the value of this field to blank string <code>' '</code> during clear, but it isn't the best solution, because later I have to filter out those fields. I was even playing with react ref, but unfortunately I didn't achieve any positive result, what's more, blue cross which appears on hover clears the form. Any tips how can I handle it in a pretty way?</p>
  
  <p>Edit #1:
  <code>event.preventDefault</code> helped me to get rid of this validation message, but anyway input stays without cleared value.</p>