datepicker in react
//npm i react-datepicker
import Datepicker from "react-datepicker";
<Datepicker
required
selected={appDate}
onChange={handleChangeDate}
showTimeSelect
dateFormat="Pp"
className="Datepicker pa2"
minDate={new Date()}
placeholderText="Select a date"
calendarClassName="rasta-stripes"
popperModifiers={{
offset: {
enabled: true,
offset: "0px, 0px"
},
preventOverflow: {
enabled: true,
escapeWithReference: false,
boundariesElement: "scrollParent"
}
}}
/>
import React from "react";
import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";
// CSS Modules, react-datepicker-cssmodules.css//
import 'react-datepicker/dist/react-datepicker-cssmodules.css';
class Example extends React.Component {
state = {
startDate: new Date() }; handleChange = date =>
{ this.setState({ startDate: date }); };
render() { return ( <DatePicker selected={this.state.startDate} onChange={this.handleChange} /> ); }}