{"_id":"@bw-ui/datepicker-theming","_rev":"6-92194d8e09fb4cfbcc36ad241ab3b8a0","name":"@bw-ui/datepicker-theming","dist-tags":{"latest":"1.1.4"},"versions":{"1.0.0":{"name":"@bw-ui/datepicker-theming","version":"1.0.0","keywords":["datepicker","theming","dark-mode","css-variables","bw-ui"],"author":{"name":"BW UI"},"license":"MIT","_id":"@bw-ui/datepicker-theming@1.0.0","maintainers":[{"name":"rchoudhary.dev","email":"rchoudhary.dev@gmail.com"}],"dist":{"shasum":"76615871e4df6a0575abb4664acf1573efceac7a","tarball":"https://registry.npmjs.org/@bw-ui/datepicker-theming/-/datepicker-theming-1.0.0.tgz","fileCount":12,"integrity":"sha512-EaW6i9m2ifAr2JY0JtWcrOboDIkSi6dVJM1Mk2d7lheqgwlkZft5vXsT4sP3k9r/44AVwKxgfryUdkz2deI4yA==","signatures":[{"sig":"MEUCIHc1pLT5vbD1hBIUTWLW/9fSLFFWH61SPL+gtacxt+vqAiEA3IjyR1GRmSqInyFuJDnJTiifWPRA1qvMDEt36LE1yOc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":151188},"main":"dist/bw-theming.min.js","type":"module","module":"dist/bw-theming.esm.min.js","exports":{".":{"import":"./dist/bw-theming.esm.min.js","require":"./dist/bw-theming.min.js"},"./css":"./dist/bw-theming.min.css"},"gitHead":"33b7c525d2e2f752ae803ca16fd2dedde2098824","scripts":{"build":"node build.js"},"_npmUser":{"name":"rchoudhary.dev","email":"rchoudhary.dev@gmail.com"},"_npmVersion":"10.9.3","description":"Theming plugin for @bw-ui/datepicker - Dark mode, CSS variables, custom themes","directories":{},"_nodeVersion":"22.20.0","_hasShrinkwrap":false,"devDependencies":{"esbuild":"^0.20.0"},"peerDependencies":{"@bw-ui/datepicker":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/datepicker-theming_1.0.0_1764344566236_0.3758649751710357","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bw-ui/datepicker-theming","version":"1.0.1","keywords":["datepicker","theming","dark-mode","css-variables","bw-ui"],"author":{"name":"BW UI"},"license":"MIT","_id":"@bw-ui/datepicker-theming@1.0.1","maintainers":[{"name":"rchoudhary.dev","email":"rchoudhary.dev@gmail.com"}],"dist":{"shasum":"b85f41fb2c0e4af956ecd90bfbe1481ef8eca22c","tarball":"https://registry.npmjs.org/@bw-ui/datepicker-theming/-/datepicker-theming-1.0.1.tgz","fileCount":6,"integrity":"sha512-pA3oj/jkuMayQnleyGQivlDOHLkgyjQytSZKiaIMFneHMgfVy71ryISI30IXzToaHmNlyzmpdLKonnEU4UH8wQ==","signatures":[{"sig":"MEYCIQD2gEaCED8H5G27hXABgfuwfPLnpGqIOzLb+a1l4FRk2AIhAP2yrI33itl2hEEQUesy3Al2asJvLf65hiHgsGcGcS4S","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":118456},"main":"dist/bw-theming.min.js","type":"module","module":"dist/bw-theming.esm.min.js","exports":{".":{"import":"./dist/bw-theming.esm.min.js","require":"./dist/bw-theming.min.js"},"./css":"./dist/bw-theming.min.css"},"gitHead":"c10a0a9d099b359edb1ee36da7f8d22c9703d643","scripts":{"build":"node build.js"},"_npmUser":{"name":"rchoudhary.dev","email":"rchoudhary.dev@gmail.com"},"_npmVersion":"10.9.3","description":"Theming plugin for @bw-ui/datepicker - Dark mode, CSS variables, custom themes","directories":{},"_nodeVersion":"22.20.0","_hasShrinkwrap":false,"devDependencies":{"esbuild":"^0.20.0"},"peerDependencies":{"@bw-ui/datepicker":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/datepicker-theming_1.0.1_1764346259645_0.4474980997369322","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bw-ui/datepicker-theming","version":"1.0.2","keywords":["datepicker","theming","dark-mode","css-variables","bw-ui"],"author":{"name":"BW UI"},"license":"MIT","_id":"@bw-ui/datepicker-theming@1.0.2","maintainers":[{"name":"rchoudhary.dev","email":"rchoudhary.dev@gmail.com"}],"dist":{"shasum":"1af09768417293a3c46deb23fdca0880d4accae1","tarball":"https://registry.npmjs.org/@bw-ui/datepicker-theming/-/datepicker-theming-1.0.2.tgz","fileCount":4,"integrity":"sha512-23pb5ZuzPjmOq+3hGYXhE8Wp/Gvd/OKiRS3R9Rnj16ZgE2nnZgM1emzDV6zwpAhcx7qOwGQpniqVtdyQ1PKGSg==","signatures":[{"sig":"MEUCIQC4JuPMcgNEo1rUz47CTznXUnA3cBeYuFX1C5lau74qWAIgK09dTVdHG6NaQ2XCQFid3Krzc2BHV6NhxgWcKtawW5A=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":24946},"main":"dist/bw-theming.min.js","type":"module","module":"dist/bw-theming.esm.min.js","exports":{".":{"import":"./dist/bw-theming.esm.min.js","require":"./dist/bw-theming.min.js"},"./css":"./dist/bw-theming.min.css"},"gitHead":"c10a0a9d099b359edb1ee36da7f8d22c9703d643","scripts":{"build":"node build.js"},"_npmUser":{"name":"rchoudhary.dev","email":"rchoudhary.dev@gmail.com"},"_npmVersion":"10.9.3","description":"Theming plugin for @bw-ui/datepicker - Dark mode, CSS variables, custom themes","directories":{},"_nodeVersion":"22.20.0","_hasShrinkwrap":false,"devDependencies":{"esbuild":"^0.20.0"},"peerDependencies":{"@bw-ui/datepicker":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/datepicker-theming_1.0.2_1764346695533_0.6454025059242154","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@bw-ui/datepicker-theming","version":"1.0.3","keywords":["datepicker","theming","dark-mode","css-variables","bw-ui"],"author":{"name":"BW UI"},"license":"MIT","_id":"@bw-ui/datepicker-theming@1.0.3","maintainers":[{"name":"rchoudhary.dev","email":"rchoudhary.dev@gmail.com"}],"dist":{"shasum":"48f1e7112ddf6b926829c32126b77be9867b2840","tarball":"https://registry.npmjs.org/@bw-ui/datepicker-theming/-/datepicker-theming-1.0.3.tgz","fileCount":5,"integrity":"sha512-yKBWtzDeJnJ70xzHC3St5o4KLfU/01hFPXoL7SL5arRvGv9HrDEcLy8doszJHLenXWKzQ9JLjqMbVEaDTqUsQg==","signatures":[{"sig":"MEUCIBxRSZNNiknFiuJ3/hJG04HzjODJTPxSkmmWzD9DSxB5AiEA20KDOfQMThQUds8Ajx6nh9Xr3Od6bnoTT/F7wr5xY+U=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":33433},"main":"dist/bw-theming.min.js","type":"module","types":"src/index.d.ts","module":"dist/bw-theming.esm.min.js","exports":{".":{"import":"./dist/bw-theming.esm.min.js","require":"./dist/bw-theming.min.js"},"./css":"./dist/bw-theming.min.css"},"gitHead":"40090008e522bc7c32a5f9b9da198c7954d2874d","scripts":{"build":"node build.js"},"_npmUser":{"name":"rchoudhary.dev","email":"rchoudhary.dev@gmail.com"},"_npmVersion":"10.9.3","description":"Theming plugin for @bw-ui/datepicker - Dark mode, CSS variables, custom themes","directories":{},"_nodeVersion":"22.20.0","_hasShrinkwrap":false,"devDependencies":{"esbuild":"^0.20.0"},"peerDependencies":{"@bw-ui/datepicker":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/datepicker-theming_1.0.3_1764417714511_0.013759353166906463","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@bw-ui/datepicker-theming","version":"1.0.4","keywords":["datepicker","theming","dark-mode","css-variables","bw-ui"],"author":{"name":"BW UI"},"license":"MIT","_id":"@bw-ui/datepicker-theming@1.0.4","maintainers":[{"name":"rchoudhary.dev","email":"rchoudhary.dev@gmail.com"}],"homepage":"https://github.com/bw-ui/bw-datepicker","bugs":{"url":"https://github.com/bw-ui/bw-datepicker/issues"},"dist":{"shasum":"57c2ab03b430bac24e75bd8b2cc4df01355bf637","tarball":"https://registry.npmjs.org/@bw-ui/datepicker-theming/-/datepicker-theming-1.0.4.tgz","fileCount":5,"integrity":"sha512-CbHi4JkDv5XEQcxLZX2SxtVNpiUkSw5jLe3eRVLXOOCti4rQD1h+2uOBvbPpSso424TcsILQp/HWX5Iq9U2D/Q==","signatures":[{"sig":"MEQCIHNeWz3kcttmAgR1gVSp2mlTjok8JqUYKN4EhNc8u4gNAiB33c+NQfwdMqbRyo9LbcZ04aAZaRG9M7ho6kS4n47CNA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":33659},"main":"dist/bw-theming.min.js","type":"module","types":"src/index.d.ts","module":"dist/bw-theming.esm.min.js","exports":{".":{"import":"./dist/bw-theming.esm.min.js","require":"./dist/bw-theming.min.js"},"./css":"./dist/bw-theming.min.css"},"gitHead":"40090008e522bc7c32a5f9b9da198c7954d2874d","scripts":{"build":"node build.js"},"_npmUser":{"name":"rchoudhary.dev","email":"rchoudhary.dev@gmail.com"},"repository":{"url":"git+https://github.com/bw-ui/bw-datepicker.git","type":"git"},"_npmVersion":"10.9.3","description":"Theming plugin for @bw-ui/datepicker - Dark mode, CSS variables, custom themes","directories":{},"_nodeVersion":"22.20.0","_hasShrinkwrap":false,"devDependencies":{"esbuild":"^0.20.0"},"peerDependencies":{"@bw-ui/datepicker":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/datepicker-theming_1.0.4_1764418284276_0.1464275730370117","host":"s3://npm-registry-packages-npm-production"}},"1.1.4":{"name":"@bw-ui/datepicker-theming","version":"1.1.4","description":"Theming plugin for @bw-ui/datepicker - Dark mode, CSS variables, custom themes","main":"dist/bw-theming.min.js","module":"dist/bw-theming.esm.min.js","exports":{".":{"import":"./dist/bw-theming.esm.min.js","require":"./dist/bw-theming.min.js"},"./css":"./dist/bw-theming.min.css"},"types":"src/index.d.ts","scripts":{"build":"node build.js"},"keywords":["datepicker","theming","dark-mode","css-variables","bw-ui"],"author":{"name":"BW UI"},"license":"MIT","peerDependencies":{"@bw-ui/datepicker":"^1.0.0"},"repository":{"type":"git","url":"git+https://github.com/bw-ui/bw-datepicker.git"},"bugs":{"url":"https://github.com/bw-ui/bw-datepicker/issues"},"homepage":"https://github.com/bw-ui/bw-datepicker","devDependencies":{"esbuild":"^0.20.0"},"type":"module","_id":"@bw-ui/datepicker-theming@1.1.4","gitHead":"30d8915a21fd5e442ea3830e44532446a20dfa3c","_nodeVersion":"22.20.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-IjrKCmWbFcjwrXkBt13Tdq8GTPtv1KcvkAo9+vk8QeYIfIHCgMzhzlbdWXQOeX87Ie7ifn1hreTxfhhn/WeNNg==","shasum":"b88756599ab349dbc7c56eeec6daa9a5a3b9e34c","tarball":"https://registry.npmjs.org/@bw-ui/datepicker-theming/-/datepicker-theming-1.1.4.tgz","fileCount":5,"unpackedSize":33867,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCk3YmT9y8hfMzOF/LKEZFxOb5+SSFUABr6+EV2HwDQ+gIhAO8wFMd2soz1qQZ1l9pusXEjz1CQdOnnRyJLGLCmuppK"}]},"_npmUser":{"name":"rchoudhary.dev","email":"rchoudhary.dev@gmail.com"},"directories":{},"maintainers":[{"name":"rchoudhary.dev","email":"rchoudhary.dev@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/datepicker-theming_1.1.4_1764510886849_0.8028278172715082"},"_hasShrinkwrap":false}},"time":{"created":"2025-11-28T15:42:46.168Z","modified":"2025-11-30T13:54:47.309Z","1.0.0":"2025-11-28T15:42:46.413Z","1.0.1":"2025-11-28T16:10:59.828Z","1.0.2":"2025-11-28T16:18:15.729Z","1.0.3":"2025-11-29T12:01:54.700Z","1.0.4":"2025-11-29T12:11:24.477Z","1.1.4":"2025-11-30T13:54:47.089Z"},"bugs":{"url":"https://github.com/bw-ui/bw-datepicker/issues"},"author":{"name":"BW UI"},"license":"MIT","homepage":"https://github.com/bw-ui/bw-datepicker","keywords":["datepicker","theming","dark-mode","css-variables","bw-ui"],"repository":{"type":"git","url":"git+https://github.com/bw-ui/bw-datepicker.git"},"description":"Theming plugin for @bw-ui/datepicker - Dark mode, CSS variables, custom themes","maintainers":[{"name":"rchoudhary.dev","email":"rchoudhary.dev@gmail.com"}],"readme":"# @bw-ui/datepicker-theming\r\n\r\nTheming plugin for BW DatePicker - Dark mode, light mode, and CSS variable customization.\r\n\r\n![Version](https://img.shields.io/npm/v/@bw-ui/datepicker-theming)\r\n![License](https://img.shields.io/npm/l/@bw-ui/datepicker-theming)\r\n![Size](https://img.shields.io/bundlephobia/minzip/@bw-ui/datepicker-theming)\r\n\r\n[Live Demo](https://bw-ui.github.io/bw-datepicker) â€¢ [Documentation](https://www.npmjs.com/package/@bw-ui/datepicker-theming) â€¢ [Core Package](https://www.npmjs.com/package/@bw-ui/datepicker)\r\n\r\n## âœ¨ Features\r\n\r\n- ðŸŒ™ **Dark Mode** - Built-in dark theme\r\n- â˜€ï¸ **Light Mode** - Clean light theme\r\n- ðŸŽ¨ **CSS Variables** - Full customization\r\n- ðŸ”„ **Runtime Switching** - Change themes dynamically\r\n- ðŸ–¥ï¸ **System Detection** - Auto-detect OS preference\r\n- ðŸ’¾ **Persistence** - Remember theme choice\r\n\r\n## ðŸ“¦ Installation\r\n\r\n```bash\r\nnpm install @bw-ui/datepicker @bw-ui/datepicker-theming\r\n```\r\n\r\n> âš ï¸ **Peer Dependency:** Requires `@bw-ui/datepicker` core package\r\n\r\n## ðŸš€ Quick Start\r\n\r\n### ES Modules\r\n\r\n```javascript\r\nimport { BWDatePicker } from '@bw-ui/datepicker';\r\nimport { ThemingPlugin } from '@bw-ui/datepicker-theming';\r\n\r\nconst picker = new BWDatePicker('#date-input', {\r\n  mode: 'popup',\r\n}).use(ThemingPlugin, {\r\n  theme: 'dark',\r\n});\r\n```\r\n\r\n### CDN\r\n\r\n```html\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://unpkg.com/@bw-ui/datepicker/dist/bw-datepicker.min.css\"\r\n/>\r\n\r\n<script src=\"https://unpkg.com/@bw-ui/datepicker/dist/bw-datepicker.min.js\"></script>\r\n<script src=\"https://unpkg.com/@bw-ui/datepicker-theming/dist/bw-theming.min.js\"></script>\r\n\r\n<script>\r\n  const picker = new BW.BWDatePicker('#date-input').use(\r\n    BWTheming.ThemingPlugin,\r\n    {\r\n      theme: 'dark',\r\n    }\r\n  );\r\n</script>\r\n```\r\n\r\n## âš™ï¸ Options\r\n\r\n```javascript\r\n.use(BWTheming.ThemingPlugin, {\r\n  theme: 'light',\r\n  autoDetect: false,\r\n  customVars: {},\r\n  persist: true,\r\n  storageKey: 'bw-datepicker-theme',\r\n})\r\n```\r\n\r\n### Options Reference\r\n\r\n| Option       | Type      | Default                 | Values                        | Description                      |\r\n| ------------ | --------- | ----------------------- | ----------------------------- | -------------------------------- |\r\n| `theme`      | `string`  | `'light'`               | `'light'`, `'dark'`, `'auto'` | Theme to apply                   |\r\n| `autoDetect` | `boolean` | `false`                 | `true`, `false`               | Auto-detect OS theme preference  |\r\n| `customVars` | `object`  | `{}`                    | CSS variable overrides        | Custom CSS variables             |\r\n| `persist`    | `boolean` | `false`                 | `true`, `false`               | Persist theme to localStorage    |\r\n| `storageKey` | `string`  | `'bw-datepicker-theme'` | Any string                    | localStorage key for persistence |\r\n\r\n## ðŸ“– Examples\r\n\r\n### Light Theme (Default)\r\n\r\n```javascript\r\n.use(BWTheming.ThemingPlugin, {\r\n  theme: 'light'\r\n})\r\n```\r\n\r\n### Dark Theme\r\n\r\n```javascript\r\n.use(BWTheming.ThemingPlugin, {\r\n  theme: 'dark'\r\n})\r\n```\r\n\r\n### Auto-detect System Theme\r\n\r\n```javascript\r\n.use(BWTheming.ThemingPlugin, {\r\n  autoDetect: true\r\n})\r\n// Uses OS preference (dark/light mode)\r\n```\r\n\r\n### Disable Persistence\r\n\r\n```javascript\r\n.use(BWTheming.ThemingPlugin, {\r\n  theme: 'dark',\r\n  persist: false\r\n})\r\n// Theme resets on page reload\r\n```\r\n\r\n### Custom Storage Key\r\n\r\n```javascript\r\n.use(BWTheming.ThemingPlugin, {\r\n  theme: 'dark',\r\n  storageKey: 'my-app-theme'\r\n})\r\n```\r\n\r\n### Custom Colors\r\n\r\n```javascript\r\n.use(BWTheming.ThemingPlugin, {\r\n  theme: 'light',\r\n  customVars: {\r\n    '--bw-picker-bg': '#faf5ff',\r\n    '--bw-day-selected-bg': '#8b5cf6',\r\n    '--bw-day-today-border': '#8b5cf6',\r\n  }\r\n})\r\n```\r\n\r\n## ðŸŽ¨ CSS Variables\r\n\r\n### Picker Container\r\n\r\n| Variable             | Default                       | Description          |\r\n| -------------------- | ----------------------------- | -------------------- |\r\n| `--bw-picker-bg`     | `#ffffff`                     | Picker background    |\r\n| `--bw-picker-border` | `#e0e0e0`                     | Picker border color  |\r\n| `--bw-picker-shadow` | `0 4px 12px rgba(0,0,0,0.15)` | Picker shadow        |\r\n| `--bw-picker-radius` | `8px`                         | Picker border radius |\r\n| `--bw-picker-font`   | `-apple-system, ...`          | Font family          |\r\n\r\n### Text Colors\r\n\r\n| Variable              | Default   | Description    |\r\n| --------------------- | --------- | -------------- |\r\n| `--bw-text-primary`   | `#1a1a1a` | Primary text   |\r\n| `--bw-text-secondary` | `#666666` | Secondary text |\r\n| `--bw-text-disabled`  | `#cccccc` | Disabled text  |\r\n\r\n### Day Cells\r\n\r\n| Variable                 | Default   | Description             |\r\n| ------------------------ | --------- | ----------------------- |\r\n| `--bw-day-size`          | `36px`    | Day cell size           |\r\n| `--bw-day-radius`        | `50%`     | Day cell border radius  |\r\n| `--bw-day-hover-bg`      | `#f5f5f5` | Day hover background    |\r\n| `--bw-day-selected-bg`   | `#1a1a1a` | Selected day background |\r\n| `--bw-day-selected-text` | `#ffffff` | Selected day text       |\r\n| `--bw-day-today-border`  | `#1a1a1a` | Today border color      |\r\n\r\n### Buttons\r\n\r\n| Variable            | Default    | Description             |\r\n| ------------------- | ---------- | ----------------------- |\r\n| `--bw-btn-padding`  | `8px 16px` | Button padding          |\r\n| `--bw-btn-radius`   | `4px`      | Button border radius    |\r\n| `--bw-btn-hover-bg` | `#f0f0f0`  | Button hover background |\r\n\r\n## ðŸ”„ Runtime Theme Switching\r\n\r\n```javascript\r\nconst picker = new BWDatePicker('#date-input').use(BWTheming.ThemingPlugin, {\r\n  theme: 'light',\r\n});\r\n\r\n// Get theming plugin instance\r\nconst theming = picker.getPlugin('theming');\r\n\r\n// Switch to dark\r\ntheming.setTheme('dark');\r\n\r\n// Switch to light\r\ntheming.setTheme('light');\r\n\r\n// Toggle theme\r\ntheming.toggle();\r\n\r\n// Get current theme\r\nconst current = theming.getTheme(); // 'dark' or 'light'\r\n\r\n// Check if dark\r\nconst isDark = theming.isDark(); // true or false\r\n```\r\n\r\n## ðŸ–¥ï¸ System Theme Detection\r\n\r\nWhen `autoDetect: true`, the plugin uses OS theme and listens for changes:\r\n\r\n```javascript\r\n.use(BWTheming.ThemingPlugin, {\r\n  autoDetect: true\r\n})\r\n// Automatically switches when user changes OS dark/light mode\r\n```\r\n\r\n## ðŸŽ¨ Full Custom Theme Example\r\n\r\n```javascript\r\n.use(BWTheming.ThemingPlugin, {\r\n  theme: 'light',\r\n  customVars: {\r\n    // Purple theme\r\n    '--bw-day-selected-bg': '#8b5cf6',\r\n    '--bw-day-today-border': '#8b5cf6',\r\n\r\n    // Custom background\r\n    '--bw-picker-bg': '#faf5ff',\r\n    '--bw-day-hover-bg': '#ede9fe',\r\n\r\n    // Rounded corners\r\n    '--bw-picker-radius': '12px',\r\n    '--bw-day-radius': '8px',\r\n  }\r\n})\r\n```\r\n\r\n## ðŸ”Œ Combining with Other Plugins\r\n\r\n```javascript\r\nimport { BWDatePicker } from '@bw-ui/datepicker';\r\nimport { ThemingPlugin } from '@bw-ui/datepicker-theming';\r\nimport { AccessibilityPlugin } from '@bw-ui/datepicker-accessibility';\r\n\r\nconst picker = new BWDatePicker('#date-input')\r\n  .use(ThemingPlugin, { theme: 'dark' })\r\n  .use(AccessibilityPlugin);\r\n```\r\n\r\n## ðŸ“ What's Included\r\n\r\n```\r\ndist/\r\nâ”œâ”€â”€ bw-theming.min.js      # IIFE build (for <script>)\r\nâ”œâ”€â”€ bw-theming.esm.min.js  # ESM build (for import)\r\nâ””â”€â”€ bw-theming.min.css     # Theme styles\r\n```\r\n\r\n## ðŸ”— Related Packages\r\n\r\n| Package                                                                                          | Description      |\r\n| ------------------------------------------------------------------------------------------------ | ---------------- |\r\n| [@bw-ui/datepicker](https://www.npmjs.com/package/@bw-ui/datepicker)                             | Core (required)  |\r\n| [@bw-ui/datepicker-accessibility](https://www.npmjs.com/package/@bw-ui/datepicker-accessibility) | Keyboard nav     |\r\n| [@bw-ui/datepicker-positioning](https://www.npmjs.com/package/@bw-ui/datepicker-positioning)     | Auto-positioning |\r\n| [@bw-ui/datepicker-mobile](https://www.npmjs.com/package/@bw-ui/datepicker-mobile)               | Touch support    |\r\n| [@bw-ui/datepicker-input-handler](https://www.npmjs.com/package/@bw-ui/datepicker-input-handler) | Input masking    |\r\n| [@bw-ui/datepicker-date-utils](https://www.npmjs.com/package/@bw-ui/datepicker-date-utils)       | Date utilities   |\r\n\r\n## ðŸ“„ License\r\n\r\nMIT Â© [BW UI](https://github.com/bw-ui)\r\n\r\n## ðŸ› Issues\r\n\r\nFound a bug? [Report it here](https://github.com/bw-ui/bw-datepicker/issues)\r\n","readmeFilename":"README.md"}