title: Datepicker e.target.value undefined
body: <p>I'm using Datepicker component for calendar to update my state with date picked by user.</p>
  
  <p>When I trying to change default date using input React outputs error: "TypeError: e.target is undefined".</p>
  
  <p>Thank you.</p>
  
  <p>State:</p>
  
  <pre><code>this.handleSubmit = this.handleSubmit.bind(this);
  this.handleDate = this.handleDate.bind(this);
  this.handleGuests = this.handleGuests.bind(this);
  this.handleName = this.handleName.bind(this);
  this.state = {
    min: new Date().getHours,
    max: new Date(),
    booking: {
      date: new Date(),
      people: 1,
      name: 'John Doe',
    },
  }
  </code></pre>
  
  <p>handleDate function: </p>
  
  <pre><code>handleDate(e){
  const booking = {...this.state.booking}
  booking.date = e.target.value;
  this.setState({booking});
  }
  </code></pre>
  
  <p>Datepicker:</p>
  
  <pre><code>&lt;DatePicker
              name="Datepicker"
              className="form-control mx-auto form-control-lg p-3"
              selected={this.state.booking.date}
              onChange={this.handleDate}
              showTimeSelect
              timeFormat="HH:mm"
              timeIntervals={60}               
              dateFormat="MMMM dd, yyyy h:mm aa"
              timeCaption="Time"
              placeholderText="Click and choose the date"
            /&gt;
  </code></pre>