title: DatePicker does not display the date in input when editing
body: <p>//Set new date</p>
  
  <pre><code>this.state.startDate = new Date("July 27, 1962 23:30:00")
  const date = new Date(this.state.startDate);
  </code></pre>
  
  <p>//Set hours</p>
  
  <pre><code>date.setHours(0, 0, this.state.second);
  date.toTimeString();
  </code></pre>
  
  <p>When I click <code>edit</code>. I want this date to be displayed in the input. And that it can be edited</p>
  
  <p>Picture: <a href="https://imgur.com/OjBEC5u" rel="nofollow noreferrer">https://imgur.com/OjBEC5u</a></p>
  
  <p>Example here: <a href="https://stackblitz.com/edit/react-cuubsx" rel="nofollow noreferrer">https://stackblitz.com/edit/react-cuubsx</a></p>
  
  <p><strong>Edit</strong></p>
  
  <pre><code>class Edit extends React.Component {
    render() {
      return (
          &lt;DatePicker
            selected={this.props.startDate}
            onChange={this.props.handleChange}
          /&gt;
      )
    }
  }
  </code></pre>
  
  <p><strong>Item</strong></p>
  
  <pre><code>class Item extends Component {
  
    state = {
      startDate: new Date("July 27, 1962 23:30:00"),
      second: 120
    }
  
    handleChange = (date) =&gt; {
      this.setState({
        startDate: date
      });
    }
  
  
    render() {
  
      const date = new Date(this.state.startDate);
      console.log(date)
      date.setHours(0, 0, this.state.second);
      date.toTimeString();
  
      return (
           &lt;Edit
              handleChange={this.handleChange}
              startDate={date}
              handleDescription={this.handleDescription}
              date = {this.date} 
            /&gt;
  
      )
    }
  }
  </code></pre>