react-day-picker
TypeScript icon, indicating that this package has built-in type declarations

9.0.4 • Public • Published

React DayPicker

DayPicker is a React component to create date pickers, calendars, and date inputs for web applications.

📖 See daypicker.dev for guides, examples and API reference.

Features

DayPicker is written in TypeScript and compiled to CommonJS and ESM. It relies on date-fns for date manipulation and formatting.

Installation

npm install react-day-picker

npm version npm downloads Min gzipped size

Example

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."
      }
    />
  );
}

Compatibility

DayPicker is compatible with React 16.8 and later.

License

DayPicker is released under the MIT License.

Community

Ask for help and share your experience with DayPicker.

Funding

Consider supporting DayPicker's maintainer with a donation. Your support helps to keep the project alive and keep it updated.

Readme

Keywords

none

Package Sidebar

Install

npm i react-day-picker

Weekly Downloads

1,619,748

Version

9.0.4

License

MIT

Unpacked Size

1.02 MB

Total Files

888

Last publish

Collaborators

  • gpbl
  • gpbl-bot