JSPM

react-day-picker

8.0.0-beta.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 5787216
  • Score
    100M100P100Q210747F
  • License MIT

Flexible Date Picker for React

Package Exports

  • react-day-picker
  • react-day-picker/dist/style.css
  • react-day-picker/src/style.css

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-day-picker) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React DayPicker beta

DayPicker is a date picker component for React.

To install the beta, make sure you use the @next tag:

$ npm install react-day-picker@next

Beta version ⚠️

This branch is for the next major version 8 – which is currently in development and not ready for production. For the stable version see the v7 branch.

See also

Main features

  • depends from date-fns as date library
  • not opinionated, extensible user interface
  • support for ARIA
  • localizable
  • incomplete "Main features" list

Documentation

Example

function Example() {
  const [selected, setSelected] = useState();

  const handleDayClick = (day, { selected }) => {
    if (!selected) setSelected(day);
    else setSelected();
  };

  return <DayPicker selected={selected} onDayClick={handleDayClick} />;
}