React-day-picker NPM | npm.io

8.10.1 • Published 11 days ago

Install

Weekly downloads

453,895

License

MIT

Repository

Last release

11 days ago

React DayPicker

DayPicker is a date picker component for React. Renders a monthly calendar to select days. DayPicker is customizable, works great with input fields and can be styled to match any design.

➡️ react-day-picker.js.org for guides, examples and API reference.

Main features

☀️ Select days, ranges or whatever
🧘‍♀️ using date-fns as date library
🌎 Localizable into any language
➡️ Keyboard navigation
♿️ WAI-ARIA support
🤖 Written in TypeScript
🎨 Easy to style and customize
🗓 Support multiple calendars
📄 Easy to integrate input fields

Installation

npm install react-day-picker date-fns  # using npm
pnpm install react-day-picker date-fns # using pnpm
yarn add react-day-picker date-fns     # using yarn

Example

import { useState } from 'react';
import { format } from 'date-fns';

import { DayPicker } from 'react-day-picker';
import 'react-day-picker/dist/style.css';

export default function Example() {
  const [selected, setSelected] = useState<Date>();

  let footer = <p>Please pick a day.</p>;
  if (selected) {
    footer = <p>You picked {format(selected, 'PP')}.</p>;
  }
  return (
    <DayPicker
      mode="single"
      selected={selected}
      onSelect={setSelected}
      footer={footer}
    />
  );
}

Documentation

See react-day-picker.js.org for guides, examples and API reference of the latest version. Docs for version 7 are at react-day-picker-v7.netlify.app.

@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 bgc-shared-frontend-components carbon-react @gooddata/react-components @gooddata/goodstrap @gooddata/sdk-ui-filters @gooddata/sdk-ui-kit create-thoo-app create-thoo-app-auth dafunda-ui-react @revolut/ui-kit @hhgtech/hhg-components @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 @abtasty/pulsar-common-ui @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 orchestratorbot-channel opuscapita-react-dates ouiouioui orxapi.widgets.framework omni-test-components omni-common-ui olymp papo-components pam-frontend-datovelger npm-package-test-bilal npmtestrobllu nrc pickapier.popup pearl-tech-shared pcm-shared-components pet-project-web-widget phu-project plastic pivah-test only-brain-editor openassistants-ui-testing pollicino-ui polar-auth-complexia powershift

11 days ago

4 months ago

6 months ago

6 months ago

8 months ago

8 months ago

10 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

1 year ago

2 years ago

2 years ago

2 years 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

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

2 years ago

2 years ago

2 years ago

2 years ago

2 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

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

4 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

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 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

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

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

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