REACT create datepicker react - Net-Raft.com

// you need to install:
npm install react-datepicker --save
npm install moment --save
npm install bootstrap --save

import React from "react";
import DatePicker from 'react-datepicker';
import moment from 'moment';

import 'react-datepicker/dist/react-datepicker.css';
import 'bootstrap/dist/css/bootstrap.min.css';

class App extends React.Component {

constructor (props) {
super(props)
this.state = {
startDate: moment()
};
this.handleChange = this.handleChange.bind(this);
this.handleSubmit = this.handleSubmit.bind(this);
}

handleChange(date) {
this.setState({
startDate: date
})
}

handleSubmit(e) {
e.preventDefault();
let main = this.state.startDate
console.log(main.format('L'));
}

render() {
return (
<div className = "container">
<h3>React Datepicker Example</h3>
<form onSubmit={ this.handleSubmit }>
<div className="form-group">
<label>Select Date: </label>
<DatePicker
selected={ this.state.startDate }
onChange={ this.handleChange }
name="startDate"
dateFormat="MM/DD/YYYY"
/>
</div>
<div className="form-group">
<button className="btn btn-success">Add Date</button>
</div>
</form>
</div>
);
}
}

export default App;