DayPicker is a React component for creating date pickers, calendars, and date inputs for web applications.
See daypicker.dev for guides, examples and API reference, or read the docs in the repository.
DayPicker is written in TypeScript and compiled to CommonJS and ESM. It relies on date-fns for date manipulation and formatting.
npm install react-day-picker
import { DayPicker } from "react-day-picker"; import "react-day-picker/style.css"; function MyDatePicker() { const [selected, setSelected] = useState<Date>(); return ( <DayPicker mode="single" selected={selected} onSelect={setSelected} footer={ selected ? `Selected: ${selected.toLocaleDateString()}` : "Pick a day." } /> ); }
DayPicker is compatible with React 16.8 and later.
DayPicker is released under the MIT License.
Ask for help and share your experience with DayPicker:
Consider supporting DayPicker's maintainer with a donation. Your support helps keep the project alive and up-to-date.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4