{"_id":"react-awesome-datepickers","_rev":"52-989bf35a575903dda0126019a5cb5512","name":"react-awesome-datepickers","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.1":{"name":"react-awesome-datepickers","version":"1.0.1","description":"awesome datepickers for react apps","scripts":{"build:prod":"rm -rf ./dist && node bundle-builder.js && npm version patch","build:test":"rm -rf ./dist && node bundle-builder.js","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","prepare":"husky install","cm":"cz","predeploy":"npm run build-storybook","deploy-storybook":"gh-pages -d storybook-static"},"module":"dist/src/index.js","types":"dist/dts/index.d.ts","keywords":["react","datepickers","date","picker"],"repository":{"url":"git+https://github.com/911mateo911/react-datepickers.git"},"sideEffects":false,"config":{"commitizen":{"path":"cz-customizable"}},"homepage":"http://911mateo911.github.io/react-awesome-datepickers","author":{"name":"911mateo911"},"license":"ISC","devDependencies":{"@babel/core":"^7.16.0","@babel/preset-env":"^7.16.4","@babel/preset-react":"^7.16.0","@babel/preset-typescript":"^7.16.0","@commitlint/cli":"^15.0.0","@rollup/plugin-babel":"^5.3.0","@rollup/plugin-commonjs":"^21.0.1","@rollup/plugin-node-resolve":"^13.0.6","@rollup/plugin-url":"^6.1.0","@storybook/addon-actions":"^6.4.1","@storybook/addon-essentials":"^6.4.1","@storybook/addon-links":"^6.4.1","@storybook/react":"^6.4.1","@svgr/rollup":"^6.0.0","@types/node":"^16.11.11","@types/react":"^17.0.37","@types/react-dom":"^17.0.11","babel-loader":"^8.2.3","babel-plugin-inline-react-svg":"^2.0.1","commitizen":"^4.2.4","commitlint-config-gitmoji":"^2.2.5","cz-customizable":"^6.3.0","gh-pages":"^3.2.3","husky":"^7.0.0","postcss":"^8.4.4","react":"^17.0.2","react-dom":"^17.0.2","rollup":"^2.60.2","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.31.1","typescript":"^4.5.2"},"dependencies":{"classnames":"^2.3.1","date-fns":"^2.27.0"},"gitHead":"4ea07c8734d1e2ed80b96510730f36e0344178e0","bugs":{"url":"https://github.com/911mateo911/react-datepickers/issues"},"_id":"react-awesome-datepickers@1.0.1","_nodeVersion":"16.13.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-JWN0Rjl2VKL5QYhxbAIUsY78E14ikY1TC8NM1j4hJaDQTaiOvnARBVwhDqjrd/TLP7vFDUYJHFoHIwCz8ia4xw==","shasum":"79f6f0fbb1378edabb58d5d54cd8176c298f0631","tarball":"https://registry.npmjs.org/react-awesome-datepickers/-/react-awesome-datepickers-1.0.1.tgz","fileCount":578,"unpackedSize":706801,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyG90CRA9TVsSAnZWagAAVLsP/3yDYT7sPIju3ioNeF9C\nsJWH98v/qK1dvbX1yZ+k2vIKXf4hoO14aEVw+s3UlW/BO7xk5PaFxyXHsjjm\nRMFWOICFQg+owVb7/ABVNT4Fun0KElvS2yznumuJzlbTmvWtPoa86k8YMRtI\ntgKGS2zFRVZJ2GWAS9pDzfaRWjLz1ymjKp7N3saQqM8peH6RnH9EapG1Rmto\n8+k4GhXVtlyNGfSzlyTq+nltvnc4/hbFr0GC5n/39qygh4o4RiHXe2LJFZLD\nisTBz4SSkTHrjo5EgDMYLke31Z1f6kzYOik8EkMOu7a8xW2Zqyx1LHnGZNBu\nSjJV32Ku+c859MRYX0bJFGOGBROgmDOLEcL8kJ6+hjlUrh6M+ShRDfKhwMnV\nnhIzQ1KMNn8KnH+2UVrMNnjEpZbjsaMz9L+Uum/o7EyvoOszU1HsYxDrwQYg\nZXJ/6sCebRdNNXsLFzMjA961h1TmcxZRR5zKPOzVrxKIER05qD0JXRNFUN97\nf5UlQss8hhDJXFsxWz3lCItbTKjA4qb5NwcUcDOOZU7/Q/GfzJ1EaEB+D9HX\ns/2NckRufK6lSv/XjgJiT+0D3HLkeeKVfO9DwK2Z0wXlQtX5kQ7ywIqgGfqW\nTTJYng5uSdJkwWZVJ0H/fPt+slYRNd0r4N/W0WPSs2YX1dAKrYt8VYMVtkvB\nONVp\r\n=R+MX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDlzGceFUYOkC7VigoKQeoZBXLvDE89mT8TSR0lwNbuFAIhAMSTkzFyqt+sbfncjbffLkorGjHsPbY4+BVSqlUd0e1J"}]},"_npmUser":{"name":"911mateo911","email":"malajmateo@gmail.com"},"directories":{},"maintainers":[{"name":"911mateo911","email":"malajmateo@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-awesome-datepickers_1.0.1_1640525684187_0.12041143862309056"},"_hasShrinkwrap":false},"1.0.2":{"name":"react-awesome-datepickers","version":"1.0.2","description":"awesome datepickers for react apps","scripts":{"build:prod":"rm -rf ./dist && node bundle-builder.js && npm version patch","build:test":"rm -rf ./dist && node bundle-builder.js","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","prepare":"husky install","cm":"cz","predeploy":"npm run build-storybook","deploy-storybook":"gh-pages -d storybook-static"},"module":"dist/src/index.js","types":"dist/dts/index.d.ts","keywords":["react","datepickers","date","picker"],"repository":{"url":"git+https://github.com/911mateo911/react-datepickers.git"},"sideEffects":false,"config":{"commitizen":{"path":"cz-customizable"}},"homepage":"http://911mateo911.github.io/react-awesome-datepickers","author":{"name":"911mateo911"},"license":"ISC","devDependencies":{"@babel/core":"^7.16.0","@babel/preset-env":"^7.16.4","@babel/preset-react":"^7.16.0","@babel/preset-typescript":"^7.16.0","@commitlint/cli":"^15.0.0","@rollup/plugin-babel":"^5.3.0","@rollup/plugin-commonjs":"^21.0.1","@rollup/plugin-node-resolve":"^13.0.6","@rollup/plugin-url":"^6.1.0","@storybook/addon-actions":"^6.4.1","@storybook/addon-essentials":"^6.4.1","@storybook/addon-links":"^6.4.1","@storybook/react":"^6.4.1","@svgr/rollup":"^6.0.0","@types/node":"^16.11.11","@types/react":"^17.0.37","@types/react-dom":"^17.0.11","babel-loader":"^8.2.3","babel-plugin-inline-react-svg":"^2.0.1","commitizen":"^4.2.4","commitlint-config-gitmoji":"^2.2.5","cz-customizable":"^6.3.0","gh-pages":"^3.2.3","husky":"^7.0.0","postcss":"^8.4.4","react":"^17.0.2","react-dom":"^17.0.2","rollup":"^2.60.2","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.31.1","typescript":"^4.5.2"},"dependencies":{"classnames":"^2.3.1","date-fns":"^2.27.0"},"gitHead":"205790177d633f8336e4efd5e7fe2b96759d2e71","bugs":{"url":"https://github.com/911mateo911/react-datepickers/issues"},"_id":"react-awesome-datepickers@1.0.2","_nodeVersion":"14.18.2","_npmVersion":"6.14.15","dist":{"integrity":"sha512-3NNINRVEjwVDxsVA18bCr/EC/FfIzP34iERMtGX7biZB71Ed7YqMRoMQjBO7C+FDm6Nr3eag98hnGqMTksXWug==","shasum":"a3838646a5489c6e12f108a72d3c52038b191647","tarball":"https://registry.npmjs.org/react-awesome-datepickers/-/react-awesome-datepickers-1.0.2.tgz","fileCount":578,"unpackedSize":707692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiD6WYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpjaQ/8Cchysx255JnXt7vW3RcHdf+DB2Ed8N8/GwIdXVaAK2KJI6r6\r\ntjkQV2CA4Ky6eqIjABs/frjsZNFYJW8J/sIqPPrRax6uuPJ9WCsu+w+uRG/0\r\nAIdj7Z1ofRbcQ2ngDjoIdXBXwm91IhNMsB5Ant301peOHlieHnjvESB38+fa\r\nn7yol85BN860q3SwL6VwhknStPfwPKUH51ixg0Y/cAzF3SFeT8YAzFYE0VFG\r\nAFZLT/Rk2DwwUCoY4RlIAFsdJtR/pFULCr9dBW1XY67J+yWATf+aXO4z7hK2\r\nF0iHxXATTRgYTzRNDm6Q+6QKt/Gqriqe2XiE5c6xEtpDjQhfEEOKJuuvEEEt\r\nhuxZAdQ6Br8T42VgU+//Q0LXdNX61S9uy6VetOKx3cIRMe03pAP71PM4lTNS\r\ngIZyK9nML3huC9dwLaGMxjMmhtaUfnl+Q50AFjQY9+OxwbZgJ2XBTVewnJi5\r\nlwQ17R2vbj2o36Y5JXz+q3z3CQlyLWA7RjSJATqOQr5KmYkWirRUHTwmM/tw\r\nudR39OfQNoAvaKPLBwdd/7TXTDGJm6lEyGIkRDGj5WhBkvR+Ho8XprCabnc6\r\nohG4AY9jA84ThzhrY7IeBJh4Nhmq85WyMM9NI0d9RuIPf1cTBYE90YwSxFd0\r\ntSqxmqA4pNbhKc8iLF49u+Wtgws1hmr0t44=\r\n=5E4S\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGoYdxajiEgszox6OwC5A9EdIN4t3NcfVEbIjLRXrUYCAiAebPCIfiaAGObfZiGdlKmhY506cYbU/EzPJzfaJ8e5WQ=="}]},"_npmUser":{"name":"911mateo911","email":"malajmateo@gmail.com"},"directories":{},"maintainers":[{"name":"911mateo911","email":"malajmateo@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-awesome-datepickers_1.0.2_1645192600370_0.5292244966347479"},"_hasShrinkwrap":false}},"time":{"created":"2021-11-29T23:24:08.374Z","0.1.0":"2021-11-29T23:24:08.581Z","modified":"2022-05-14T06:39:45.714Z","0.2.0":"2021-11-29T23:39:25.171Z","1.0.0":"2021-11-30T13:36:39.005Z","1.0.4":"2021-11-30T14:47:33.649Z","1.0.5":"2021-12-01T14:26:12.803Z","1.0.6":"2021-12-01T15:39:09.021Z","1.0.7":"2021-12-02T13:05:36.818Z","1.0.8":"2021-12-11T15:13:04.142Z","1.0.9":"2021-12-13T15:25:14.561Z","1.0.11":"2021-12-15T13:50:32.624Z","1.0.12":"2021-12-15T13:58:29.322Z","1.0.14":"2021-12-15T14:08:56.440Z","1.0.16":"2021-12-21T08:45:47.583Z","1.0.17":"2021-12-21T09:05:08.495Z","1.0.18":"2021-12-21T09:14:51.889Z","1.0.19":"2021-12-21T09:29:04.908Z","1.0.20":"2021-12-21T09:50:01.909Z","1.0.23":"2021-12-21T10:19:15.701Z","1.1.2":"2021-12-21T14:48:25.508Z","1.1.3":"2021-12-21T14:58:23.790Z","1.2.2":"2021-12-21T15:35:16.798Z","1.2.5":"2021-12-22T13:16:13.685Z","1.0.21":"2021-12-26T12:38:34.971Z","1.0.22":"2021-12-26T12:48:57.294Z","1.5.23":"2021-12-26T12:57:11.982Z","1.0.1":"2021-12-26T13:34:44.624Z","1.0.2":"2022-02-18T13:56:40.667Z"},"maintainers":[{"name":"911mateo911","email":"malajmateo@gmail.com"}],"readme":"# React-awesome-datepickers\r\n\r\nA simple, lightweight datepicker library for your awesome react app.\r\n\r\n## Usage:\r\n\r\n```\r\nnpm install react-awesome-datepickers\r\n```\r\n\r\n- ### Basic\r\n ```\r\nimport { useState } from 'react';\r\nimport { MaterialPicker } from 'react-awesome-datepickers';\r\n\r\nconst Picker = () => {\r\n    const [date, setDate] = useState<Date>(initialSelectedDate => can be undefined, null, or an actual date);\r\n    \r\n    return <MaterialPicker onDateSelect={setDate} />\r\n}\r\n```\r\n\r\n- ### RangePicker\r\n```\r\nimport { useState } from 'react';\r\nimport { MaterialPicker, RangeDates } from 'react-awesome-datepickers';\r\n\r\n// RangeDates => {\r\n    startDate: null | Date | undefined\r\n    endDate: null | Date | undefined \r\n}\r\n\r\nconst Picker = () => {\r\n    const [range, setRange] = useState<RangeDates>({});\r\n    \r\n    return <MaterialPicker range onDateRangeChange={setRange} dateRange={range} />\r\n}\r\n```\r\n\r\n## API\r\n`nextButton?: ReactElement => element to provide instead of the default provided svg`\r\n\r\n----\r\n`prevButton?: ReactElement => element to provide instead of the default provided svg`\r\n\r\n----\r\n`range?: boolean => picker is of type range`\r\n\r\n----\r\n`hideNavigationButtons?: boolean`\r\n\r\n----\r\n`nextButtonWrapperClassName?: string => buttons are wrapped on a div wrapper with a onClick callback`\r\n\r\n----\r\n`prevButtonWrapperClassName?: string => buttons are wrapped on a div wrapper with a onClick callback`\r\n\r\n----\r\n`initialSelectedDate?: Date | null => initial selected date`\r\n\r\n----\r\n`initialMonthPosition?: Date => initial month position on the datepicker`\r\n\r\n----\r\n`dateRange?: RangeDates => if picker type range => pass this from state to keep the picker updated`\r\n\r\n----\r\n`dayClassName?: string => base day className`\r\n\r\n----\r\n`selectedClassName?: string => className to provide on the selected date, with the base class`\r\n\r\n----\r\n`disabledClassName?: string => className to provide on the disabled date, with the base class`\r\n\r\n----\r\n`notThisMonthClassName?: string => className to provide on the dates present on the month, but of the prev/next month, with the base class`\r\n\r\n----\r\n`inRangeClassName?: string => className to provide on the dates in between the startDate and endDate when picker typeof `range`, with the base class`\r\n\r\n----\r\n`inRangeHoverClassName?: string => className to provide on the dates in between the startDate and endDate when picker typeof `range`, when the endDate is not selected with the base class`\r\n\r\n----\r\n`lastInRangeClassName?: string => className to provide on the selected endDate, on input type range date, with the base class`\r\n\r\n----\r\n`firstInRangeClassName?: string => className to provide on the selected startDate, on input type range date, with the base class`\r\n\r\n----\r\n`wrapperClassName?: string => className to provide on the wrapper element, with the base class`\r\n\r\n----\r\n`startFrom?: Date => if passed the dates before this date will be disabled`\r\n\r\n----\r\n`endFrom?: Date => if passed the dates after this date will be disabled`\r\n\r\n----\r\n`showNotThisMonthDays?: boolean => show dates which are not of this month`\r\n\r\n----\r\n`selectedDate: Date | null | undefined`\r\n\r\n----\r\n`range?: boolean`\r\n\r\n----\r\n`onDateSelect?: (date: Date) => void => callback to update the state of the parent component`\r\n\r\n----\r\n`changeMonthIfDateOutside?: boolean => if you click on the dates from the next month, present in the current month shown, should it move to the next date`\r\n\r\n----\r\n`onPositionChanged?: (position: Date) => void => used if you want to keep track of the current position shown on the screen`\r\n\r\n----\r\n`onDateRangeChange?: (range: RangeDates) => void => called when picker typeof range and endDate or startDate is selected`\r\n\r\n----\r\n`dateRange: RangeDates => passed from parent to update the internal state when picker typeof range`\r\n\r\n## TODO\r\n- add pickers from other design systems\r\n- performance improvements\r\n","readmeFilename":"README.md","keywords":["react","datepickers","date","picker"],"license":"ISC","description":"awesome datepickers for react apps","homepage":"http://911mateo911.github.io/react-awesome-datepickers","repository":{"url":"git+https://github.com/911mateo911/react-datepickers.git"},"author":{"name":"911mateo911"},"bugs":{"url":"https://github.com/911mateo911/react-datepickers/issues"}}