title: How to get selected date using react-datetime?
body: <p>I am using <a href="https://www.npmjs.com/package/vshushkov-react-datetime" rel="noreferrer">react-datetime</a> out of the box. </p>
  
  <p>Right now, I am trying to get the selected date to be saved into my <code>date</code> state. </p>
  
  <pre><code>import DateTime from 'react-datetime';
  import '../DateTime.css';
  
  class SomeClass extends React.Component {
    render(){
      return (
        &lt;div&gt;
          &lt;DateTime onChange={this.props.handleDate}/&gt;
        ...
  </code></pre>
  
  <p>The program above works - it displays a simple box that shows a calendar when someone clicks it.</p>
  
  <p>Here is <code>handleDate</code> method:</p>
  
  <pre><code>  ...
    handleDate(e){
      this.setState({date: e.target.value}, () =&gt; console.log(this.state.date))
    };
  </code></pre>
  
  <p>It works on my regular ol' react-bootstrap component: <code>&lt;FormControl type="date" onChange={this.props.handleDate} /&gt;</code> but when I use <code>DateTime</code>, it says that its value is undefined. "<code>Schedule.js:135 Uncaught TypeError: Cannot read property 'value' of undefined</code>"</p>
  
  <p>I am looking at the APIs from the <a href="https://www.npmjs.com/package/vshushkov-react-datetime" rel="noreferrer">npm site</a> but don't see any example showing how to get the data. I might be overreading it. </p>
  
  <p>How can I get the value of the selected dates using <code>DateTime</code>? <code>e.target.value</code> does not seem to work on this case. </p>