{"_rev":"4-d0b0b759109178591a087fe42a1f4b30","time":{"created":"2023-12-22T14:36:58.741Z","8.9.1":"2023-12-22T14:21:42.075Z","modified":"2023-12-22T14:36:59.770Z","8.9.2":"2023-12-22T14:36:59.227Z"},"_id":"@benoitgoupilleau/react-day-picker","name":"@benoitgoupilleau/react-day-picker","dist-tags":{"latest":"8.9.2"},"versions":{"8.9.2":{"name":"@benoitgoupilleau/react-day-picker","version":"8.9.2","description":"Customizable Date Picker for React","author":{"name":"Giampaolo Bellavite","email":"io@gpbl.dev"},"homepage":"http://react-day-picker.js.org","license":"MIT","repository":{"type":"git","url":"git+https://github.com/benoitgoupilleau/react-day-picker.git"},"bugs":{"url":"https://github.com/benoitgoupilleau/react-day-picker/issues"},"main":"dist/index.js","module":"dist/index.esm.js","unpkg":"dist/index.min.js","types":"dist/index.d.ts","style":"dist/style.css","scripts":{"prepublish":"pnpm build","build":"rimraf dist && rollup -c","build-watch":"rollup -c -w","lint":"eslint .","test":"jest","test-watch":"jest --watch","typecheck":"tsc --project ./tsconfig.json --noEmit","typecheck-watch":"tsc --project ./tsconfig.json --noEmit --watch"},"devDependencies":{"@jest/types":"^29.6.3","@rollup/plugin-commonjs":"^25.0.0","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.1","@rollup/plugin-typescript":"^11.1.3","@testing-library/dom":"^9.3.3","@testing-library/jest-dom":"^5.17.0","@testing-library/react":"^14.0.0","@testing-library/user-event":"^14.5.1","@types/jest":"^29.5.5","@types/node":"^20.6.5","@types/react":"^18.2.22","@types/react-dom":"^18.2.13","@types/testing-library__jest-dom":"^5.14.9","@typescript-eslint/eslint-plugin":"^5.59.11","@typescript-eslint/parser":"^5.62.0","date-fns":"^2.30.0","eslint":"^8.50.0","eslint-config-prettier":"^9.0.0","eslint-import-resolver-typescript":"^3.6.1","eslint-plugin-import":"^2.27.5","eslint-plugin-jest":"^27.4.0","eslint-plugin-prettier":"^4.2.1","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-testing-library":"^5.11.1","jest":"^29.7.0","jest-environment-jsdom":"^29.7.0","mockdate":"^3.0.5","postcss":"^8.4.30","postcss-d-ts":"^1.2.0","postcss-typescript-d-ts":"^1.0.0","prettier":"^2.8.8","react":"^18.2.0","react-classnaming":"^0.16.4","react-dom":"^18.2.0","rimraf":"^5.0.1","rollup":"^3.29.3","rollup-plugin-copy":"^3.5.0","rollup-plugin-dts":"^6.0.2","rollup-plugin-postcss":"^4.0.2","ts-jest":"^29.1.1","ts-node":"^10.9.1","tsc-alias":"^1.8.8","tslib":"^2.6.2","typescript":"~4.9.5"},"peerDependencies":{"date-fns":"^2.28.0","react":"^16.8.0 || ^17.0.0 || ^18.0.0"},"funding":{"type":"individual","url":"https://github.com/sponsors/gpbl"},"gitHead":"b7ef9e2cc67aa26c1bf3cacd19583bf264d731c9","_id":"@benoitgoupilleau/react-day-picker@8.9.2","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-cCV2tWGZNHoGsmb8ZisuVO3TSj70aJC7kiJjpSeB48mwZzHM3GbecQXsqld2eUgdQhNf0ddPfvQ6hBdjdRb5vw==","shasum":"2f707094fe3130cb2ddc71687e45d459cbb36011","tarball":"https://registry.npmjs.org/@benoitgoupilleau/react-day-picker/-/react-day-picker-8.9.2.tgz","fileCount":220,"unpackedSize":1631113,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@benoitgoupilleau%2freact-day-picker@8.9.2","provenance":{"predicateType":"https://slsa.dev/provenance/v0.2"}},"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCiGpxvIgt2PzPFNfx6Nj49xhJFxCdlC3YKHaBlo+jZ/gIhAK0VObCZGmBDBlJlYyKuejMhOp2/KHp5nrgkNbf0CnBV"}]},"_npmUser":{"name":"benoitgoupilleau","email":"benoit.goupilleau@gmail.com"},"directories":{},"maintainers":[{"name":"benoitgoupilleau","email":"benoit.goupilleau@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-day-picker_8.9.2_1703255818853_0.0750678239873881"},"_hasShrinkwrap":false}},"maintainers":[{"name":"benoitgoupilleau","email":"benoit.goupilleau@gmail.com"}],"description":"Customizable Date Picker for React","homepage":"http://react-day-picker.js.org","repository":{"type":"git","url":"git+https://github.com/benoitgoupilleau/react-day-picker.git"},"author":{"name":"Giampaolo Bellavite","email":"io@gpbl.dev"},"bugs":{"url":"https://github.com/benoitgoupilleau/react-day-picker/issues"},"license":"MIT","readme":"# React DayPicker\n\n[DayPicker](http://react-day-picker.js.org) is a date picker component for [React](https://reactjs.org). Renders a monthly calendar to select days. DayPicker is customizable, works great with input fields and can be styled to match any design.\n\n➡️ **[react-day-picker.js.org](http://react-day-picker.js.org)** for guides, examples and API reference.\n\n<picture>\n  <source media=\"(prefers-color-scheme: dark)\" srcSet=\"https://user-images.githubusercontent.com/120693/188241991-19d0e8a1-230a-48c8-8477-3c90d4e36197.png\"/>\n  <source media=\"(prefers-color-scheme: light)\" srcSet=\"https://user-images.githubusercontent.com/120693/188238076-311ec6d1-503d-4c21-8ffe-d89faa60e40f.png\"/>\n  <img alt=\"Shows a screenshot of the React DayPicker component in a browser’s window.\" width=\"900\" />\n</picture>\n\n## Main features\n\n- ☀️ Select days, ranges or whatever\n- 🧘‍♀️ using [date-fns](http://date-fns.org) as date library\n- 🌎 Localizable into any language\n- ➡️ Keyboard navigation\n- ♿️ [WAI-ARIA](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA) support\n- 🤖 Written in TypeScript\n- 🎨 Easy to style and customize\n- 🗓 Support multiple calendars\n- 📄 Easy to integrate input fields\n\n## Installation\n\n```shell\nnpm install react-day-picker date-fns  # using npm\npnpm install react-day-picker date-fns # using pnpm\nyarn add react-day-picker date-fns     # using yarn\n```\n\n<a href=\"https://www.npmjs.com/package/react-day-picker\">\n  <img src=\"https://img.shields.io/npm/v/react-day-picker.svg?style=flat-square\" alt=\"npm version\"/>\n</a> <a href=\"http://npm-stat.com/charts.html?package=react-day-picker\">\n  <img src=\"https://img.shields.io/npm/dm/react-day-picker.svg?style=flat-square\" alt=\"npm downloads\"/>\n</a> <a href=\"https://github.com/gpbl/react-day-picker/stargazers\">\n<img src=\"https://img.shields.io/github/stars/gpbl/react-day-picker?style=flat-square\" alt=\"stars\"/>\n</a> <a href=\"https://github.com/sponsors/gpbl\">\n  <img src=\"https://img.shields.io/github/sponsors/gpbl?style=flat-square\" alt=\"sponsors\"/>\n</a>\n\n## Example\n\n```tsx\nimport { useState } from 'react';\nimport { format } from 'date-fns';\n\nimport { DayPicker } from 'react-day-picker';\nimport 'react-day-picker/dist/style.css';\n\nexport default function Example() {\n  const [selected, setSelected] = useState<Date>();\n\n  let footer = <p>Please pick a day.</p>;\n  if (selected) {\n    footer = <p>You picked {format(selected, 'PP')}.</p>;\n  }\n  return (\n    <DayPicker\n      mode=\"single\"\n      selected={selected}\n      onSelect={setSelected}\n      footer={footer}\n    />\n  );\n}\n```\n\n## Documentation\n\nSee **[react-day-picker.js.org](http://react-day-picker.js.org)** for guides, examples and API reference of the latest version.\n<small>Docs for version 7 are at <a href=\"https://react-day-picker-v7.netlify.app\" target=\"_blank\">react-day-picker-v7.netlify.app</a>.</small>\n","readmeFilename":"README.md"}