DayPicker is a React component to display a monthly calendar for picking dates.
Thanks to an extensive set of props, DayPicker helps developers to implement date pickers – without fighting with JavaScript dates and complex layouts.
- See work-in-progres website at: https://react-day-picker-next.netlify.app
- v7 documentation: https://react-day-picker.js.org
- Add react-day-picker to the project’s dependencies:
yarn add react-day-picker # when using yarn
npm install react-day-picker # when using npm
- Import DayPicker and its CSS file in your script:
import "react-day-picker/dist/style.css";
import { DayPicker } from "react-day-picker";
function App() {
return <DayPicker />
}