{"_id":"@atawi/react-date-picker","_rev":"9-f07a6c0dc3d4a185e800b953d5e8145e","name":"@atawi/react-date-picker","dist-tags":{"latest":"2.0.7"},"versions":{"1.0.0":{"name":"@atawi/react-date-picker","version":"1.0.0","keywords":["react","date-picker","time-picker","datetime-picker","calendar","datepicker","timepicker","react-component","typescript","css","scss","accessibility","internationalization","responsive","customizable","themes"],"author":{"name":"Ahmed Alatawi"},"license":"MIT","_id":"@atawi/react-date-picker@1.0.0","maintainers":[{"name":"ahmed757","email":"aalat001@gmail.com"}],"homepage":"https://github.com/ahmedalatawi/react-date-picker#readme","bugs":{"url":"https://github.com/ahmedalatawi/react-date-picker/issues"},"dist":{"shasum":"ea23dd24da56debe0ed3589723022ca539764792","tarball":"https://registry.npmjs.org/@atawi/react-date-picker/-/react-date-picker-1.0.0.tgz","fileCount":9,"integrity":"sha512-EWocD5UmROftxdad5sisvj626sbqW7nuQJKjO2n7pjn8pdLEuD9vjqt5Oqo/zRZMc0CoxGsqO+xm5i9po4WWvw==","signatures":[{"sig":"MEQCIAC2YlfTE6mVpCvUcLADrJ+0T3+Xogd/DQMq0UJsRgZTAiAxzfyUrn1k5mMY1Vuv0Ur8Hhj6BxFkZ5Y1L4+LuVG0jg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":204364},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.js","private":false,"scripts":{"ts":"yarn tsc --project tsconfig.app.json --noEmit --watch","dev":"vite","lint":"eslint .","test":"vitest","build":"tsc && vite build","prepare":"npm run build","preview":"vite preview","coverage":"vitest run --coverage","docs:dev":"vite --config vite.docs.config.ts","docs:build":"vite build --config vite.docs.config.ts","docs:preview":"vite preview --config vite.docs.config.ts","prepublishOnly":"npm run build"},"_npmUser":{"name":"ahmed757","email":"aalat001@gmail.com"},"repository":{"url":"https://github.com/ahmedalatawi/react-date-picker","type":"git"},"description":"A beautiful, customizable date and time picker component for React with multiple themes and localization support","directories":{},"licenseText":"MIT License\n\nCopyright (c) 2026 Atawi\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","sideEffects":false,"dependencies":{"date-fns":"^3.3.1","lucide-react":"^0.358.0","react-popper":"^2.3.0","@popperjs/core":"^2.11.8","react-router-dom":"^6.22.3","react-syntax-highlighter":"^15.5.0"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.71.1","vite":"^5.1.5","jsdom":"^24.0.0","react":"^18.2.0","eslint":"^8.57.0","vitest":"^1.3.1","react-dom":"^18.2.0","typescript":"^5.2.2","@types/react":"^18.2.64","vite-plugin-dts":"^4.3.0","@types/react-dom":"^18.2.21","typescript-eslint":"^8.53.0","@vitest/coverage-v8":"^1.3.1","@vitejs/plugin-react":"^4.2.1","@testing-library/react":"^14.2.1","@testing-library/jest-dom":"^6.4.2","@typescript-eslint/parser":"^7.1.1","eslint-plugin-react-hooks":"^4.6.0","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.5","@types/react-syntax-highlighter":"^15.5.11","@typescript-eslint/eslint-plugin":"^7.1.1"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-date-picker_1.0.0_1770104194809_0.5107337869544057","host":"s3://npm-registry-packages-npm-production"}},"2.0.0":{"name":"@atawi/react-date-picker","version":"2.0.0","keywords":["react","date-picker","time-picker","datetime-picker","calendar","datepicker","timepicker","react-component","typescript","css","scss","accessibility","internationalization","responsive","customizable","themes"],"author":{"name":"Ahmed Alatawi"},"license":"MIT","_id":"@atawi/react-date-picker@2.0.0","maintainers":[{"name":"ahmed757","email":"aalat001@gmail.com"}],"homepage":"https://github.com/ahmedalatawi/react-date-picker#readme","bugs":{"url":"https://github.com/ahmedalatawi/react-date-picker/issues"},"dist":{"shasum":"3ee35e828b445aa3c02f57db805185a257a034bc","tarball":"https://registry.npmjs.org/@atawi/react-date-picker/-/react-date-picker-2.0.0.tgz","fileCount":10,"integrity":"sha512-USZArSx/j7bczY99D49r9l6FRBqJbxJwd+dDIGp5S8jlbro9zYbfvj/q7YMst/Cyhr7swGaYKHIlLFNCHMh3zw==","signatures":[{"sig":"MEQCIBKMAbC1nH5YI/hN3enHmhz0Bo++Ra/41L/Mz/uTi/xYAiBS2CrZ5JbJ0aENbWK2GujpNetBHW4ceiRT4bOUcL27Ow==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":205672},"main":"dist/index.js","type":"module","style":"dist/style.css","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./style.css":"./dist/style.css"},"private":false,"scripts":{"ts":"yarn tsc --project tsconfig.app.json --noEmit --watch","dev":"vite","lint":"eslint .","test":"vitest","build":"tsc && vite build","prepare":"npm run build","preview":"vite preview","coverage":"vitest run --coverage","docs:dev":"vite --config vite.docs.config.ts","docs:build":"vite build --config vite.docs.config.ts","docs:preview":"vite preview --config vite.docs.config.ts","prepublishOnly":"npm run build"},"_npmUser":{"name":"ahmed757","email":"aalat001@gmail.com"},"repository":{"url":"https://github.com/ahmedalatawi/react-date-picker","type":"git"},"description":"A beautiful, customizable date and time picker component for React with multiple themes and localization support","directories":{},"licenseText":"MIT License\n\nCopyright (c) 2026 Atawi\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","sideEffects":["**/*.css"],"dependencies":{"date-fns":"^3.3.1","lucide-react":"^0.358.0","react-popper":"^2.3.0","@popperjs/core":"^2.11.8","react-router-dom":"^6.22.3","react-syntax-highlighter":"^15.5.0"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.71.1","vite":"^5.1.5","jsdom":"^24.0.0","react":"^18.2.0","eslint":"^8.57.0","vitest":"^1.3.1","postcss":"^8.4.49","react-dom":"^18.2.0","typescript":"^5.2.2","tailwindcss":"^3.4.17","@types/react":"^18.2.64","autoprefixer":"^10.4.20","vite-plugin-dts":"^4.3.0","@types/react-dom":"^18.2.21","typescript-eslint":"^8.53.0","@vitest/coverage-v8":"^1.3.1","@vitejs/plugin-react":"^4.2.1","@testing-library/react":"^14.2.1","@tailwindcss/typography":"^0.5.16","@testing-library/jest-dom":"^6.4.2","@typescript-eslint/parser":"^7.1.1","eslint-plugin-react-hooks":"^4.6.0","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.5","@types/react-syntax-highlighter":"^15.5.11","@typescript-eslint/eslint-plugin":"^7.1.1"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-date-picker_2.0.0_1775417241133_0.8180107135038235","host":"s3://npm-registry-packages-npm-production"}},"2.0.1":{"name":"@atawi/react-date-picker","version":"2.0.1","keywords":["react","date-picker","time-picker","datetime-picker","calendar","datepicker","timepicker","react-component","typescript","css","scss","accessibility","internationalization","responsive","customizable","themes"],"author":{"name":"Ahmed Alatawi"},"license":"MIT","_id":"@atawi/react-date-picker@2.0.1","maintainers":[{"name":"ahmed757","email":"aalat001@gmail.com"}],"homepage":"https://github.com/ahmedalatawi/react-date-picker#readme","bugs":{"url":"https://github.com/ahmedalatawi/react-date-picker/issues"},"dist":{"shasum":"f6afe252b5c3bd2e95e66eebf8c36cd166910b8d","tarball":"https://registry.npmjs.org/@atawi/react-date-picker/-/react-date-picker-2.0.1.tgz","fileCount":59,"integrity":"sha512-59607wLZWC+KjTxcgcU8nf4yRFmiVCow/1aFq8MgFeTN+dsczZqJ1TW8BOgOcRflI+x8Z9fzRq35kjH6SkFhlg==","signatures":[{"sig":"MEUCID27uQIWDbQulokkyb+x0XjHgJZ3LS6g3YqXL3b91VHVAiEAqNnLznnLq6Z+rtOcB6hXEQJVSAuOfEvWsXhBQMfOXiM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":213173},"main":"dist/index.js","type":"module","style":"dist/style.css","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./style.css":"./dist/style.css"},"private":false,"scripts":{"ts":"yarn tsc --project tsconfig.app.json --noEmit --watch","dev":"vite","lint":"eslint .","test":"vitest","build":"tsc && vite build","prepare":"npm run build","preview":"vite preview","coverage":"vitest run --coverage","docs:dev":"vite --config vite.docs.config.ts","docs:build":"vite build --config vite.docs.config.ts","docs:preview":"vite preview --config vite.docs.config.ts","prepublishOnly":"npm run build"},"_npmUser":{"name":"ahmed757","email":"aalat001@gmail.com"},"repository":{"url":"https://github.com/ahmedalatawi/react-date-picker","type":"git"},"description":"A beautiful, customizable date and time picker component for React with multiple themes and localization support","directories":{},"licenseText":"MIT License\n\nCopyright (c) 2026 Atawi\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","sideEffects":["**/*.css"],"dependencies":{"date-fns":"^3.3.1","lucide-react":"^0.358.0","react-popper":"^2.3.0","@popperjs/core":"^2.11.8","react-router-dom":"^6.22.3","react-syntax-highlighter":"^15.5.0"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.71.1","vite":"^5.1.5","jsdom":"^24.0.0","react":"^18.2.0","eslint":"^8.57.0","vitest":"^1.3.1","postcss":"^8.4.49","react-dom":"^18.2.0","typescript":"^5.2.2","tailwindcss":"^3.4.17","@types/react":"^18.2.64","autoprefixer":"^10.4.20","vite-plugin-dts":"^4.3.0","@types/react-dom":"^18.2.21","typescript-eslint":"^8.53.0","@vitest/coverage-v8":"^1.3.1","@vitejs/plugin-react":"^4.2.1","@testing-library/react":"^14.2.1","@tailwindcss/typography":"^0.5.16","@testing-library/jest-dom":"^6.4.2","@typescript-eslint/parser":"^7.1.1","eslint-plugin-react-hooks":"^4.6.0","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.5","@types/react-syntax-highlighter":"^15.5.11","@typescript-eslint/eslint-plugin":"^7.1.1"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-date-picker_2.0.1_1775446145382_0.8319324247692261","host":"s3://npm-registry-packages-npm-production"}},"2.0.2":{"name":"@atawi/react-date-picker","version":"2.0.2","keywords":["react","date-picker","time-picker","datetime-picker","calendar","datepicker","timepicker","react-component","typescript","css","scss","accessibility","internationalization","responsive","customizable","themes"],"author":{"name":"Ahmed Alatawi"},"license":"MIT","_id":"@atawi/react-date-picker@2.0.2","maintainers":[{"name":"ahmed757","email":"aalat001@gmail.com"}],"homepage":"https://github.com/ahmedalatawi/react-date-picker#readme","bugs":{"url":"https://github.com/ahmedalatawi/react-date-picker/issues"},"dist":{"shasum":"d1f0c40ea552b3884abd93ca4e3b99591b71345e","tarball":"https://registry.npmjs.org/@atawi/react-date-picker/-/react-date-picker-2.0.2.tgz","fileCount":59,"integrity":"sha512-M40s8m/ga3qsO+20HUpKIjz0M1NNgjtUVf6IkVMPXonYrNwmJMYfvG/r/ouFin2t7MSWXPhY5u1kYn/wgJxecA==","signatures":[{"sig":"MEUCIClMCp7ITYwCpHLGSqTcNFuL2PAsHPyC/5XpGt4+hQidAiEAisdh9NaFHIS+Y2fjv9e1HlqEftvhgVw+BNvWksu0OQo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":217638},"main":"dist/index.js","type":"module","style":"dist/style.css","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./style.css":"./dist/style.css"},"private":false,"scripts":{"ts":"yarn tsc --project tsconfig.app.json --noEmit --watch","dev":"vite","lint":"eslint .","test":"vitest","build":"tsc && vite build","prepare":"npm run build","preview":"vite preview","coverage":"vitest run --coverage","docs:dev":"vite --config vite.docs.config.ts","docs:build":"vite build --config vite.docs.config.ts","docs:preview":"vite preview --config vite.docs.config.ts","prepublishOnly":"npm run build"},"_npmUser":{"name":"ahmed757","email":"aalat001@gmail.com"},"repository":{"url":"https://github.com/ahmedalatawi/react-date-picker","type":"git"},"description":"A beautiful, customizable date and time picker component for React with multiple themes and localization support","directories":{},"licenseText":"MIT License\n\nCopyright (c) 2026 Atawi\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","sideEffects":["**/*.css"],"dependencies":{"date-fns":"^3.3.1","lucide-react":"^0.358.0","react-router-dom":"^6.22.3","@atawi/react-popover":"^1.0.9","react-syntax-highlighter":"^15.5.0"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.71.1","vite":"^5.1.5","jsdom":"^24.0.0","react":"^18.2.0","eslint":"^8.57.0","vitest":"^1.3.1","postcss":"^8.4.49","react-dom":"^18.2.0","typescript":"^5.2.2","tailwindcss":"^3.4.17","@types/react":"^18.2.64","autoprefixer":"^10.4.20","vite-plugin-dts":"^4.3.0","@types/react-dom":"^18.2.21","typescript-eslint":"^8.53.0","@vitest/coverage-v8":"^1.3.1","@vitejs/plugin-react":"^4.2.1","@testing-library/react":"^14.2.1","@tailwindcss/typography":"^0.5.16","@testing-library/jest-dom":"^6.4.2","@typescript-eslint/parser":"^7.1.1","eslint-plugin-react-hooks":"^4.6.0","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.5","@types/react-syntax-highlighter":"^15.5.11","@typescript-eslint/eslint-plugin":"^7.1.1"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-date-picker_2.0.2_1775880381380_0.07588176586275464","host":"s3://npm-registry-packages-npm-production"}},"2.0.3":{"name":"@atawi/react-date-picker","version":"2.0.3","keywords":["react","date-picker","time-picker","datetime-picker","calendar","datepicker","timepicker","react-component","typescript","css","scss","accessibility","internationalization","responsive","customizable","themes"],"author":{"name":"Ahmed Alatawi"},"license":"MIT","_id":"@atawi/react-date-picker@2.0.3","maintainers":[{"name":"ahmed757","email":"aalat001@gmail.com"}],"homepage":"https://github.com/ahmedalatawi/react-date-picker#readme","bugs":{"url":"https://github.com/ahmedalatawi/react-date-picker/issues"},"dist":{"shasum":"d7b5e7c6475200754576864f0bd600594efbf227","tarball":"https://registry.npmjs.org/@atawi/react-date-picker/-/react-date-picker-2.0.3.tgz","fileCount":60,"integrity":"sha512-UTF04P+E2ybAB5QR6oaNMLGGEAxdXANTAmtt45xBkJyRaT8Sn6bAws98CkLLwleksXqlWxDt2uQQ2bYA08SecQ==","signatures":[{"sig":"MEUCIQDsRzQ1tgrCSGjTfFimuRn7fLJIU/lMrTcaSH7JTL3E+wIgYOl/Frk/9Y4FP7yh+IeSzzlq7+XlTLW92Lx4mMHbsDI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":224101},"main":"dist/index.js","type":"module","style":"dist/style.css","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./style.css":"./dist/style.css"},"private":false,"scripts":{"ts":"yarn tsc --project tsconfig.app.json --noEmit --watch","dev":"vite","lint":"eslint .","test":"vitest","build":"tsc && vite build","prepare":"npm run build","preview":"vite preview","coverage":"vitest run --coverage","docs:dev":"vite --config vite.docs.config.ts","docs:build":"vite build --config vite.docs.config.ts","docs:preview":"vite preview --config vite.docs.config.ts","prepublishOnly":"npm run build"},"_npmUser":{"name":"ahmed757","email":"aalat001@gmail.com"},"repository":{"url":"https://github.com/ahmedalatawi/react-date-picker","type":"git"},"description":"A beautiful, customizable date and time picker component for React with multiple themes and localization support","directories":{},"licenseText":"MIT License\n\nCopyright (c) 2026 Atawi\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","sideEffects":["**/*.css"],"dependencies":{"date-fns":"^3.3.1","lucide-react":"^0.358.0","react-router-dom":"^6.22.3","@atawi/react-popover":"^1.0.9","react-syntax-highlighter":"^15.5.0"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.71.1","vite":"^5.1.5","jsdom":"^24.0.0","react":"^18.2.0","eslint":"^8.57.0","vitest":"^1.3.1","postcss":"^8.4.49","react-dom":"^18.2.0","typescript":"^5.2.2","tailwindcss":"^3.4.17","@types/react":"^18.2.64","autoprefixer":"^10.4.20","vite-plugin-dts":"^4.3.0","@types/react-dom":"^18.2.21","typescript-eslint":"^8.53.0","@vitest/coverage-v8":"^1.3.1","@vitejs/plugin-react":"^4.2.1","@testing-library/react":"^14.2.1","@tailwindcss/typography":"^0.5.16","@testing-library/jest-dom":"^6.4.2","@typescript-eslint/parser":"^7.1.1","eslint-plugin-react-hooks":"^4.6.0","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.5","@types/react-syntax-highlighter":"^15.5.11","@typescript-eslint/eslint-plugin":"^7.1.1"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-date-picker_2.0.3_1776392788224_0.6465508397425261","host":"s3://npm-registry-packages-npm-production"}},"2.0.4":{"name":"@atawi/react-date-picker","version":"2.0.4","keywords":["react","date-picker","time-picker","datetime-picker","calendar","datepicker","timepicker","react-component","typescript","css","scss","accessibility","internationalization","responsive","customizable","themes"],"author":{"name":"Ahmed Alatawi"},"license":"MIT","_id":"@atawi/react-date-picker@2.0.4","maintainers":[{"name":"ahmed757","email":"aalat001@gmail.com"}],"homepage":"https://github.com/ahmedalatawi/react-date-picker#readme","bugs":{"url":"https://github.com/ahmedalatawi/react-date-picker/issues"},"dist":{"shasum":"6dd064f6a263eee534757e8e7186a0fb0ea57e7d","tarball":"https://registry.npmjs.org/@atawi/react-date-picker/-/react-date-picker-2.0.4.tgz","fileCount":61,"integrity":"sha512-jJKCYBfojYz6uYvI1GviRLtf/WfZIijZhdfE3z48NdlRFdSaqork30QuMsaOhHdK4N6iVj4tcq89vmV4jToWKQ==","signatures":[{"sig":"MEUCIE5Q47FSc5qB2SS7et/Z93U89JGaZjkSSUiaTZG1koGIAiEAgTZJo5piVP6MMKO+7SQPgfgUzwWMM77z+6SVrQLMl6g=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":230384},"main":"dist/index.js","type":"module","style":"dist/style.css","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./style.css":"./dist/style.css"},"private":false,"scripts":{"ts":"yarn tsc --project tsconfig.app.json --noEmit --watch","dev":"vite","lint":"eslint .","test":"vitest","build":"tsc && vite build","prepare":"npm run build","preview":"vite preview","coverage":"vitest run --coverage","docs:dev":"vite --config vite.docs.config.ts","docs:build":"vite build --config vite.docs.config.ts","docs:preview":"vite preview --config vite.docs.config.ts","prepublishOnly":"npm run build"},"_npmUser":{"name":"ahmed757","email":"aalat001@gmail.com"},"repository":{"url":"https://github.com/ahmedalatawi/react-date-picker","type":"git"},"description":"A beautiful, customizable date and time picker component for React with multiple themes and localization support","directories":{},"licenseText":"MIT License\n\nCopyright (c) 2026 Atawi\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","sideEffects":["**/*.css"],"dependencies":{"date-fns":"^3.3.1","lucide-react":"^0.358.0","react-router-dom":"^6.22.3","@atawi/react-popover":"^1.0.9","react-syntax-highlighter":"^15.5.0"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.71.1","vite":"^5.1.5","jsdom":"^24.0.0","react":"^18.2.0","eslint":"^8.57.0","vitest":"^1.3.1","postcss":"^8.4.49","react-dom":"^18.2.0","typescript":"^5.2.2","@types/node":"^25.6.0","tailwindcss":"^3.4.17","@types/react":"^18.2.64","autoprefixer":"^10.4.20","vite-plugin-dts":"^4.3.0","@types/react-dom":"^18.2.21","typescript-eslint":"^8.53.0","@vitest/coverage-v8":"^1.3.1","@vitejs/plugin-react":"^4.2.1","@testing-library/react":"^14.2.1","@tailwindcss/typography":"^0.5.16","@testing-library/jest-dom":"^6.4.2","@typescript-eslint/parser":"^7.1.1","eslint-plugin-react-hooks":"^4.6.0","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.5","@types/react-syntax-highlighter":"^15.5.11","@typescript-eslint/eslint-plugin":"^7.1.1"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-date-picker_2.0.4_1776748950311_0.04794856647325196","host":"s3://npm-registry-packages-npm-production"}},"2.0.5":{"name":"@atawi/react-date-picker","version":"2.0.5","keywords":["react","date-picker","time-picker","datetime-picker","calendar","datepicker","timepicker","react-component","typescript","css","scss","accessibility","internationalization","responsive","customizable","themes"],"author":{"name":"Ahmed Alatawi"},"license":"MIT","_id":"@atawi/react-date-picker@2.0.5","maintainers":[{"name":"ahmed757","email":"aalat001@gmail.com"}],"homepage":"https://github.com/ahmedalatawi/react-date-picker#readme","bugs":{"url":"https://github.com/ahmedalatawi/react-date-picker/issues"},"dist":{"shasum":"048abae1ee2febaa2ec30a0348a758efd4b9e849","tarball":"https://registry.npmjs.org/@atawi/react-date-picker/-/react-date-picker-2.0.5.tgz","fileCount":61,"integrity":"sha512-FpzUQranwnZFDrcfX93lmv9vbGZnilYeYuQ30dvPqBsQDbZX8JqjKjIeUaTHcn226Z/6yTPLkvzHwcmZMHHXBg==","signatures":[{"sig":"MEQCIEn9gE3fR3iEkEn78Ay03k/k1En36t5SmH0iqysgjbZGAiAgoT7A6qcz6ndbl0cd7qwBdmGs7EBFAKnlRYBf3vCn5g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":230456},"main":"dist/index.js","type":"module","style":"dist/style.css","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./style.css":"./dist/style.css"},"private":false,"scripts":{"ts":"yarn tsc --project tsconfig.app.json --noEmit --watch","dev":"vite","lint":"eslint .","test":"vitest","build":"tsc && vite build","prepare":"npm run build","preview":"vite preview","coverage":"vitest run --coverage","docs:dev":"vite --config vite.docs.config.ts","docs:build":"vite build --config vite.docs.config.ts","docs:preview":"vite preview --config vite.docs.config.ts","prepublishOnly":"npm run build"},"_npmUser":{"name":"ahmed757","email":"aalat001@gmail.com"},"repository":{"url":"https://github.com/ahmedalatawi/react-date-picker","type":"git"},"description":"A beautiful, customizable date and time picker component for React with multiple themes and localization support","directories":{},"licenseText":"MIT License\n\nCopyright (c) 2026 Atawi\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","sideEffects":["**/*.css"],"dependencies":{"date-fns":"^3.3.1","lucide-react":"^0.358.0","react-router-dom":"^6.22.3","@atawi/react-popover":"^1.0.9","react-syntax-highlighter":"^15.5.0"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.71.1","vite":"^5.1.5","jsdom":"^24.0.0","react":"^18.2.0","eslint":"^8.57.0","vitest":"^1.3.1","postcss":"^8.4.49","react-dom":"^18.2.0","typescript":"^5.2.2","@types/node":"^25.6.0","tailwindcss":"^3.4.17","@types/react":"^18.2.64","autoprefixer":"^10.4.20","vite-plugin-dts":"^4.3.0","@types/react-dom":"^18.2.21","typescript-eslint":"^8.53.0","@vitest/coverage-v8":"^1.3.1","@vitejs/plugin-react":"^4.2.1","@testing-library/react":"^14.2.1","@tailwindcss/typography":"^0.5.16","@testing-library/jest-dom":"^6.4.2","@typescript-eslint/parser":"^7.1.1","eslint-plugin-react-hooks":"^4.6.0","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.5","@types/react-syntax-highlighter":"^15.5.11","@typescript-eslint/eslint-plugin":"^7.1.1"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-date-picker_2.0.5_1776829552394_0.4783171080914266","host":"s3://npm-registry-packages-npm-production"}},"2.0.6":{"name":"@atawi/react-date-picker","version":"2.0.6","keywords":["react","date-picker","time-picker","datetime-picker","calendar","datepicker","timepicker","react-component","typescript","css","scss","accessibility","internationalization","responsive","customizable","themes"],"author":{"name":"Ahmed Alatawi"},"license":"MIT","_id":"@atawi/react-date-picker@2.0.6","maintainers":[{"name":"ahmed757","email":"aalat001@gmail.com"}],"homepage":"https://github.com/ahmedalatawi/react-date-picker#readme","bugs":{"url":"https://github.com/ahmedalatawi/react-date-picker/issues"},"dist":{"shasum":"3fe7eb7e9742650fa420810797e8c55a26e7dff7","tarball":"https://registry.npmjs.org/@atawi/react-date-picker/-/react-date-picker-2.0.6.tgz","fileCount":61,"integrity":"sha512-v8/0m7S2ApqqhYkqWlxgGXudFVruKA17tDD0Ho5gPSQPXo3cn4UYeESKdVtcytv05SFDpZumesISoGvDIOqHQw==","signatures":[{"sig":"MEUCIQDjgL8hYjfLLgwhh/XandV7eTGlhmm54NfgL2HbtSH3IQIgU0c7RS5PQz8BtQe7arfh543EXI91c0jBp6++QhfdsUE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":230457},"main":"dist/index.js","type":"module","style":"dist/style.css","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./style.css":"./dist/style.css"},"private":false,"scripts":{"ts":"yarn tsc --project tsconfig.app.json --noEmit --watch","dev":"vite","lint":"eslint .","test":"vitest","build":"tsc && vite build","prepare":"npm run build","preview":"vite preview","coverage":"vitest run --coverage","docs:dev":"vite --config vite.docs.config.ts","docs:build":"vite build --config vite.docs.config.ts","docs:preview":"vite preview --config vite.docs.config.ts","prepublishOnly":"npm run build"},"_npmUser":{"name":"ahmed757","email":"aalat001@gmail.com"},"repository":{"url":"https://github.com/ahmedalatawi/react-date-picker","type":"git"},"description":"A beautiful, customizable date and time picker component for React with multiple themes and localization support","directories":{},"licenseText":"MIT License\n\nCopyright (c) 2026 Atawi\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","sideEffects":["**/*.css"],"dependencies":{"date-fns":"^3.3.1","lucide-react":"^0.358.0","react-router-dom":"^6.22.3","@atawi/react-popover":"^1.0.10","react-syntax-highlighter":"^15.5.0"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.71.1","vite":"^5.1.5","jsdom":"^24.0.0","react":"^18.2.0","eslint":"^8.57.0","vitest":"^1.3.1","postcss":"^8.4.49","react-dom":"^18.2.0","typescript":"^5.2.2","@types/node":"^25.6.0","tailwindcss":"^3.4.17","@types/react":"^18.2.64","autoprefixer":"^10.4.20","vite-plugin-dts":"^4.3.0","@types/react-dom":"^18.2.21","typescript-eslint":"^8.53.0","@vitest/coverage-v8":"^1.3.1","@vitejs/plugin-react":"^4.2.1","@testing-library/react":"^14.2.1","@tailwindcss/typography":"^0.5.16","@testing-library/jest-dom":"^6.4.2","@typescript-eslint/parser":"^7.1.1","eslint-plugin-react-hooks":"^4.6.0","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.5","@types/react-syntax-highlighter":"^15.5.11","@typescript-eslint/eslint-plugin":"^7.1.1"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-date-picker_2.0.6_1777171830504_0.7864805897787424","host":"s3://npm-registry-packages-npm-production"}},"2.0.7":{"name":"@atawi/react-date-picker","version":"2.0.7","description":"A beautiful, customizable date and time picker component for React with multiple themes and localization support","private":false,"type":"module","main":"dist/index.js","module":"dist/index.js","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./style.css":"./dist/style.css"},"style":"dist/style.css","sideEffects":["**/*.css"],"scripts":{"dev":"vite","build":"tsc && vite build","lint":"eslint .","preview":"vite preview","test":"vitest","ts":"yarn tsc --project tsconfig.app.json --noEmit --watch","coverage":"vitest run --coverage","prepublishOnly":"npm run build","prepare":"npm run build","docs:dev":"vite --config vite.docs.config.ts","docs:build":"vite build --config vite.docs.config.ts","docs:preview":"vite preview --config vite.docs.config.ts"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"dependencies":{"@atawi/react-popover":"^1.0.10","date-fns":"^3.3.1","lucide-react":"^0.358.0","react-router-dom":"^6.22.3","react-syntax-highlighter":"^15.5.0"},"devDependencies":{"@tailwindcss/typography":"^0.5.16","@testing-library/jest-dom":"^6.4.2","@testing-library/react":"^14.2.1","@testing-library/user-event":"^14.5.2","@types/node":"^25.6.0","@types/react":"^18.2.64","@types/react-dom":"^18.2.21","@types/react-syntax-highlighter":"^15.5.11","@typescript-eslint/eslint-plugin":"^7.1.1","@typescript-eslint/parser":"^7.1.1","@vitejs/plugin-react":"^4.2.1","@vitest/coverage-v8":"^1.3.1","autoprefixer":"^10.4.20","eslint":"^8.57.0","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.5","jsdom":"^24.0.0","postcss":"^8.4.49","react":"^18.2.0","react-dom":"^18.2.0","sass":"^1.71.1","tailwindcss":"^3.4.17","typescript":"^5.2.2","typescript-eslint":"^8.53.0","vite":"^5.1.5","vite-plugin-dts":"^4.3.0","vitest":"^1.3.1"},"keywords":["react","date-picker","time-picker","datetime-picker","calendar","datepicker","timepicker","react-component","typescript","css","scss","accessibility","internationalization","responsive","customizable","themes"],"author":{"name":"Ahmed Alatawi"},"license":"MIT","repository":{"type":"git","url":"https://github.com/ahmedalatawi/react-date-picker"},"bugs":{"url":"https://github.com/ahmedalatawi/react-date-picker/issues"},"homepage":"https://github.com/ahmedalatawi/react-date-picker#readme","licenseText":"MIT License\n\nCopyright (c) 2026 Atawi\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","_id":"@atawi/react-date-picker@2.0.7","dist":{"shasum":"2a1de6005753b2495a1111f8a1df9a59daee53bf","integrity":"sha512-mShdG+wtMKNSqpJMtumtFvz5gS3PZUEYkAp6vcFtEXSryt9UvtcBtBry5xHuwwxK+ws4weySIDL4aSPwB550DQ==","tarball":"https://registry.npmjs.org/@atawi/react-date-picker/-/react-date-picker-2.0.7.tgz","fileCount":61,"unpackedSize":236210,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCHV58Ww+tQ0ULxBceVk4zOqisn7liJdgbTKaavt+roMgIhAOw3JbS5OKutdidyxq4GP+vBhQR34jJQlUmLmY2//oRL"}]},"_npmUser":{"name":"ahmed757","email":"aalat001@gmail.com"},"directories":{},"maintainers":[{"name":"ahmed757","email":"aalat001@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-date-picker_2.0.7_1777183802416_0.241487011787761"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-03T07:36:34.692Z","modified":"2026-04-26T06:10:02.672Z","1.0.0":"2026-02-03T07:36:34.956Z","2.0.0":"2026-04-05T19:27:21.294Z","2.0.1":"2026-04-06T03:29:05.529Z","2.0.2":"2026-04-11T04:06:21.533Z","2.0.3":"2026-04-17T02:26:28.366Z","2.0.4":"2026-04-21T05:22:30.477Z","2.0.5":"2026-04-22T03:45:52.539Z","2.0.6":"2026-04-26T02:50:30.646Z","2.0.7":"2026-04-26T06:10:02.557Z"},"bugs":{"url":"https://github.com/ahmedalatawi/react-date-picker/issues"},"author":{"name":"Ahmed Alatawi"},"license":"MIT","homepage":"https://github.com/ahmedalatawi/react-date-picker#readme","keywords":["react","date-picker","time-picker","datetime-picker","calendar","datepicker","timepicker","react-component","typescript","css","scss","accessibility","internationalization","responsive","customizable","themes"],"repository":{"type":"git","url":"https://github.com/ahmedalatawi/react-date-picker"},"description":"A beautiful, customizable date and time picker component for React with multiple themes and localization support","maintainers":[{"name":"ahmed757","email":"aalat001@gmail.com"}],"readme":"# React Date Picker\n\n![](https://github.com/AhmedAlatawi/react-date-picker/actions/workflows/ci.yml/badge.svg)\n![npm version](https://img.shields.io/npm/v/@atawi/react-date-picker)\n![license](https://img.shields.io/npm/l/@atawi/react-date-picker)\n![bundle size](https://img.shields.io/bundlephobia/minzip/@atawi/react-date-picker)\n[![codecov](https://codecov.io/github/ahmedalatawi/react-date-picker/graph/badge.svg?token=141KSD7U2J)](https://codecov.io/github/ahmedalatawi/react-date-picker)\n\nA beautiful, customizable date and time picker component for React with comprehensive built-in styling, multiple themes and localization support.\n\n<table>\n  <tr>\n    <td><img width=\"312\" height=\"498\" alt=\"image\" src=\"https://github.com/user-attachments/assets/8c78f439-7dea-49f5-bd1c-45edc1a77406\" /></td>\n    <td><img width=\"316\" height=\"424\" alt=\"image\" src=\"https://github.com/user-attachments/assets/ce8042e8-a663-4244-9c04-f5900112d5ea\" /></td>\n    <td><img width=\"310\" height=\"422\" alt=\"image\" src=\"https://github.com/user-attachments/assets/a41df0c1-23b1-44d7-8aec-66e19fc16a61\" /></td>\n  </tr>\n  <tr>\n    <td align=\"center\">Single date light mode</td>\n    <td align=\"center\">Range date light mode</td>\n    <td align=\"center\">Range date dark mode</td>\n  </tr>\n</table>\n\n## Features\n\n- 📅 Multiple selection modes:\n  - Single date selection\n  - Date range selection\n  - Week range selection\n- 🕒 Time picker with 12/24-hour format support\n- 🌍 Internationalization support with date-fns locales\n- 🎨 Beautiful built-in styling that works out of the box\n- 🎯 Fully customizable styling with CSS classes\n- 📱 Responsive and mobile-friendly design\n- ♿ Accessibility-friendly with full keyboard navigation\n- 🔧 TypeScript support\n- 📝 Date notes and annotations support\n- ✨ Confirmation mode with OK button\n- 🎯 Standalone time picker component\n- 📦 Tree-shakeable, lightweight, and works without any dependencies on CSS frameworks\n\n## Installation\n\n```bash\nnpm install @atawi/react-date-picker\n```\n\n## Setup\n\nImport the package stylesheet once in your app entry, then import components:\n\n```tsx\nimport { DateTimePicker } from \"@atawi/react-date-picker\";\n\nimport \"@atawi/react-date-picker/style.css\";\n\nfunction App() {\n  const [date, setDate] = useState<Date | [Date, Date]>(new Date());\n\n  return <DateTimePicker value={date} onChange={setDate} showTime />;\n}\n```\n\nThe library includes comprehensive built-in styles that provide:\n\n- Beautiful hover states and interactions\n- Modern blue selection colors\n- Dark mode support\n- Fully responsive design\n- Smooth animations and transitions\n- Professional appearance suitable for any application\n\n## Basic Usage\n\n```tsx\nimport { DateTimePicker } from \"@atawi/react-date-picker\";\n\nimport \"@atawi/react-date-picker/style.css\";\n\nfunction App() {\n  const [date, setDate] = useState<Date | [Date, Date]>(new Date());\n\n  return <DateTimePicker value={date} onChange={setDate} showTime />;\n}\n```\n\n### Locale Example (date-fns)\n\nUse a locale from `date-fns/locale` and pass it through the `locale` prop:\n\n```tsx\nimport { useState } from \"react\";\nimport { DateTimePicker } from \"@atawi/react-date-picker\";\nimport { fr } from \"date-fns/locale\";\nimport \"@atawi/react-date-picker/style.css\";\n\nfunction App() {\n  const [date, setDate] = useState<Date | [Date, Date]>(new Date());\n\n  return (\n    <DateTimePicker value={date} onChange={setDate} showTime locale={fr} />\n  );\n}\n```\n\n## Examples\n\n### Single Date Selection\n\n```tsx\n// Basic date picker\n<DateTimePicker\n  value={date}\n  onChange={setDate}\n  mode=\"single\"\n  showTime={false}\n/>\n\n// With time selection\n<DateTimePicker\n  value={date}\n  onChange={setDate}\n  mode=\"single\"\n  showTime\n  use24Hour={false}\n/>\n```\n\n### Date Range Selection\n\n```tsx\nconst [dateRange, setDateRange] = useState<Date | [Date, Date]>([\n  new Date(),\n  addDays(new Date(), 5),\n]);\n\n<DateTimePicker\n  value={dateRange}\n  onChange={setDateRange}\n  mode=\"range\"\n  showTime={false}\n/>;\n```\n\n### Week Range Selection\n\n```tsx\nconst [weekRange, setWeekRange] = useState<Date | [Date, Date]>([\n  startOfWeek(new Date()),\n  endOfWeek(new Date()),\n]);\n\n<DateTimePicker\n  value={weekRange}\n  onChange={setWeekRange}\n  mode=\"week\"\n  showTime={false}\n/>;\n```\n\n### With Date Notes\n\n```tsx\nconst notes = [\n  {\n    date: new Date(),\n    note: \"Today's special event: Team meeting at 2 PM\",\n  },\n  {\n    startDate: addDays(new Date(), 3),\n    endDate: addDays(new Date(), 5),\n    note: \"Annual conference in New York\",\n  },\n];\n\n<DateTimePicker value={date} onChange={setDate} mode=\"single\" notes={notes} />;\n```\n\n### Auto-close Behavior (`closeOnSelect`)\n\nControl whether the popover auto-closes after a selection. Defaults to\n`\"auto\"`, which provides the most natural behavior for each mode.\n\n| Value    | Behavior                                                                                                                                                                           |\n| -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `\"auto\"` | Closes after date pick when `showTime` is off. When `showTime` is on, waits and closes after the user picks the minute. In `range`/`week` mode, closes once the range is complete. |\n| `true`   | Closes immediately on date pick, even when `showTime` is on.                                                                                                                       |\n| `false`  | Never auto-closes; user must click outside or use a footer action.                                                                                                                 |\n\n> Providing a `footer` always overrides auto-close (assumed explicit confirm flow).\n\n```tsx\n// Close immediately after date pick, skip waiting for time\n<DateTimePicker value={date} onChange={setDate} showTime closeOnSelect />\n\n// Disable auto-close entirely\n<DateTimePicker value={date} onChange={setDate} closeOnSelect={false} />\n```\n\n### Clearable Value with Custom Placeholder\n\nPass `clearable` to render an inline `×` button on the trigger that resets the\nvalue. The optional `placeholder` prop replaces the default `\"Select date\"`\ntext shown when no value is selected. The cleared value is delivered as `null`\nthrough `onChange` (and an optional `onClear` callback).\n\n```tsx\nconst [date, setDate] = useState<Date | [Date, Date] | null>(null);\n\n<DateTimePicker\n  value={date}\n  onChange={setDate}\n  mode=\"single\"\n  clearable\n  placeholder=\"Pick a date…\"\n  onClear={() => console.log(\"cleared\")}\n/>;\n```\n\n### Dark Mode\n\n```tsx\n<DateTimePicker\n  value={date}\n  onChange={setDate}\n  mode=\"single\"\n  showTime\n  darkMode={true}\n/>\n```\n\n### With Confirmation Button\n\n```tsx\nconst [selectedDate, setSelectedDate] = useState(new Date());\nconst [isOpen, setIsOpen] = useState(false);\n\n<DateTimePicker\n  value={selectedDate}\n  onChange={setSelectedDate}\n  mode=\"single\"\n  showTime\n  isOpen={isOpen}\n  onOpenChange={setIsOpen}\n  footer={\n    <div\n      style={{\n        marginTop: \"1rem\",\n        paddingTop: \"1rem\",\n        borderTop: \"1px solid #e5e7eb\",\n        display: \"flex\",\n        justifyContent: \"flex-end\",\n      }}\n    >\n      <ConfirmButton\n        onConfirm={() => {\n          // Handle confirmation\n          setIsOpen(false);\n        }}\n      />\n    </div>\n  }\n/>;\n```\n\n### Standalone Time Picker\n\n```tsx\nimport { TimePicker } from \"@atawi/react-date-picker\";\n\nimport \"@atawi/react-date-picker/style.css\";\n\nconst [time, setTime] = useState<Date | [Date, Date]>(new Date());\n\n<TimePicker value={time} onChange={setTime} use24Hour={false} />;\n```\n\n### Custom Styling\n\nYou can customize the appearance using CSS classes:\n\n```tsx\nconst customStyles = {\n  containerClassName: \"my-date-picker\",\n  triggerClassName: \"my-trigger-button\",\n  calendarClassName: \"my-calendar\",\n  dayClassName: \"my-day-button\",\n  selectedDayClassName: \"my-selected-day\",\n};\n\n<DateTimePicker value={date} onChange={setDate} styles={customStyles} />;\n```\n\nThen style with CSS:\n\n```css\n.my-date-picker {\n  /* Custom container styles */\n}\n\n.my-trigger-button {\n  background: #f0f0f0;\n  border: 2px solid #ccc;\n  border-radius: 8px;\n}\n\n.my-selected-day {\n  background: #ff6b6b;\n  color: white;\n}\n```\n\n### With Min/Max Date Constraints\n\n```tsx\nimport { addDays, subDays } from \"date-fns\";\n\n<DateTimePicker\n  value={date}\n  onChange={setDate}\n  mode=\"single\"\n  showTime={false}\n  minDate={subDays(new Date(), 3)}\n  maxDate={addDays(new Date(), 30)}\n/>;\n```\n\n## Props API\n\n### DateTimePicker Props\n\n| Prop            | Type                                   | Default         | Description                             |\n| --------------- | -------------------------------------- | --------------- | --------------------------------------- |\n| `value`         | `Date \\| [Date, Date]`                 | `new Date()`    | Selected date or date range             |\n| `onChange`      | `(date: Date \\| [Date, Date]) => void` | Required        | Callback when date changes              |\n| `mode`          | `'single' \\| 'range' \\| 'week'`        | `'single'`      | Selection mode                          |\n| `showTime`      | `boolean`                              | `true`          | Show time picker                        |\n| `use24Hour`     | `boolean`                              | `false`         | Use 24-hour format                      |\n| `disabled`      | `boolean`                              | `false`         | Disable the picker                      |\n| `disabledDates` | `Date[]`                               | `[]`            | Array of disabled dates                 |\n| `minDate`       | `Date`                                 | `undefined`     | Earliest selectable date (inclusive)    |\n| `maxDate`       | `Date`                                 | `undefined`     | Latest selectable date (inclusive)      |\n| `locale`        | `Locale`                               | `undefined`     | date-fns locale object                  |\n| `notes`         | `DateNoteType[]`                       | `[]`            | Array of date notes                     |\n| `darkMode`      | `boolean`                              | `false`         | Enable dark mode styling                |\n| `isOpen`        | `boolean`                              | `undefined`     | Control open state                      |\n| `onOpenChange`  | `(isOpen: boolean) => void`            | `undefined`     | Callback when open state changes        |\n| `footer`        | `React.ReactNode`                      | `undefined`     | Custom footer content                   |\n| `styles`        | `StyleProps`                           | `{}`            | Custom style classes                    |\n| `showTooltip`   | `boolean`                              | `false`         | Enable tooltips in calendar             |\n| `clearable`     | `boolean`                              | `false`         | Show a × button on the trigger to clear |\n| `placeholder`   | `string`                               | `'Select date'` | Trigger text when no value is selected  |\n| `onClear`       | `() => void`                           | `undefined`     | Called when the user clicks clear       |\n| `closeOnSelect` | `boolean \\| 'auto'`                    | `'auto'`        | Popover auto-close behavior (see above) |\n\n### TimePicker Props\n\n| Prop        | Type                   | Default  | Description                |\n| ----------- | ---------------------- | -------- | -------------------------- |\n| `value`     | `Date`                 | Required | Selected time              |\n| `onChange`  | `(date: Date) => void` | Required | Callback when time changes |\n| `use24Hour` | `boolean`              | `false`  | Use 24-hour format         |\n| `disabled`  | `boolean`              | `false`  | Disable the picker         |\n| `darkMode`  | `boolean`              | `false`  | Enable dark mode styling   |\n| `styles`    | `StyleProps`           | `{}`     | Custom style classes       |\n\n### Style Props\n\n| Prop                   | Type     | Description                      |\n| ---------------------- | -------- | -------------------------------- |\n| `containerClassName`   | `string` | Class for the main container     |\n| `triggerClassName`     | `string` | Class for the trigger button     |\n| `calendarClassName`    | `string` | Class for the calendar container |\n| `dayClassName`         | `string` | Class for calendar day buttons   |\n| `selectedDayClassName` | `string` | Class for selected day           |\n| `rangeClassName`       | `string` | Class for days in range          |\n| `timePickerClassName`  | `string` | Class for time picker section    |\n\n## Styling\n\nThe library comes with beautiful built-in styles that work out of the box. You can customize the appearance by:\n\n1. **Using the `styles` prop** to apply custom CSS classes\n2. **Using the `darkMode` prop** for automatic dark mode styling\n3. **Overriding CSS classes** in your own stylesheet\n4. **Using CSS custom properties** for theme customization\n\n### Built-in Themes\n\nThe library includes several built-in visual themes:\n\n- Default modern theme with blue accents\n- Dark mode support (automatic via media queries or manual via `darkMode` prop)\n- Material Design inspired styling\n- Clean, minimal appearance\n- Professional business styling\n\n## Accessibility\n\nThe component is built with accessibility in mind:\n\n- Full keyboard navigation support\n- ARIA labels and roles\n- Focus management\n- Screen reader friendly\n- High contrast mode support\n\n## Browser Support\n\n- Chrome (and Chromium-based browsers) ≥ 60\n- Firefox ≥ 60\n- Safari ≥ 12\n- Edge ≥ 79\n\n## Contributing\n\nWe welcome contributions! Please see our [Contributing Guide](CONTRIBUTING.md) for details.\n\n## License\n\nMIT © [Atawi](https://github.com/ahmedalatawi)\n","readmeFilename":"README.md"}