Skip to content

DayPicker is a customizable date picker component for React. Add date pickers, calendars, and date inputs to your web applications.

License

Notifications You must be signed in to change notification settings

gpbl/react-day-picker

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Dec 15, 2024
7c5428e ยท Dec 15, 2024
Nov 18, 2024
Aug 7, 2024
Dec 11, 2024
Dec 15, 2024
Nov 2, 2024
Jul 7, 2024
Dec 15, 2024
Nov 30, 2024
Dec 15, 2024
Dec 4, 2021
Jun 28, 2024
Dec 11, 2024
Apr 20, 2024
Dec 27, 2022
Apr 22, 2024
Sep 26, 2024
Sep 22, 2024
Dec 23, 2023
Nov 24, 2024
Oct 14, 2023
Oct 12, 2024
Oct 12, 2024
Dec 10, 2024
Oct 12, 2024
Oct 12, 2024
Dec 11, 2024
Dec 11, 2024
Oct 13, 2024
Nov 27, 2024
Jun 24, 2024
Apr 20, 2024
May 7, 2024
Apr 20, 2024
May 30, 2024

Repository files navigation

React DayPicker

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.

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 keep the project alive and up-to-date.