React Date Range Picker Demo

Initialization

$ npx create-react-app react-daterangepicker-demo $ cd react-daterangepicker-demo/ $ npm start
http://localhost:3000/

Adding the react-dates library

$ npm install --save react-dates moment
... 
import "react-dates/initialize";
import { DateRangePicker } from "react-dates";
import "react-dates/lib/css/_datepicker.css";
...

Responsive Date Range Picker

$ npm install --save react-responsive

Thank you for reading and Happy Coding

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Achraf Aamri

Achraf Aamri

9 Followers

Software Developer , Solution Architect , IT Consultant aiming to share my knowledge , experiences and services , feel free to contact me , and enjoy reading