{"_id":"@amngo/react-day-picker","name":"@amngo/react-day-picker","dist-tags":{"latest":"8.8.0"},"versions":{"8.8.0":{"name":"@amngo/react-day-picker","version":"8.8.0","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/gpbl/react-day-picker.git"},"bugs":{"url":"https://github.com/gpbl/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":"yarn run build","build":"rimraf dist && rollup -c","build-watch":"rollup -c -w","lint":"eslint --ext .ts,.tsx src","test":"jest","test-watch":"jest --watch","typecheck":"tsc --project ./tsconfig.json --noEmit","typecheck-watch":"tsc --project ./tsconfig.json --noEmit --watch"},"devDependencies":{"@rollup/plugin-commonjs":"^24.0.1","@rollup/plugin-node-resolve":"^15.0.2","@rollup/plugin-terser":"^0.4.0","@rollup/plugin-typescript":"^11.1.0","@testing-library/dom":"^8.20.0","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","@testing-library/user-event":"^14.4.3","@types/jest":"^29.4.0","@types/node":"^18.15.11","@types/react":"^18.0.28","@typescript-eslint/eslint-plugin":"^5.57.0","@typescript-eslint/parser":"^5.58.0","date-fns":"^2.29.3","eslint":"^8.35.0","eslint-config-prettier":"^8.8.0","eslint-config-rdp":"workspace:^","eslint-import-resolver-typescript":"^3.5.3","eslint-plugin-import":"^2.27.5","eslint-plugin-jest":"^27.2.1","eslint-plugin-prettier":"^4.2.1","eslint-plugin-react-hooks":"^4.6.0","jest":"^29.4.3","jest-environment-jsdom":"^29.5.0","postcss":"^8.4.21","postcss-d-ts":"^1.2.0","postcss-typescript-d-ts":"^1.0.0","prettier":"^2.8.4","react":"^18.2.0","react-classnaming":"^0.16.4","react-dom":"^18.2.0","rimraf":"^4.4.1","rollup":"^3.19.1","rollup-plugin-copy":"^3.4.0","rollup-plugin-dts":"^5.2.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2","timekeeper":"^2.2.0","ts-jest":"^29.0.5","ts-node":"^10.9.1","tsc-alias":"^1.8.2","tslib":"^2.5.0","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"},"dependencies":{"framer-motion":"^10.12.4"},"directories":{"test":"test"},"gitHead":"06985d9ab446ad5c5590d24bcf25af6e8ebe4748","_id":"@amngo/react-day-picker@8.8.0","_nodeVersion":"16.18.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-/6yNJrnammTze7/3u3pn/gD+mN+OiLUSEjWBv5H/MI8K0TcXuZpXzALmIc/39X5QAmJQAlEPYSvmfEYf0a34bg==","shasum":"3a80ebb61ac93f8eed47cb1346b715b790aa871b","tarball":"https://registry.npmjs.org/@amngo/react-day-picker/-/react-day-picker-8.8.0.tgz","fileCount":213,"unpackedSize":3608472,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF6lBwGyBjbrI6MxdvXIMUlyfADd5s0EXDQen2Gfh9LqAiEA2rzzatG5muxFI9/4kegqXZgujwGZgst0vjLPN/u+MF0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkP5HoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqcLg/+NBUa5/IkeLBDDK2l1nY3rGJ1O1LCMK4t/u+YF2OlF601P4lT\r\n6BVVtWfHV4Q14olReaE4k/S2afwjfgRox/DxD3KNvd3bmxYXIfcWlP2kZgMb\r\nCUfX8PO/eXhnud84RhPDTKTiYCWCXPvMmI5d8ZEQ2bqotNJdWt0RNcGPFcBx\r\n7+gZOD5EPM4u66lhyMshcxTWLfNMZoJ2qVcViKqtAGCdRkcfx1TnoPLBQrES\r\n8LzpUI+KnumfMxxJZV5fsRzOSu2a7GJd0Wd/4cRehjb+fHlBnkfrbHT/WC4N\r\nxNe0d4BdgSb5IhZDuE0LD3GlGhsgoS/P9aOkSHl9dXm2Q9GLoFGY20pvjv6c\r\nZUb7sXq+lSIaSMB8i4bVhCOI3kMrV7s59/0QVo129NSgki53IQECfIL9FImX\r\n6pYhKgvvvLpblV5L8DRtZx7Sx1QulZxDicypf0oNUd/Ppc96gIITaOwI1POf\r\neiBzmOHmXB2reGsAtxOHOKZzp9xwcpcez5OvRyel4VDlo/MAipyCibyyCDQP\r\nOm13fF2eCf3gwute0DTj9Rfzkle/Kz376HSnx3iGHthzJIrKrRmSD6e+IPJ4\r\ntzDNCUXDs/H+7AjOmzJLVunAkXqoyX58tMHN2EV4mcvCBbKjugZZgVk7x9db\r\n0bK097VhzlhzPD2qt6J38kDQXp6YZx5ooYA=\r\n=hfYh\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"amngo","email":"amngo96@gmail.com"},"maintainers":[{"name":"amngo","email":"amngo96@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-day-picker_8.8.0_1681887720334_0.39361018278838844"},"_hasShrinkwrap":false}},"time":{"created":"2023-04-19T07:02:00.283Z","8.8.0":"2023-04-19T07:02:00.619Z","modified":"2023-04-19T07:02:00.868Z"},"maintainers":[{"name":"amngo","email":"amngo96@gmail.com"}],"description":"Customizable Date Picker for React","homepage":"http://react-day-picker.js.org","repository":{"type":"git","url":"git+https://github.com/gpbl/react-day-picker.git"},"author":{"name":"Giampaolo Bellavite","email":"io@gpbl.dev"},"bugs":{"url":"https://github.com/gpbl/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<a href=\"http://react-day-picker.js.org\">\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</a>\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 React from 'react';\n\nimport { format } from 'date-fns';\nimport { DayPicker } from 'react-day-picker';\nimport 'react-day-picker/dist/style.css';\n\nexport default function Example() {\n  const [selected, setSelected] = React.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"}