React-day-picker NPM

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

🛠 Extensive set of props for customizing the calendar.
🎨 Minimal design that can be easily styled with CSS or any CSS framework.
📅 Supports selections of single days, multiple days, ranges of days, or custom selections.
🌍 Can be localized into any language and time zones.
🌐 Support for ISO 8601, Persian, and broadcast calendar.
🦮 Complies with WCAG 2.1 AA requirements for accessibility.
⚙️ Customizable components to extend the rendered elements.
🔤 Easy integration with input fields.

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

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:

💬 Discussion forums - Get support and provide feedback.
🪳 Report an issue - Report bugs or request features.

Funding

Consider supporting DayPicker's maintainer with a donation. Your support helps keep the project alive and up-to-date.

🎗️ Sponsor DayPicker on GitHub

@date-fns/tz date-fns date-fns-jalali

@h1-card/h1-lib-frontend dsny-component-library @moai/core @pubngo-stack/property-module-browser @dafunda-ui-test/react-calendar @dafunda-ui-testing/react-calendar @dafunda-ui-alpha/react-calendar create-thoo-app create-thoo-app-auth dafunda-ui-react @travelshift/web custom-table-kldjskljasd @cocolist/thumbprint-react parcel-test-project ta-tmr-tracker-fe @data-driven/components @follett/common-ui phoenix-shared gatsby-theme-katahdin h1-react-components-test hx-react-components-mew checkout-calendar ams-storybook-library ehacells lanaco-react-library lanaco-react-library1 @xbotvn/ui gatsby-theme-cumberland enquiries talent-app-shell @nzsb/wiskit mattermost-webapp-lib reactivesearchuibrugsdistro react-redux-nightmare-quick-start loankeeper-components @sous-chef/ui content-client @bplus-components/web @walkme/wm-ui kudi-component-lib pe-layouts @wealthsimple/patchwork-ts @fishbot/test-react-ui @factoryfour/react-patterns cognitiv-ui edisen-ui @traver/react-components @infinitebrahmanuniverse/nolb-react-da @xqy/keystone dietgraph @openchannel/react-common-components @h1-card/h1-fe-components nh-design-system wix-style-react @everything-registry/sub-chunk-2550 ui-cmp xhttp-ui @lezztable/react pivot-ui @million23/nextjs fusillo @itoa/fields srmg-ui-component-library-test @camped-ui/calender test-reactt-ui pkm-components fe-main @yopem-ui/react-calendar @dafunda-ui/react-calendar bwsoft-ui-components medicatel-components kmplate-editor ilive-ui-kit aic-fb @stoui/react ever-ui-cli cnc-primitives-kit breinstormin.mongo.kernel @vaon-fe/common tabeo-components taly.auth tars-keep-up tchr-ui talkable-ui-kit td-stylekit taas-toolbar tendata-app-handle wix-ui-tpa widget-servizio wobbui waleed-avocado waleed-avocado-2 vui-components webbteamet-components wowds-ui xanda xcim-codesandbox xbesh-ui willba-component-library xmlui

5 months ago

5 months ago

6 months ago

4 months ago

5 months ago

5 months ago

5 months ago

5 months ago

3 months ago

4 months ago

2 months ago

2 months ago

2 months ago

6 months ago

6 months ago

8 months ago

6 months ago

7 months ago

7 months ago

7 months ago

7 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

9 months ago

9 months ago

9 months ago

10 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

2 years ago

3 years ago

3 years ago

3 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago