{"_id":"@anvikjs/react-infinite-scroll-calendar","_rev":"3-97001691321fe6a55272bcc3296f37e3","name":"@anvikjs/react-infinite-scroll-calendar","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@anvikjs/react-infinite-scroll-calendar","version":"1.0.0","keywords":["react","reactjs","react-date-component","infinite","calendar","inifinte","scroll","calendar","date","picker","calendar","infinity","react","infinite-scroll","component","react-component","typescript-calendar","calendar"],"author":{"name":"Kawal Jain","email":"kawaljain03@gmail.com"},"license":"MIT","_id":"@anvikjs/react-infinite-scroll-calendar@1.0.0","maintainers":[{"name":"anvikjs","email":"anvikjs@gmail.com"}],"homepage":"https://github.com/anvikjs/react-infinite-scroll-calendar#readme","bugs":{"url":"https://github.com/anvikjs/react-infinite-scroll-calendar/issues"},"dist":{"shasum":"ee61cf95f2ab233a2663d49b2a72aabffef03a6b","tarball":"https://registry.npmjs.org/@anvikjs/react-infinite-scroll-calendar/-/react-infinite-scroll-calendar-1.0.0.tgz","fileCount":26,"integrity":"sha512-j+T1PizUzG3kJ59pO9ByCX82MgZqKdl28q5JUvZkcSFzm+pES07VQFLVSOO6KR1p53rP3PElSvVGdgU4HqEr8w==","signatures":[{"sig":"MEYCIQCjVvb/3boUhTaUmvnQyLN1J2VnOeHtBri3eWbE2a070QIhANF+9ZyD9wyfaW5PfsktuIvmS/z8ghNBRW88GwO/A+ei","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":132933},"main":"dist/cjs/index.js","type":"module","tslib":{"optional":true},"types":"dist/index.d.ts","access":"public","module":"dist/esm/index.js","gitHead":"6ab63d63a6aeef47fb29ab3e4d7cd7e90780e98c","scripts":{"build":"rollup -c --bundleConfigAsCjs"},"_npmUser":{"name":"anvikjs","email":"anvikjs@gmail.com"},"repository":{"url":"git+https://github.com/anvikjs/react-infinite-scroll-calendar.git","type":"git"},"_npmVersion":"9.6.7","description":"An Infinite Scroll calendar in react and typescript. React js Infinite scrolling date-picker, with multiple select, single select, inifinte scrolling, min and max date, and more","directories":{},"_nodeVersion":"20.3.0","_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","tslib":"^2.8.1","rimraf":"^3.0.2","rollup":"^4.27.2","date-fns":"^4.1.0","react-dom":"^18.2.0","typescript":"^5.6.3","@types/node":"^16.18.119","@types/react":"^18.3.12","rollup-plugin-dts":"^6.1.1","rollup-plugin-terser":"^7.0.2","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^28.0.1","@rollup/plugin-typescript":"^8.5.0","@rollup/plugin-node-resolve":"^15.3.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^18.3.1","date-fns":"^4.1.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-infinite-scroll-calendar_1.0.0_1732049286000_0.7146757690029046","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@anvikjs/react-infinite-scroll-calendar","version":"1.0.1","keywords":["react","reactjs","react-date-component","infinite","calendar","inifinte","scroll","calendar","date","picker","calendar","infinity","react","infinite-scroll","component","react-component","typescript-calendar","calendar"],"author":{"name":"Kawal Jain","email":"kawaljain03@gmail.com"},"license":"MIT","_id":"@anvikjs/react-infinite-scroll-calendar@1.0.1","maintainers":[{"name":"anvikjs","email":"anvikjs@gmail.com"}],"homepage":"https://github.com/anvikjs/react-infinite-scroll-calendar#readme","bugs":{"url":"https://github.com/anvikjs/react-infinite-scroll-calendar/issues"},"dist":{"shasum":"b2734eb5265ba0c86c5c63b44b8de1436f87d6b7","tarball":"https://registry.npmjs.org/@anvikjs/react-infinite-scroll-calendar/-/react-infinite-scroll-calendar-1.0.1.tgz","fileCount":26,"integrity":"sha512-IIpjCtfgNvvy7R1GUow0YBEgye1A+tbssx8QOfenCzkWzZhxxIljMrJBvoH4q46sCy54H1jVqm13jzKautuRQw==","signatures":[{"sig":"MEUCIQCrwp0DdLWlbqTflSOIIbzXB6ouBcjckToAyCfoEbvHiQIgKZWls5bKpHmgwkoYlSZ/Flcr5BW0Dy5TrBANmSOd08Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":132791},"main":"dist/cjs/index.js","type":"module","tslib":{"optional":true},"types":"dist/index.d.ts","access":"public","module":"dist/esm/index.js","gitHead":"6ed12f16ceb3129892d59b68c08df3cd9e7c5571","scripts":{"build":"rollup -c --bundleConfigAsCjs"},"_npmUser":{"name":"anvikjs","email":"anvikjs@gmail.com"},"repository":{"url":"git+https://github.com/anvikjs/react-infinite-scroll-calendar.git","type":"git"},"_npmVersion":"9.6.7","description":"An Infinite Scroll calendar in react and typescript. React js Infinite scrolling date-picker, with multiple select, single select, inifinte scrolling, min and max date, and more","directories":{},"_nodeVersion":"20.3.0","_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","tslib":"^2.8.1","rimraf":"^3.0.2","rollup":"^4.27.2","date-fns":"^4.1.0","react-dom":"^18.2.0","typescript":"^5.6.3","@types/node":"^16.18.119","@types/react":"^18.3.12","rollup-plugin-dts":"^6.1.1","rollup-plugin-terser":"^7.0.2","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^28.0.1","@rollup/plugin-typescript":"^8.5.0","@rollup/plugin-node-resolve":"^15.3.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^18.3.1","date-fns":"^4.1.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-infinite-scroll-calendar_1.0.1_1732050171546_0.013328670143767374","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@anvikjs/react-infinite-scroll-calendar","version":"1.0.2","keywords":["react","reactjs","react-date-component","infinite","calendar","inifinte","scroll","calendar","date","picker","calendar","infinity","react","infinite-scroll","component","react-component","typescript-calendar","calendar"],"author":{"name":"Kawal Jain","email":"kawaljain03@gmail.com"},"license":"MIT","_id":"@anvikjs/react-infinite-scroll-calendar@1.0.2","maintainers":[{"name":"anvikjs","email":"anvikjs@gmail.com"}],"homepage":"https://github.com/anvikjs/react-infinite-scroll-calendar#readme","bugs":{"url":"https://github.com/anvikjs/react-infinite-scroll-calendar/issues"},"dist":{"shasum":"121fb3d128c4d71939731af5363ca28f50eed327","tarball":"https://registry.npmjs.org/@anvikjs/react-infinite-scroll-calendar/-/react-infinite-scroll-calendar-1.0.2.tgz","fileCount":26,"integrity":"sha512-A4+jqZujgcZC3j1+9gx7MAarlowa0yIviz+XrjmD6btj5bYRkYTozHKlw6BRSvzhnyE3OtbQUnebztMQRy/AHw==","signatures":[{"sig":"MEUCIQCU75lRydUALLjo7f2iKzeL2Z8nrvYxaWtfI9zGBp7tfAIgSTySN8Rf51BnMvOE3KoO79PMHdnDcrF2W7RAd4uYoKg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":138516},"main":"dist/cjs/index.js","type":"module","tslib":{"optional":true},"types":"dist/index.d.ts","access":"public","module":"dist/esm/index.js","gitHead":"dbb7d3c21e3b28df95fb3f31c9ba2e9f1e0ec858","scripts":{"build":"rollup -c --bundleConfigAsCjs"},"_npmUser":{"name":"anvikjs","email":"anvikjs@gmail.com"},"repository":{"url":"git+https://github.com/anvikjs/react-infinite-scroll-calendar.git","type":"git"},"_npmVersion":"9.6.7","description":"An Infinite Scroll calendar in react and typescript. React js Infinite scrolling date-picker, with multiple select, single select, inifinte scrolling, min and max date, and more","directories":{},"_nodeVersion":"20.3.0","_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","tslib":"^2.8.1","rimraf":"^3.0.2","rollup":"^4.27.2","date-fns":"^4.1.0","react-dom":"^18.2.0","typescript":"^5.6.3","@types/node":"^16.18.119","@types/react":"^18.3.12","rollup-plugin-dts":"^6.1.1","rollup-plugin-terser":"^7.0.2","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^28.0.1","@rollup/plugin-typescript":"^8.5.0","@rollup/plugin-node-resolve":"^15.3.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^18.3.1","date-fns":"^4.1.0","react-dom":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/react-infinite-scroll-calendar_1.0.2_1732125514588_0.1425863936398235","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@anvikjs/react-infinite-scroll-calendar","version":"1.0.3","access":"public","description":"An Infinite Scroll calendar in react and typescript. React js Infinite scrolling date-picker, with multiple select, single select, inifinte scrolling, min and max date, and more","type":"module","main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/index.d.ts","tslib":{"optional":true},"repository":{"type":"git","url":"git+https://github.com/anvikjs/react-infinite-scroll-calendar.git"},"keywords":["react","reactjs","react-date-component","infinite","calendar","inifinte","scroll","calendar","date","picker","calendar","infinity","react","infinite-scroll","component","react-component","typescript-calendar","calendar"],"author":{"name":"Kawal Jain","email":"kawaljain03@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/anvikjs/react-infinite-scroll-calendar/issues"},"scripts":{"build":"rollup -c --bundleConfigAsCjs"},"devDependencies":{"@rollup/plugin-commonjs":"^28.0.1","@rollup/plugin-node-resolve":"^15.3.0","@rollup/plugin-typescript":"^8.5.0","@types/node":"^16.18.119","@types/react":"^18.3.12","date-fns":"^4.1.0","react":"^18.3.1","react-dom":"^18.2.0","rimraf":"^3.0.2","rollup":"^4.27.2","rollup-plugin-dts":"^6.1.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2","tslib":"^2.8.1","typescript":"^5.6.3"},"peerDependencies":{"date-fns":"^4.1.0","react":"^18.3.1","react-dom":"^18.2.0"},"gitHead":"81f0486426e5f6556f9a6fd4820484dec0ceaa76","homepage":"https://github.com/anvikjs/react-infinite-scroll-calendar#readme","_id":"@anvikjs/react-infinite-scroll-calendar@1.0.3","_nodeVersion":"20.3.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-+QZRY29XPSoQdEEmedJ/6ESsx2kpbYSrCqXjjWO33uh6aNV8zgo7WmocbBLd1rFR8ifVrjPU34wCysRgmZnjaw==","shasum":"be43174c34e0dc11faabf46f6c2586bdc7723f1d","tarball":"https://registry.npmjs.org/@anvikjs/react-infinite-scroll-calendar/-/react-infinite-scroll-calendar-1.0.3.tgz","fileCount":26,"unpackedSize":138475,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCY5ptDg4sAdo5/lJroo+T4ma0WT7IYFMBvfeO58a/bNwIgOmY9BmnMC9j5CW7JXoucchnr41ERwcgJZGSZtk0IIyc="}]},"_npmUser":{"name":"anvikjs","email":"anvikjs@gmail.com"},"directories":{},"maintainers":[{"name":"anvikjs","email":"anvikjs@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-infinite-scroll-calendar_1.0.3_1732125693267_0.07083008857555861"},"_hasShrinkwrap":false}},"time":{"created":"2024-11-19T20:48:05.889Z","modified":"2024-11-20T18:01:33.659Z","1.0.0":"2024-11-19T20:48:06.193Z","1.0.1":"2024-11-19T21:02:51.718Z","1.0.2":"2024-11-20T17:58:34.788Z","1.0.3":"2024-11-20T18:01:33.479Z"},"bugs":{"url":"https://github.com/anvikjs/react-infinite-scroll-calendar/issues"},"author":{"name":"Kawal Jain","email":"kawaljain03@gmail.com"},"license":"MIT","homepage":"https://github.com/anvikjs/react-infinite-scroll-calendar#readme","keywords":["react","reactjs","react-date-component","infinite","calendar","inifinte","scroll","calendar","date","picker","calendar","infinity","react","infinite-scroll","component","react-component","typescript-calendar","calendar"],"repository":{"type":"git","url":"git+https://github.com/anvikjs/react-infinite-scroll-calendar.git"},"description":"An Infinite Scroll calendar in react and typescript. React js Infinite scrolling date-picker, with multiple select, single select, inifinte scrolling, min and max date, and more","maintainers":[{"name":"anvikjs","email":"anvikjs@gmail.com"}],"readme":"# react-infinite-scroll-calendar\nAn Infinite Scroll calendar in react and typescript. React js Infinite scrolling date-picker, with multiple select, single select, inifinte scrolling, min and max date, and more..\n\n## Features\n\n- **Infinite scroll** – Just keep scrollin', just keep scrollin'\n- **Typescript Support**\n- **Flexible** – Min/max date, disabled dates, selected dates, etc.\n- **Extensible** – Multiple date selection, Single Date Selection\n- **Customizeable** – Customize Css according to your theme.\n- **Mobile-friendly** – Silky smooth scrolling on mobile\n\n## Getting Started\n\n## Installation\n\n```bash\nnpm install @anvikjs/react-infinite-scroll-calendar\n```\n\n## Usage\n\n**_Step 1_**\n\n```sh\nnpm install @anvikjs/react-infinite-scroll-calendar\n```\n\n**_Step 2_**\n\n```sh\nimport InfiniteScrollCalendar from \"@anvikjs/react-infinite-scroll-calendar\";\n\n```\n\n**_Step 3_**\n\n```sh\n {\n console.log(date);\n }}\n disabledDates={[\"18-11-2024\"]}\n />\n```\n\n## Prop Types\n\n| Property | Type | Default | Description |\n| :--------------------------- | :------- | :------ | :----------------------------------------------------------------------------------------------------------------------- |\n| calendarWidth | Number | `450` | Width of the calendar, in pixels |\n| calendarHeight | Number | `600` | Height of the calendar, in pixels |\n| renderMinDate | Date | | The minimum month that can be scrolled to, If inifinite scroll is true, then its disabled all dates before renderMinDate |\n| renderMaxDate | Date | | The maximum date that can be scrolled to, If inifinite scroll is true, then its disabled all dates after renderMaxDate |\n| visibleDate | Date | | The date is to be visible when calendar initinal render |\n| inifinityScroll | Bool | true | Allow calendar to scroll inifinte times. |\n| isMultipleSelect | Bool | false | Allow to select multiple dates |\n| disabledDates | Array | [] | Array of dates that should be disabled. For example: `[\"18-11-2024\"]` |\n| selectedDates | Array | [] | Array of dates that should be selected. for example [\"19-11-2024\"] |\n| handleDateSelect | Function | | Callback invoked after date is selected. |\n| calendarContainerClass | String | '' | Class thats add to the main container of Calendar. |\n| calendarHeaderContainerClass | String | '' | Class thats add to ther header container of Calendar. |\n| calendarDateContainerClass | String | '' | Class thats add to the date container of Calendar |\n\n## Reporting Issues\n\nIf you find an [issue](https://github.com/anvikjs/react-infinite-scroll-calendar/issues), please report it along with any relevant details to reproduce it. Its is a great help to improving the packages\n\n## Future Release\n\n- **Date Range Selection**\n- **Horizontal Scroll**\n- **Customized Month To Render**\n\n## Dependencies\n\nReact Infinite Calendar has very few dependencies. It relies on [`date-fns`](https://www.npmjs.com/package/date-fns). It also has the following peerDependencies: [`react`](https://www.npmjs.com/package/react).\n\n## Contributing\n\nWe welcome contributions to the project! If you have any suggestions or would like to improve the calendar, feel free to fork the repository, make your changes, and submit a pull request. Please follow these guidelines:\n\n- Ensure that your code follows the existing style and structure of the project.\n- Write clear and concise commit messages.\n- Add relevant tests for new features or bug fixes.\n\nTo contribute, please fork the repository and create a new branch for your feature or fix:\n\n```sh\n git checkout -b feature-name\n```\nOnce you're done, push your changes to your fork and create a pull request.\n\n## Author\n\n[**Kawal Jain**]\n\n- **Name:** Kawal Jain\n- **Website:** https://kawaljain.com\n- **Blogs:** https://anvikjs.com/\n- **Email:** anvikjs@gmail.com\n- **Medium:** [https://kawaljain.medium.com/](https://kawaljain.medium.com/) \n- **Dev:** [https://dev.to/kawaljain](https://dev.to/kawaljain)\n\n## Acknowledgments\n\n- Thanks to all the contributors for helping make this project better!\n- Inspired by the need for a smooth calendar experience in React-based web applications.\n\n## License\n\n_@anvikjs/react-infinite-scroll-calendar_ is available under the [MIT](https://choosealicense.com/licenses/mit/) License.\n\nFeel free to reach out to me for questions, suggestions, or support.\n\nHappy coding! 👨‍💻👩‍💻","readmeFilename":"README.md"}