title: How to clear the value entered in react-datepicker?
body: <p>I am using <code>react-datepicker</code> for our calendar control. Now the issue is that if the user entered an invalid date like 'djfdjfhjkhdf' then in this control nothing is there to validate. So I decided to write my own validation function and call that on blur event if the date is invalid then clear the text entered by the user. My code is like this:</p>
  
  <pre><code>import DatePicker from 'react-datepicker';
  import 'react-datepicker/dist/react-datepicker.css';
  focousOut(value) {
   this.handleChange('');
  }
  handleChange(date) {
   this.setState({ selectedValue: date });
   this.setState({ startDate: date });
  }
  
  &lt;DatePicker
   selected={this.state.selectedValue}
   value={this.state.startDate}
   onChange={this.handleChange}
   onBlur={event =&gt; this.focousOut(event.target.value)} /&gt;
  </code></pre>
  
  <p><code>validateDate</code> is a function that will return <code>true</code> or <code>false</code>, iff the date is valid then <code>true</code> else return <code>false</code>. How can I achieve this requirement, can you please assist me?</p>