Q:

react date picker

//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"
                        }
                      }}
                />
1
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}      />    );  }}
0
$ npm install react-day-picker --save
# or with yarn:
$ yarn add react-day-picker
0

New to Communities?

Join the community