{"_id":"@meinefinsternis/react-horizontal-date-picker","_rev":"1-b331fcadebe5461ba8d7463e11d993db","name":"@meinefinsternis/react-horizontal-date-picker","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@meinefinsternis/react-horizontal-date-picker","version":"1.0.0","private":false,"description":"A simple component that allows the user to choose a date from a scrollable monthly view.","homepage":"https://github.com/meinefinsternis/react-horizontal-datepicker","main":"./dist/index.js","engines":{"node":">=8","npm":">=5"},"scripts":{"postbuild":"node postbuild.js","build":"vite build","lint":"eslint . --ext ts --ext tsx","dev":"vite","test":"jest","types":"tsc --pretty --noEmit","format":"prettier --check .","test:update":"npm run test -- --u","test:watch":"npm run test -- --watch","prepare":"husky install","release":"standard-version","release:patch":"npm run release -- --release-as patch","release:minor":"npm run release -- --release-as minor","release:major":"npm run release -- --release-as major"},"repository":{"type":"git","url":"git+https://github.com/meinefinsternis/react-horizontal-datepicker.git"},"bugs":{"url":"https://github.com/meinefinsternis/react-horizontal-datepicker/issues"},"keywords":["react","datepicker","swipeable-datepicker","calendar","datetime","swipeable-calendar","range datepicker","react range datepicker","horizontal-calendar"],"jest":{"testEnvironment":"jsdom","transform":{".(ts|tsx)":"ts-jest"},"moduleNameMapper":{"\\.(css|less|scss|sss|styl)$":"<rootDir>/node_modules/jest-css-modules"},"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(ts|tsx|js)$","moduleFileExtensions":["ts","tsx","js"],"modulePathIgnorePatterns":["<rootDir>/dist/"]},"browserslist":["> 1%","IE 10"],"author":{"name":"meinefinsternis"},"license":"MIT","devDependencies":{"@commitlint/cli":"^17.1.2","@commitlint/config-conventional":"^17.1.0","@rollup/plugin-typescript":"^8.5.0","@testing-library/dom":"^8.18.1","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^13.4.0","@testing-library/user-event":"^14.4.3","@types/jest":"^29.0.3","@types/react":"^18.0.20","@types/react-dom":"^18.0.6","@typescript-eslint/eslint-plugin":"^5.37.0","@typescript-eslint/parser":"^5.37.0","@vitejs/plugin-react":"^2.1.0","autoprefixer":"^10.4.12","eslint":"^8.23.1","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.2.1","eslint-plugin-react":"^7.31.8","eslint-plugin-react-hooks":"^4.6.0","husky":"^8.0.0","jest":"^29.0.3","jest-css-modules":"^2.1.0","jest-environment-jsdom":"^29.1.1","prettier":"^2.7.1","react":"^18.2.0","react-dom":"^18.2.0","standard-version":"^9.5.0","ts-jest":"^29.0.2","tslib":"^2.4.0","typescript":"^4.8.3","vite":"^3.1.1","vite-plugin-css-injected-by-js":"^2.1.0","vite-plugin-sass-dts":"^1.1.41"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"dependencies":{"clsx":"^1.2.1","date-fns":"^2.29.3","ts-curry":"^1.0.4"},"types":"./dist/index.d.ts","gitHead":"851d00d8e6bb67a01462d81709117eb3d7abdd17","_id":"@meinefinsternis/react-horizontal-date-picker@1.0.0","_nodeVersion":"16.14.2","_npmVersion":"8.16.0","dist":{"integrity":"sha512-J7rO0UO9vTVqT1fpOIVYiDFrw7AruY6YV+xbkiRyloq6VYuTjND7MDPs70xMwOZuvpYWWRhK5im+jHQWdxVZeA==","shasum":"620448273dce6696a3201b0cbfda8934e30a6d98","tarball":"https://registry.npmjs.org/@meinefinsternis/react-horizontal-date-picker/-/react-horizontal-date-picker-1.0.0.tgz","fileCount":7,"unpackedSize":41464,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCpjv8Q9HctT04/ajskL4BaQ4Lgdm7aTrNPDJJjEIjVXgIgYiZ82N/HTL112SMWY38Ism171QMol/qpsmC8hrGusYU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNxCDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqz/g/+MBH46lccMy2Wvi6OhKoQrf0r3RBZtNxIZYH6S3Sq8DjMnWm6\r\ntEWCAzEc/RdcaiBcNSa4c2X2vMeFt2k6Q00kyKizGuIxN0+e9Fu00zkA9xzq\r\nqVDQ4ZkJsxru4zvOJZqPqdGgbP5rNyYNTbq1GoX3TdL+YeszY+tkfK6cX2Ij\r\n4IeQUgSPJptoCSLxusH8t39N/NOAYWkaHZfNGTQ6KLFxk2am+6yI5lXjvrXz\r\nhbtFnTtmr11LtbaTOoaMhVUCZ/7NVhanlSWMJNocZwKPY2sQqWTk/XP7P5dV\r\ndiQRxrChiCRg+BKf7s8QP4tmoW+aPGMoIgXwuOrkvRf5jXLHQZ4qdWKHqdhC\r\nyRDef3ADrVWZ1cPXaYYQ9Y5/W0HaWgo40bJ6Rz7y3W+fZq7anWdzJg7v9O7f\r\nTjyTK84FgCcpVxOL5T5Q6Z8i+VPUR6cNPoy5BohfOXagG9WJ2a0UgKck75aR\r\nOLKxsfRy0m2+4axTsrOSJvmeWRgu+DiT9URgkI/tgiEv6wDjLxAXF2+/ksRV\r\nqRgrQxlqfkxMdZphQKnZxSAD0yLc6+6h3uhRYaleH1i9r0clM/KO8B19+3/j\r\nS0VZtxfW85PGPHKrT8m8xpd4RqiglxA+wRIeCDi5kcGeXRQunwAAoRetO+Sb\r\nXqRSHGGdKUL2JSyj09OtVh33/0Q4JsWTxck=\r\n=C/7L\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"meinefinsternis","email":"dima73d1@mail.ru"},"directories":{},"maintainers":[{"name":"meinefinsternis","email":"dima73d1@mail.ru"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-horizontal-date-picker_1.0.0_1664553091150_0.47310083516887325"},"_hasShrinkwrap":false},"1.0.1":{"name":"@meinefinsternis/react-horizontal-date-picker","version":"1.0.1","private":false,"description":"A simple component that allows the user to choose a date from a scrollable monthly view.","homepage":"https://github.com/meinefinsternis/react-horizontal-datepicker","main":"./dist/index.js","engines":{"node":">=8","npm":">=5"},"scripts":{"postbuild":"node postbuild.js","build":"vite build","lint":"eslint . --ext ts --ext tsx","dev":"vite","test":"jest","types":"tsc --pretty --noEmit","format":"prettier --check .","test:update":"npm run test -- --u","test:watch":"npm run test -- --watch","prepare":"husky install","release":"standard-version","release:patch":"npm run release -- --release-as patch","release:minor":"npm run release -- --release-as minor","release:major":"npm run release -- --release-as major"},"repository":{"type":"git","url":"git+https://github.com/meinefinsternis/react-horizontal-datepicker.git"},"bugs":{"url":"https://github.com/meinefinsternis/react-horizontal-datepicker/issues"},"keywords":["react","datepicker","swipeable-datepicker","calendar","datetime","swipeable-calendar","range datepicker","react range datepicker","horizontal-calendar"],"jest":{"testEnvironment":"jsdom","transform":{".(ts|tsx)":"ts-jest"},"moduleNameMapper":{"\\.(css|less|scss|sss|styl)$":"<rootDir>/node_modules/jest-css-modules"},"testRegex":"(/__tests__/.*|\\.(test|spec))\\.(ts|tsx|js)$","moduleFileExtensions":["ts","tsx","js"],"modulePathIgnorePatterns":["<rootDir>/dist/"]},"browserslist":["> 1%","IE 10"],"author":{"name":"meinefinsternis"},"license":"MIT","devDependencies":{"@commitlint/cli":"^17.1.2","@commitlint/config-conventional":"^17.1.0","@rollup/plugin-typescript":"^8.5.0","@testing-library/dom":"^8.18.1","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^13.4.0","@testing-library/user-event":"^14.4.3","@types/jest":"^29.0.3","@types/react":"^18.0.20","@types/react-dom":"^18.0.6","@typescript-eslint/eslint-plugin":"^5.37.0","@typescript-eslint/parser":"^5.37.0","@vitejs/plugin-react":"^2.1.0","autoprefixer":"^10.4.12","eslint":"^8.23.1","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.2.1","eslint-plugin-react":"^7.31.8","eslint-plugin-react-hooks":"^4.6.0","husky":"^8.0.0","jest":"^29.0.3","jest-css-modules":"^2.1.0","jest-environment-jsdom":"^29.1.1","prettier":"^2.7.1","react":"^18.2.0","react-dom":"^18.2.0","standard-version":"^9.5.0","ts-jest":"^29.0.2","tslib":"^2.4.0","typescript":"^4.8.3","vite":"^3.1.1","vite-plugin-css-injected-by-js":"^2.1.0","vite-plugin-sass-dts":"^1.1.41"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"dependencies":{"clsx":"^1.2.1","date-fns":"^2.29.3","ts-curry":"^1.0.4"},"types":"./dist/index.d.ts","gitHead":"5275110fc79ed8152968c5036e06ec3b47a5d53b","_id":"@meinefinsternis/react-horizontal-date-picker@1.0.1","_nodeVersion":"16.14.2","_npmVersion":"8.16.0","dist":{"integrity":"sha512-7d7rP2OFBgtnPpZopPb3CtPGwUFnLWi1SBPZFgCfBqRDKFAXeZv91RzOXYyG+OvnVl6Oud8rFiXRUqQddjGYwA==","shasum":"63d723b38f8602a77694b84296b504c026c39dda","tarball":"https://registry.npmjs.org/@meinefinsternis/react-horizontal-date-picker/-/react-horizontal-date-picker-1.0.1.tgz","fileCount":7,"unpackedSize":41502,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFW7MNxH1O9Y7ywZw1Gp2jrKZDf7lm+WHjnOi/fVXEBUAiEA+gucvvg76e3EGs4Y6QTIbtcVheWkGH4MNnNDz6/bIzA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNxO1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqEpQ/+J/FJtiHA7WIkMpUNqywXhLtd40747b6JFe4bZcS4Vzcml/k6\r\nM+6IR9U59Kcb21hqQEgZH9zC+KegcKjtJp0e0tpsZW26O6jY4IRTH3DiihvQ\r\ngQVP4F/torMWPZAMzBytg/D8AfrrKwrLIk4pFk39KdTKVsnHuA+r3baFFT7t\r\ndWl6L0aZYugcUACauz7Zzt3263/YQNH4WODP+brp5p2hRoGIvjGnwNiVSyIA\r\nzKwstT2Rsz3A4ZW8Y2q5OPcYWRFe0r2i2/C6H3p7ywk6+3oCcRS0RInjFUNd\r\n439i1hID7vjpkJf3Vt+IVArtxTOmX3vE/vNNS0tg3apebrMdTEHX5yaISjEY\r\nHVcxNZmeefxOl0TmNl/fK7csiexcpP0XJQlOiMkEYNQ5nOZDzjlIMQBeVYqz\r\nQvnHcs4v2rTH13R9HdWisixlLK7hW2ecL7zdrbP164N+U3QS2odxW8zHnh2J\r\nGGrAQX1iu1tNHWkSV4YurcNvfrCtHsVs2PaoUmDs0PAjLjs+i83QRorcQSvV\r\n0Uz9jxq229SfkiMt1wMG+L2VkAu2wFB024pdFMu+Uf5//RHOAz3YfSIUzeHi\r\nCjbiZGpYZF5AG7XnKFM2bUR0ORGh3Xdh/bjbbdaWxBZh+oTHh4taMPJ6n/B+\r\n9QxPiRYVaYbenkxj3/Xzw23I8NAlfRspvGM=\r\n=oEXG\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"meinefinsternis","email":"dima73d1@mail.ru"},"directories":{},"maintainers":[{"name":"meinefinsternis","email":"dima73d1@mail.ru"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-horizontal-date-picker_1.0.1_1664553908773_0.24176588381692898"},"_hasShrinkwrap":false}},"time":{"created":"2022-09-30T15:51:31.095Z","1.0.0":"2022-09-30T15:51:31.381Z","modified":"2022-09-30T16:05:09.168Z","1.0.1":"2022-09-30T16:05:09.092Z"},"maintainers":[{"name":"meinefinsternis","email":"dima73d1@mail.ru"}],"description":"A simple component that allows the user to choose a date from a scrollable monthly view.","homepage":"https://github.com/meinefinsternis/react-horizontal-datepicker","keywords":["react","datepicker","swipeable-datepicker","calendar","datetime","swipeable-calendar","range datepicker","react range datepicker","horizontal-calendar"],"repository":{"type":"git","url":"git+https://github.com/meinefinsternis/react-horizontal-datepicker.git"},"author":{"name":"meinefinsternis"},"bugs":{"url":"https://github.com/meinefinsternis/react-horizontal-datepicker/issues"},"license":"MIT","readme":"![alt text](https://i.ibb.co/k4k1w90/image-2022-09-19-23-50-53.png)\r\n\r\n## Installation\r\n\r\nThe package can be installed via [npm](https://github.com/npm/cli):\r\n\r\n```\r\nnpm install @meinefinsternis/react-horizontal-date-picker --save\r\n```\r\n\r\nBelow is a simple example of how to use the Datepicker in a React view.\r\n\r\n```tsx\r\nimport React from \"react\";\r\nimport { Datepicker, DatepickerEvent} from \"@meinefinsternis/react-horizontal-date-picker\";\r\nimport { enUS } from \"date-fns/locale\";\r\n\r\nconst Example = () => {\r\n  const [date, setDate] = React.useState<{\r\n    endValue: Date | null;\r\n    startValue: Date | null;\r\n    rangeDates: Date[] | null;\r\n  }>({\r\n    startValue: null,\r\n    endValue: null,\r\n    rangeDates: [],\r\n  });\r\n\r\n  const handleChange = (d: DatepickerEvent) => {\r\n    const [startValue, endValue, rangeDates] = d;\r\n    setDate((prev) => ({ ...prev, endValue, startValue, rangeDates }));\r\n  };\r\n\r\n  return (\r\n    <Datepicker\r\n      onChange={handleChange}\r\n      locale={enUS}\r\n      startValue={date.startValue}\r\n      endValue={date.endValue}\r\n    />\r\n  );\r\n};\r\n```\r\n\r\n## Props\r\n\r\nCommon props you may want to specify include:\r\n\r\n- `locale`: `Locale` - locales directly exported from date-fns/locales.\r\n- `onChange`: `(d: [Date | null, Date | null, Date[] | null]) => void` - subscribe to change events\r\n- `startValue`: `Date | null` - defines the initial start value\r\n- `endValue`: `Date | null` - defines the initial end value\r\n- `startDate`?: `Date` - defines minimum date. Default `new Date()`.\r\n- `endDate`?: `Date` - defines maximum date. Default `new Date() + 3 months`\r\n- `className`?: `object` - apply a className to the customize\r\n- `disabledDates`?: `Date[]` - list of disabled dates\r\n","readmeFilename":"README.md"}