{"_id":"@aravind13/datepicker","_rev":"8-2c0e5783b991cd37608520e9d465acd8","name":"@aravind13/datepicker","dist-tags":{"latest":"1.1.1"},"versions":{"1.0.0":{"name":"@aravind13/datepicker","version":"1.0.0","keywords":["react","datepicker","date-range-picker","month-picker","calendar","ui-component"],"author":{"name":"Aravind Anubothu","email":"aravind13"},"license":"MIT","_id":"@aravind13/datepicker@1.0.0","maintainers":[{"name":"aravind13","email":"aanubothu@gmail.com"}],"homepage":"https://github.com/aravind13/datepicker#readme","bugs":{"url":"https://github.com/aravind13/datepicker/issues"},"dist":{"shasum":"bc980928c6940baf112c17ab7a25af315e99db4e","tarball":"https://registry.npmjs.org/@aravind13/datepicker/-/datepicker-1.0.0.tgz","fileCount":6,"integrity":"sha512-6eLTk9PuSiN56leB3P8FN+u5ZbqERL+V6S/1J6r0678LSsraMIE+tC63bgG1EyDyfcaYnqvWGLhE0vlJXmztvg==","signatures":[{"sig":"MEUCIHj4wTBEy4jVwRl2RjYKxx90wAFF8KgKjJXccb7Hy6gpAiEAvIZsizDqHereNw5rmGb10Wd24AL7+C2bubX5cQlla8c=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":55544},"main":"./dist/index.umd.js","type":"module","module":"./dist/index.es.js","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"},"./dist/style.css":"./dist/style.css"},"gitHead":"430c6455e1531ade03da38543ff8b1353dda3bf0","scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"aravind13","email":"aanubothu@gmail.com"},"repository":{"url":"git+https://github.com/aravind13/datepicker.git","type":"git"},"_npmVersion":"11.10.0","description":"A lightweight, zero-config React date picker suite — DatePicker, DateRangePicker, and MonthPicker.","directories":{},"_nodeVersion":"22.18.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","react":"^18.3.1","react-dom":"^18.3.1","lucide-react":"^0.400.0","@vitejs/plugin-react":"^4.0.0"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","lucide-react":">=0.300.0"},"_npmOperationalInternal":{"tmp":"tmp/datepicker_1.0.0_1784656433046_0.41311658319786093","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@aravind13/datepicker","version":"1.0.1","keywords":["react","datepicker","date-range-picker","month-picker","calendar","ui-component"],"author":{"name":"Aravind Anubothu","email":"aravind13"},"license":"MIT","_id":"@aravind13/datepicker@1.0.1","maintainers":[{"name":"aravind13","email":"aanubothu@gmail.com"}],"homepage":"https://github.com/aravind13/datepicker#readme","bugs":{"url":"https://github.com/aravind13/datepicker/issues"},"dist":{"shasum":"94b707bf4132fdb35e6b2813ad0057c46541549a","tarball":"https://registry.npmjs.org/@aravind13/datepicker/-/datepicker-1.0.1.tgz","fileCount":6,"integrity":"sha512-YqPOBl3SrR2tOjiaxOejV/fm62MvfBh1n7WdySTYYSJU+nv1RXGbKaBItuWyu4gev2r136N+Tka9dDKrAbkAMA==","signatures":[{"sig":"MEUCIQDFfg/V/4o6BTPcsVHf+wNAGVy428ii/L/rZnE0JP/URwIgMa7NxQrvskzpWr4FwRE+bik6Sj0mhNAXsbtrQqUSRbk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":57649},"main":"./dist/index.umd.js","type":"module","module":"./dist/index.es.js","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"},"./dist/style.css":"./dist/style.css"},"gitHead":"ee4be9f5c511059914d5608fec1f23bded6296fe","scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"aravind13","email":"aanubothu@gmail.com"},"repository":{"url":"git+https://github.com/aravind13/datepicker.git","type":"git"},"_npmVersion":"11.10.0","description":"A lightweight, zero-config React date picker suite — DatePicker, DateRangePicker, and MonthPicker.","directories":{},"_nodeVersion":"22.18.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","react":"^18.3.1","react-dom":"^18.3.1","lucide-react":"^0.400.0","@vitejs/plugin-react":"^4.0.0"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","lucide-react":">=0.300.0"},"_npmOperationalInternal":{"tmp":"tmp/datepicker_1.0.1_1784696479792_0.9006051064653529","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@aravind13/datepicker","version":"1.0.2","keywords":["react","datepicker","date-range-picker","month-picker","calendar","ui-component"],"author":{"name":"Aravind Anubothu","email":"aravind13"},"license":"MIT","_id":"@aravind13/datepicker@1.0.2","maintainers":[{"name":"aravind13","email":"aanubothu@gmail.com"}],"homepage":"https://github.com/aravind13/datepicker#readme","bugs":{"url":"https://github.com/aravind13/datepicker/issues"},"dist":{"shasum":"c8d028673c227ee1199c67034faaf5373bdefd52","tarball":"https://registry.npmjs.org/@aravind13/datepicker/-/datepicker-1.0.2.tgz","fileCount":6,"integrity":"sha512-5sxssLWbU/yWY81etulYcfC3sMN/VEenDVyEtojgaxDatGY93pWpNghdxylQEq4XFwvFI1SxvIAfa3FgCgNezQ==","signatures":[{"sig":"MEUCIAHL37qEgl3jA3E1PokmZBFh1rFAmeBSVwj7RiHcuNOyAiEAkm2b3MRLV+1Oyc4DT9shUchemSBFQvisetf/3J5IG4Y=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":53886},"main":"./dist/index.umd.js","type":"module","module":"./dist/index.es.js","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"},"./dist/style.css":"./dist/style.css"},"gitHead":"ed299305d1909958f868a3f1b2154cc7ead6f769","scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"aravind13","email":"aanubothu@gmail.com"},"repository":{"url":"git+https://github.com/aravind13/datepicker.git","type":"git"},"_npmVersion":"11.10.0","description":"A lightweight, zero-config React date picker suite — DatePicker, DateRangePicker, and MonthPicker.","directories":{},"_nodeVersion":"22.18.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","react":"^18.3.1","react-dom":"^18.3.1","lucide-react":"^0.400.0","@vitejs/plugin-react":"^4.0.0"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","lucide-react":">=0.300.0"},"_npmOperationalInternal":{"tmp":"tmp/datepicker_1.0.2_1784696616887_0.6101473871050291","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@aravind13/datepicker","version":"1.0.3","keywords":["react","datepicker","date-range-picker","month-picker","calendar","ui-component"],"author":{"name":"Aravind Anubothu","email":"aravind13"},"license":"MIT","_id":"@aravind13/datepicker@1.0.3","maintainers":[{"name":"aravind13","email":"aanubothu@gmail.com"}],"homepage":"https://github.com/aravind13/datepicker#readme","bugs":{"url":"https://github.com/aravind13/datepicker/issues"},"dist":{"shasum":"4e3e830c345b1c0b8b4642298e72fae5ca6db156","tarball":"https://registry.npmjs.org/@aravind13/datepicker/-/datepicker-1.0.3.tgz","fileCount":6,"integrity":"sha512-vDKfPILatyeGzAAhMP43/S3SAiJ1FfZs43MAT/jzt1Cba3a05YNahMZWWK2uLkj9BS6hisye6tiALMkldkzT5w==","signatures":[{"sig":"MEUCIGd+vyhv3DyBrQydo2JmPbU9vIjCqGgisQ+wLjeBTL25AiEA7bjzvKP6CH48rzRau4R+Jr7+//EMnwXXL1K2oks+t+4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":53687},"main":"./dist/index.umd.js","type":"module","module":"./dist/index.es.js","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"},"./dist/style.css":"./dist/style.css"},"gitHead":"4a622b7a49860c3d1cdaf10c15c994c0847bd415","scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"aravind13","email":"aanubothu@gmail.com"},"repository":{"url":"git+https://github.com/aravind13/datepicker.git","type":"git"},"_npmVersion":"11.10.0","description":"A lightweight, zero-config React date picker suite — DatePicker, DateRangePicker, and MonthPicker.","directories":{},"_nodeVersion":"22.18.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","react":"^18.3.1","react-dom":"^18.3.1","lucide-react":"^0.400.0","@vitejs/plugin-react":"^4.0.0"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","lucide-react":">=0.300.0"},"_npmOperationalInternal":{"tmp":"tmp/datepicker_1.0.3_1784696751253_0.034685879834376765","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@aravind13/datepicker","version":"1.0.4","keywords":["react","datepicker","date-range-picker","month-picker","calendar","ui-component"],"author":{"name":"Aravind Anubothu","email":"aravind13"},"license":"MIT","_id":"@aravind13/datepicker@1.0.4","maintainers":[{"name":"aravind13","email":"aanubothu@gmail.com"}],"homepage":"https://github.com/aravind13/datepicker#readme","bugs":{"url":"https://github.com/aravind13/datepicker/issues"},"dist":{"shasum":"68850cc381b66954f9d2985452be8767757f79f6","tarball":"https://registry.npmjs.org/@aravind13/datepicker/-/datepicker-1.0.4.tgz","fileCount":6,"integrity":"sha512-O9yWVx4gEs0jO8LRHhGn/Fv2qUXBdDawJItRIrnvapiHyFiu26b7eDSXg2RBbpHMklnkMMSfRLP75VOv8qVpow==","signatures":[{"sig":"MEQCIGoG/fZQdPf1YeZduG5xjQdS1Btcq4mB+9Y7hlL4lMsfAiBu/ut6HU5xmITjBKElLgnzjgVXpvFYsFzm6szCBxfQ6Q==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":53861},"main":"./dist/index.umd.js","type":"module","module":"./dist/index.es.js","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"},"./dist/style.css":"./dist/style.css"},"gitHead":"6fd6de6fbe0631c6b7d855dcf53c0a022ec105b1","scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"aravind13","email":"aanubothu@gmail.com"},"repository":{"url":"git+https://github.com/aravind13/datepicker.git","type":"git"},"_npmVersion":"11.10.0","description":"A lightweight, zero-config React date picker suite — DatePicker, DateRangePicker, and MonthPicker.","directories":{},"_nodeVersion":"22.18.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","react":"^18.3.1","react-dom":"^18.3.1","lucide-react":"^0.400.0","@vitejs/plugin-react":"^4.0.0"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","lucide-react":">=0.300.0"},"_npmOperationalInternal":{"tmp":"tmp/datepicker_1.0.4_1784697194262_0.6514454654605235","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@aravind13/datepicker","version":"1.0.5","keywords":["react","datepicker","date-range-picker","month-picker","calendar","ui-component"],"author":{"name":"Aravind Anubothu","email":"aravind13"},"license":"MIT","_id":"@aravind13/datepicker@1.0.5","maintainers":[{"name":"aravind13","email":"aanubothu@gmail.com"}],"homepage":"https://github.com/aravind13/datepicker#readme","bugs":{"url":"https://github.com/aravind13/datepicker/issues"},"dist":{"shasum":"45141dab9724c951a7750b49384d4f9e57134687","tarball":"https://registry.npmjs.org/@aravind13/datepicker/-/datepicker-1.0.5.tgz","fileCount":6,"integrity":"sha512-ewLawbMg6jlkqd09M9mggd7VcAM9tXf1wfhoD8mGz2Vwz0V+/gbdy55fNNq91Rl/uNyY7smWDfuv9dwwlYiaHQ==","signatures":[{"sig":"MEQCIB4WvUEO9KeUJNPe/g6MM7RgerqoMatFwgHtaXVxgVb2AiB6ov68+rtmAcn/cN7HRJRSNGS8CNdKb1eEfNb7MnWL5g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":53858},"main":"./dist/index.umd.js","type":"module","module":"./dist/index.es.js","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"},"./dist/style.css":"./dist/style.css"},"gitHead":"69a2c1cf363cbda57296aa640c70ea70393a68f1","scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"aravind13","email":"aanubothu@gmail.com"},"repository":{"url":"git+https://github.com/aravind13/datepicker.git","type":"git"},"_npmVersion":"11.10.0","description":"A lightweight, zero-config React date picker suite — DatePicker, DateRangePicker, and MonthPicker.","directories":{},"_nodeVersion":"22.18.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","react":"^18.3.1","react-dom":"^18.3.1","lucide-react":"^0.400.0","@vitejs/plugin-react":"^4.0.0"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","lucide-react":">=0.300.0"},"_npmOperationalInternal":{"tmp":"tmp/datepicker_1.0.5_1784697996942_0.44152776963384","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@aravind13/datepicker","version":"1.1.0","keywords":["react","datepicker","date-range-picker","month-picker","calendar","ui-component","typescript","accessible","a11y"],"author":{"name":"Aravind Anubothu","email":"aravind13"},"license":"MIT","_id":"@aravind13/datepicker@1.1.0","maintainers":[{"name":"aravind13","email":"aanubothu@gmail.com"}],"homepage":"https://github.com/aravind13/datepicker#readme","bugs":{"url":"https://github.com/aravind13/datepicker/issues"},"dist":{"shasum":"1e874ebcbb10d549e0e58b7a6b4f80418df196c3","tarball":"https://registry.npmjs.org/@aravind13/datepicker/-/datepicker-1.1.0.tgz","fileCount":8,"integrity":"sha512-aPpJT+00cwDyk/mXgv2i7xxeyR8+xLri1A8QMQhETFG82kJGeOCD9Us8bH6CQ3beVeUZefTOomxdeJDZkvpO6g==","signatures":[{"sig":"MEQCICaxJGOt9s9bozXtIaGyafDgzSVUd2e/qcEpeV6tEMvuAiAbOm2tvDL6xzMC34P5WxuEeX8ra+aMm4YXzdoCyRSYhg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":67663},"main":"./dist/index.umd.js","type":"module","types":"./index.d.ts","module":"./dist/index.es.js","exports":{".":{"types":"./index.d.ts","import":"./dist/index.es.js","require":"./dist/index.umd.js"},"./dist/style.css":"./dist/style.css"},"gitHead":"83bbdebb2f25e38eda44689c9600eccf4c195fca","scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"aravind13","email":"aanubothu@gmail.com"},"repository":{"url":"git+https://github.com/aravind13/datepicker.git","type":"git"},"_npmVersion":"11.10.0","description":"A lightweight, zero-config React date picker suite — DatePicker, DateRangePicker, and MonthPicker.","directories":{},"_nodeVersion":"22.18.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","react":"^18.3.1","react-dom":"^18.3.1","lucide-react":"^0.400.0","@vitejs/plugin-react":"^4.0.0"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","lucide-react":">=0.300.0"},"_npmOperationalInternal":{"tmp":"tmp/datepicker_1.1.0_1784698905706_0.2915087042624791","host":"s3://npm-registry-packages-npm-production"}},"1.1.1":{"name":"@aravind13/datepicker","version":"1.1.1","type":"module","description":"A lightweight, zero-config React date picker suite — DatePicker, DateRangePicker, and MonthPicker.","author":{"name":"Aravind Anubothu","email":"aravind13"},"license":"MIT","keywords":["react","datepicker","date-range-picker","month-picker","calendar","ui-component","typescript","accessible","a11y"],"homepage":"https://github.com/aravind13/datepicker#readme","repository":{"type":"git","url":"git+https://github.com/aravind13/datepicker.git"},"main":"./dist/index.umd.js","module":"./dist/index.es.js","types":"./index.d.ts","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js","types":"./index.d.ts"},"./dist/style.css":"./dist/style.css"},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"peerDependencies":{"lucide-react":">=0.300.0","react":">=16.8.0","react-dom":">=16.8.0"},"devDependencies":{"@vitejs/plugin-react":"^4.0.0","lucide-react":"^0.400.0","react":"^18.3.1","react-dom":"^18.3.1","vite":"^5.0.0"},"gitHead":"aea26c6da385e5c46a070e9480ff79b2ddd61c2d","_id":"@aravind13/datepicker@1.1.1","bugs":{"url":"https://github.com/aravind13/datepicker/issues"},"_nodeVersion":"22.18.0","_npmVersion":"11.10.0","dist":{"integrity":"sha512-D1/cxfIR9zLarTxhL90MvQcmY9oDZA31vsukE3Rrb03j119DiVwSyxwpTJJaLoDlWsJBMcDvUqTb3UhGXjmM/A==","shasum":"41f9beff53947827c087a252cd3901d9009c260c","tarball":"https://registry.npmjs.org/@aravind13/datepicker/-/datepicker-1.1.1.tgz","fileCount":8,"unpackedSize":68682,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIH7QgkX6nFsAR5BJUuS6Wfn351UUd36BT4TdE0O4/LACAiEAwdf6KFbcXOeGhpUDbpNqCKidkVk9+Fjj76/bFyEa3nI="}]},"_npmUser":{"name":"aravind13","email":"aanubothu@gmail.com"},"directories":{},"maintainers":[{"name":"aravind13","email":"aanubothu@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/datepicker_1.1.1_1784699588072_0.4694540435162309"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-21T17:53:52.816Z","modified":"2026-07-22T05:53:08.346Z","1.0.0":"2026-07-21T17:53:53.191Z","1.0.1":"2026-07-22T05:01:19.925Z","1.0.2":"2026-07-22T05:03:37.037Z","1.0.3":"2026-07-22T05:05:51.498Z","1.0.4":"2026-07-22T05:13:14.398Z","1.0.5":"2026-07-22T05:26:37.073Z","1.1.0":"2026-07-22T05:41:45.841Z","1.1.1":"2026-07-22T05:53:08.202Z"},"bugs":{"url":"https://github.com/aravind13/datepicker/issues"},"author":{"name":"Aravind Anubothu","email":"aravind13"},"license":"MIT","homepage":"https://github.com/aravind13/datepicker#readme","keywords":["react","datepicker","date-range-picker","month-picker","calendar","ui-component","typescript","accessible","a11y"],"repository":{"type":"git","url":"git+https://github.com/aravind13/datepicker.git"},"description":"A lightweight, zero-config React date picker suite — DatePicker, DateRangePicker, and MonthPicker.","maintainers":[{"name":"aravind13","email":"aanubothu@gmail.com"}],"readme":"# @aravind13/datepicker\n\n[![npm version](https://img.shields.io/npm/v/@aravind13/datepicker.svg)](https://www.npmjs.com/package/@aravind13/datepicker)\n[![npm downloads](https://img.shields.io/npm/dm/@aravind13/datepicker.svg)](https://www.npmjs.com/package/@aravind13/datepicker)\n[![license](https://img.shields.io/npm/l/@aravind13/datepicker.svg)](https://github.com/Anubothu-Aravind/components/blob/main/LICENSE)\n\nA lightweight, reusable React date picker suite — featuring **DatePicker**, **DateRangePicker**, and **MonthPicker** — with full CSS variable customization and dark mode support.\n\n![DatePicker Preview](https://raw.githubusercontent.com/Anubothu-Aravind/components/main/datepicker-preview.png)\n\n## Installation\n\nThe package can be installed via npm:\n\n```bash\nnpm install @aravind13/datepicker lucide-react\n```\n\nOr via yarn:\n\n```bash\nyarn add @aravind13/datepicker lucide-react\n```\n\nNote: `react` (>=16.8.0), `react-dom` (>=16.8.0), and `lucide-react` (>=0.300.0) are peer dependencies.\n\n### CDN / Direct Usage (One-Line Import)\n\nFor simple setups, prototyping, or direct HTML usage, you can drop the compiled CSS and JavaScript directly into your HTML using the UNPKG CDN:\n\n```html\n<!-- Stylesheet -->\n<link rel=\"stylesheet\" href=\"https://unpkg.com/@aravind13/datepicker/dist/style.css\" />\n\n<!-- UMD Script (Exposes global window.Aravind13DatePicker) -->\n<script src=\"https://unpkg.com/@aravind13/datepicker/dist/index.umd.js\"></script>\n```\n\n---\n\n## Security & Reliability\n\n- **Zero Runtime Dependencies**: Built entirely from scratch without loading heavy or risky third-party date engines (like `moment`, `date-fns`, or `dayjs`), making your app completely immune to external dependency supply-chain attacks.\n- **Strict Package Contents**: Sensitive files like local tests, configurations, or credentials are explicitly excluded from the npm package bundle to guarantee zero credential leak risks.\n- **Regular Audit & Scan**: Fully audited and verified clean of any known security vulnerabilities.\n\n---\n\n## Quick Start\n\nImport the stylesheet from this package in your application:\n\n```jsx\nimport '@aravind13/datepicker/dist/style.css'\n```\n\nBelow is an example of how to use the components in a React view:\n\n```jsx\nimport React, { useState } from 'react'\nimport { DatePicker, DateRangePicker, MonthPicker } from '@aravind13/datepicker'\n\nconst Example = () => {\n  const [date, setDate] = useState('')\n  const [range, setRange] = useState({ start: '', end: '' })\n  const [month, setMonth] = useState('')\n\n  return (\n    <div>\n      <DatePicker value={date} onChange={setDate} />\n      <DateRangePicker value={range} onChange={setRange} />\n      <MonthPicker value={month} onChange={setMonth} />\n    </div>\n  )\n}\n\nexport default Example\n```\n\n## API Reference\n\n### DatePicker\n\nSingle date selector accepting and returning dates in `DD-MM-YYYY` format.\n\n| Prop | Type | Default | Description |\n|---|---|---|---|\n| `value` | `string` | `''` | Selected date string (`DD-MM-YYYY`). |\n| `onChange` | `(str: string) => void` | | Callback function triggered when a date is selected. |\n| `placeholder` | `string` | `'Pick a date'` | Input placeholder text. |\n| `className` | `string` | `''` | Additional class names for container element. |\n| `align` | `'left' \\| 'right'` | `'left'` | Popup dropdown alignment. |\n| `minDate` | `string` | | Minimum selectable date (`DD-MM-YYYY`). |\n| `maxDate` | `string` | | Maximum selectable date (`DD-MM-YYYY`). |\n\n```jsx\n<DatePicker\n  value={date}\n  onChange={setDate}\n  minDate=\"01-01-2024\"\n  maxDate=\"31-12-2026\"\n/>\n```\n\n### DateRangePicker\n\nTwo-click range selector with hover preview and range highlighting.\n\n| Prop | Type | Default | Description |\n|---|---|---|---|\n| `value` | `{ start: string, end: string }` | `{ start: '', end: '' }` | Selected range (`DD-MM-YYYY`). |\n| `onChange` | `({ start, end }: { start: string, end: string }) => void` | | Callback function triggered when range changes. |\n| `placeholder` | `{ start: string, end: string }` | `{ start: 'Start date', end: 'End date' }` | Placeholder text for start and end inputs. |\n| `className` | `string` | `''` | Additional class names for container element. |\n| `align` | `'left' \\| 'right'` | `'left'` | Popup dropdown alignment. |\n\n```jsx\n<DateRangePicker\n  value={range}\n  onChange={setRange}\n/>\n```\n\n### MonthPicker\n\nMonth and year selector accepting and returning strings in `MM-YYYY` format.\n\n| Prop | Type | Default | Description |\n|---|---|---|---|\n| `value` | `string` | `''` | Selected month string (`MM-YYYY`). |\n| `onChange` | `(str: string) => void` | | Callback function triggered when month is selected. |\n| `placeholder` | `string` | `'Pick a month'` | Input placeholder text. |\n| `className` | `string` | `''` | Additional class names for container element. |\n| `align` | `'left' \\| 'right'` | `'left'` | Popup dropdown alignment. |\n| `minYear` | `number` | `1900` | Minimum selectable year. |\n| `maxYear` | `number` | `2100` | Maximum selectable year. |\n\n```jsx\n<MonthPicker\n  value={month}\n  onChange={setMonth}\n/>\n```\n\n## Theming\n\nComponents use CSS custom properties for styling. Define or override `--dp-*` variables in your CSS:\n\n```css\n:root {\n  --dp-bg-trigger: #ffffff;\n  --dp-bg-surface: #ffffff;\n  --dp-bg-elevated: #f1f5f9;\n\n  --dp-border: #e2e8f0;\n  --dp-border-focus: #6366f1;\n  --dp-border-radius: 10px;\n  --dp-border-radius-sm: 6px;\n\n  --dp-text-primary: #1e293b;\n  --dp-text-secondary: #64748b;\n  --dp-text-muted: #94a3b8;\n\n  --dp-primary: #6366f1;\n  --dp-primary-gradient: linear-gradient(135deg, #6366f1, #8b5cf6);\n  --dp-primary-text: #ffffff;\n\n  --dp-range-bg: #eef2ff;\n  --dp-range-text: #4338ca;\n\n  --dp-shadow: 0 8px 32px rgba(99, 102, 241, 0.12);\n  --dp-width: 288px;\n  --dp-font-family: 'Inter', system-ui, sans-serif;\n}\n```\n\n### Dark Mode\n\nSet `data-theme=\"dark\"` on the `<html>` element or add class `.dp-dark` to a parent container:\n\n```html\n<html data-theme=\"dark\">\n```\n\n## Utility Functions\n\nExported date utility functions:\n\n```javascript\nimport {\n  parseDate,\n  formatDate,\n  getTodayFormatted,\n  toInputDate,\n  fromInputDate,\n  parseMonthYear,\n  formatMonthYear,\n  isSameDay,\n  isBetween\n} from '@aravind13/datepicker'\n```\n\n| Function | Description |\n|---|---|\n| `parseDate(str)` | Parses `DD-MM-YYYY` string into a JS `Date` object or `null`. |\n| `formatDate(date)` | Formats a JS `Date` object into `DD-MM-YYYY`. |\n| `getTodayFormatted()` | Returns today's date formatted as `DD-MM-YYYY`. |\n| `toInputDate(str)` | Converts `DD-MM-YYYY` to `YYYY-MM-DD` for HTML `<input type=\"date\">`. |\n| `fromInputDate(str)` | Converts `YYYY-MM-DD` to `DD-MM-YYYY`. |\n| `parseMonthYear(str)` | Parses `MM-YYYY` into `{ month, year }` or `null`. |\n| `formatMonthYear(month, year)` | Formats month and year into `MM-YYYY`. |\n| `isSameDay(a, b)` | Returns boolean indicating if two `DD-MM-YYYY` dates match. |\n| `isBetween(date, start, end)` | Returns boolean indicating if JS `Date` falls between `start` and `end`. |\n\n## Development\n\n```bash\nnpm run dev\nnpm run build\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md"}