{"_id":"@bolttech/ob-molecules-date-input","_rev":"7-375a335dc67d2e5ffd60b590befca374","name":"@bolttech/ob-molecules-date-input","dist-tags":{"latest":"1.0.6"},"versions":{"1.0.0":{"name":"@bolttech/ob-molecules-date-input","version":"1.0.0","_id":"@bolttech/ob-molecules-date-input@1.0.0","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"dcbeab80d113bf0a555ea78531932e829219e17f","tarball":"https://registry.npmjs.org/@bolttech/ob-molecules-date-input/-/ob-molecules-date-input-1.0.0.tgz","fileCount":9,"integrity":"sha512-OUIWHTfboFKz9kUfBxbFVIvP8ksm3Z8eHmxAfjQ1qvZfegLrEZ9qu0MLK9Lm7eLQdq7NXuwy4uJX85EcblDlhQ==","signatures":[{"sig":"MEYCIQDQ2nzeX7c3TcCgdgBlq+E1WBg8TAG4fkSTbl97DE7wtAIhAMRzqSnu80xHWzn3xPRLmPvINoAEWGZ1anOVmyvrwktM","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":117531},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"58454aa848bd37b511f5ea0a1c0061196161872a","_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"_npmVersion":"11.10.1","description":"```bash npx nx g @nx/react:lib ${lib_name} ```","directories":{},"_nodeVersion":"22.17.1","dependencies":{"@bolttech/ui-utils":"0.6.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-molecules-date-input_1.0.0_1778516353349_0.4375427719956597","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bolttech/ob-molecules-date-input","version":"1.0.1","_id":"@bolttech/ob-molecules-date-input@1.0.1","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"4e024fd94a85d2b163f457ba331424acb92c6980","tarball":"https://registry.npmjs.org/@bolttech/ob-molecules-date-input/-/ob-molecules-date-input-1.0.1.tgz","fileCount":5,"integrity":"sha512-IfY0vCRYd2tbRr/LgYJM6nCYQDqw6kxlIedFheQKRXaRuXWPXFfxo84eysglWuCO2Cz2GKjTNU6uUXvBc/erMA==","signatures":[{"sig":"MEYCIQC+aeLuIu86ZF7+qflz+wfmB7LBS53AKIUKfxMUs0b+7QIhALSYcUl0UoP/Ku/EZRiUZpQMw7fuqXQf5n9MYc9xPBMm","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":124151},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"5da58fe74a4f53e2f205a463a73d1015805642bd","_npmUser":{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},"_npmVersion":"10.9.2","description":"## Create a new Library (Local Only):","directories":{},"_nodeVersion":"22.13.1","dependencies":{"@bolttech/ui-utils":"0.6.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-molecules-date-input_1.0.1_1779806234669_0.8962067212264961","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bolttech/ob-molecules-date-input","version":"1.0.2","_id":"@bolttech/ob-molecules-date-input@1.0.2","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"17b9d74ee7c8a6bed9d290614e4ce7fea855c17e","tarball":"https://registry.npmjs.org/@bolttech/ob-molecules-date-input/-/ob-molecules-date-input-1.0.2.tgz","fileCount":5,"integrity":"sha512-HzF7xOUOPVCJIEsgcJi45fVh6V0baF9svPHd4evvz+47JajXkBQ65eoqtEGXywX7LmCWsqTLfKoj4vYCbPyyLQ==","signatures":[{"sig":"MEYCIQDI3cPBO8yvxIiETfNQx4y3mJWAtNySfSXK8lOn/0xpVAIhAPfS/dFEyhzHGJj4SFi2vsg8lyYTLzxGyr9iCzYQHere","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":122719},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"7fd0d350f2c2f002ca6e2fa181bc691463425160","_npmUser":{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"},"_npmVersion":"10.9.4","description":"```bash npx nx g @nx/react:lib ${lib_name} ```","directories":{},"_nodeVersion":"22.22.0","dependencies":{"react":"19.1.2","react-dom":"19.1.2","classnames":"^2.5.1","@bolttech/ui-utils":"0.6.7","@bolttech/ob-atoms-icon":"1.0.1","@bolttech/ob-molecules-calendar":"1.0.3"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-molecules-date-input_1.0.2_1780927635687_0.5334559296265211","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@bolttech/ob-molecules-date-input","version":"1.0.3","_id":"@bolttech/ob-molecules-date-input@1.0.3","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"8ab314c664b45b8dc3ef09f930992e42e03b2f44","tarball":"https://registry.npmjs.org/@bolttech/ob-molecules-date-input/-/ob-molecules-date-input-1.0.3.tgz","fileCount":5,"integrity":"sha512-bdjsHG5nXv9kKrHGKhLQYGFJe7HGLulkp48GEzpqF+wYkyp+Unzg2Ku8IAPm+jjk2p8ZBdWkfKHMZjeGTpZWIw==","signatures":[{"sig":"MEQCIFn2bOXGkKPwOppDG+xr84dv4VUERp/ltFEWH2VcBwtVAiB/f9Ul8c6zUPnRLwmt/PEK1KZEzUNBG7RVu5k98xwQ1Q==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":122719},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"5edcc6f6285a7ef3c12b21be7c4211c7c4d805a6","_npmUser":{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"},"_npmVersion":"10.9.4","description":"```bash npx nx g @nx/react:lib ${lib_name} ```","directories":{},"_nodeVersion":"22.22.0","dependencies":{"react":"19.1.2","react-dom":"19.1.2","classnames":"^2.5.1","@bolttech/ui-utils":"0.6.7","@bolttech/ob-atoms-icon":"1.0.1","@bolttech/ob-molecules-calendar":"1.0.4"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-molecules-date-input_1.0.3_1781609559153_0.3961152781625983","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@bolttech/ob-molecules-date-input","version":"1.0.4","_id":"@bolttech/ob-molecules-date-input@1.0.4","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"4df1b8d85ef673e0625134cf6ec3a8d793e321eb","tarball":"https://registry.npmjs.org/@bolttech/ob-molecules-date-input/-/ob-molecules-date-input-1.0.4.tgz","fileCount":9,"integrity":"sha512-jizzVWJBiDqvQyMQRO6LR83BgUyOgmJhZo+TLfE65RMuCccYW88Hx+KNVvcCqAZhMwQMMQ6iO1U7wH6XX+lHVA==","signatures":[{"sig":"MEQCIHEMLotWOBOeTrIz4zc0MsZFjfJo2B8+qj6udMZu8PYuAiAaVoQ+DFff727VbzsQ35HPBx++acleocnQUDb4agsOhQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":133393},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"9d667c33a8e6a2c975e0416e8a7f78e7ee7c1ee5","_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"_npmVersion":"10.9.8","description":"```bash npx nx g @nx/react:lib ${lib_name} ```","directories":{},"_nodeVersion":"22.17.1","dependencies":{"react":"19.1.2","react-dom":"19.1.2","classnames":"^2.5.1","@bolttech/ui-utils":"0.6.7","@bolttech/ob-atoms-icon":"1.0.1","@bolttech/ob-molecules-calendar":"1.0.4"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-molecules-date-input_1.0.4_1788779666132_0.6460425978922093","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@bolttech/ob-molecules-date-input","version":"1.0.5","_id":"@bolttech/ob-molecules-date-input@1.0.5","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"e9679b29e87e6893538c96e7c5457db3f2a57f64","tarball":"https://registry.npmjs.org/@bolttech/ob-molecules-date-input/-/ob-molecules-date-input-1.0.5.tgz","fileCount":8,"integrity":"sha512-IAME/IiNYOkpSy7hOSCSZTB935gAYVzsIWI3hZJVBcHewP7S3LCXJ2gYzGs7dQg3YmehpQa48o8F0z4LMUWHHA==","signatures":[{"sig":"MEYCIQCVJXHyUpONL6E6ZYJl2tNx+s44MmY9DdATh43mVOie1gIhAMflNFqx0w2e/ZcI3LHYa8+unAGUOQL0LIczkGxq35os","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":140105},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"678fc7392ebdffaaec52857a6b5e25f448c6b56e","_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"_npmVersion":"10.9.8","description":"A split date input molecule with optional calendar (datepicker). It renders three numeric fields (`DD`, `MM`, `YYYY`) and **emits a single controlled value** in the `YYYY-MM-DD` format.","directories":{},"_nodeVersion":"22.17.1","dependencies":{"react":"19.1.2","react-dom":"19.1.2","classnames":"^2.5.1","@bolttech/ui-utils":"0.6.7","@bolttech/ob-atoms-icon":"1.0.1","@bolttech/ob-molecules-calendar":"1.0.4"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-molecules-date-input_1.0.5_1788796879106_0.7787541931255928","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"_id":"@bolttech/ob-molecules-date-input@1.0.6","dist":{"shasum":"2b57b86d41d3ed535aabbf76f0474362a733d0c7","tarball":"https://registry.npmjs.org/@bolttech/ob-molecules-date-input/-/ob-molecules-date-input-1.0.6.tgz","fileCount":4,"integrity":"sha512-EOu8CSvHl7vIvhBZNAWClTfwFfROOFQTwIOfmxmLCP586SsDjvVqVWgF4JOvGeDBpLT4yvycvqrzacYl6ghGaw==","signatures":[{"sig":"MEUCIQD0lHUXCY3zEcMy9iJjwhR+Qay76LgR1FlXOYbZPjKLzgIgdVrDt6hFOnXOSiFJqpfXr8aBjMwzxrCCplzmIoUjdo4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIDBL5U+KoLWBMpDzivAcSaeO/qvR+IRypKbyC3W7gXkUAiBFLIiGYO46Jp0SHrSA3vDtB1ws31H1Z6QoWrBSB6urKg=="}],"unpackedSize":137563},"main":"./index.cjs.js","name":"@bolttech/ob-molecules-date-input","type":"commonjs","types":"./index.d.ts","gitHead":"1cd4c83412db6fbcefee13a89af290f32f19a74a","version":"1.0.6","_npmUser":{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},"_npmVersion":"10.9.4","description":"A split date input molecule with optional calendar (datepicker). It renders three numeric fields (`DD`, `MM`, `YYYY`) and **emits a single controlled value** in the `YYYY-MM-DD` format.","directories":{},"maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"_nodeVersion":"22.22.0","dependencies":{"react":"19.1.2","react-dom":"19.1.2","classnames":"^2.5.1","@bolttech/ui-utils":"0.6.7","@bolttech/ob-atoms-icon":"1.0.1","@bolttech/ob-molecules-calendar":"1.0.4"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ob-molecules-date-input_1.0.6_1789557836875_0.9421834329439822"}}},"time":{"created":"2026-05-11T16:19:13.281Z","modified":"2026-09-16T11:23:57.141Z","1.0.0":"2026-05-11T16:19:13.783Z","1.0.1":"2026-05-26T14:37:14.828Z","1.0.2":"2026-06-08T14:07:15.856Z","1.0.3":"2026-06-16T11:32:39.293Z","1.0.4":"2026-09-07T11:14:26.262Z","1.0.5":"2026-09-07T16:01:19.247Z","1.0.6":"2026-09-16T11:23:56.955Z"},"description":"A split date input molecule with optional calendar (datepicker). It renders three numeric fields (`DD`, `MM`, `YYYY`) and **emits a single controlled value** in the `YYYY-MM-DD` format.","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"readme":"# DateInput Component (ob)\n\nA split date input molecule with optional calendar (datepicker). It renders three numeric fields (`DD`, `MM`, `YYYY`) and **emits a single controlled value** in the `YYYY-MM-DD` format.\n\nThis is the Tailwind CSS / CSS variables version of the component, migrated from `@bolttech/atoms-date-input` (styled-components) to the `ob/` architecture.\n\n> Important: `onChange` will emit an **empty string** (`''`) while the date is incomplete (missing day, month, or year). Once all parts are filled, it emits `YYYY-MM-DD`.\n\n## Installation\n\n```bash\nnpm install @bolttech/molecules-date-input/ob\n```\n\nor\n\n```bash\nyarn add @bolttech/molecules-date-input/ob\n```\n\n### Peer dependencies\n\n- `@bolttech/ui-utils`\n- `@bolttech/atoms-icon`\n- `@bolttech/molecules-calendar`\n- `classnames`\n\n## Props\n\n| Prop | Type | Default | Description |\n| ------------------ | --------------------------------------------- | -------------------------------- | ------------------------------------------------------------------------------------ |\n| id | `string` | `'date-of-birth-input-id'` | The `id` prefix used to generate internal element ids. |\n| dataTestId | `string` | `'date-of-birth-input-test-id'` | The `data-testid` prefix for testing. |\n| variant | `'grey' \\| 'border'` | `'grey'` | Visual variant of the component. |\n| label | `string` | — | A label to describe the input. |\n| required | `boolean` | — | Whether the inputs are required. |\n| disabled | `boolean` | — | Whether the component is disabled (also prevents opening the datepicker). |\n| value | `string` | — | The controlled value of the date in `YYYY-MM-DD` format. |\n| min | `Date \\| string` | — | Minimum date (passed to Calendar). |\n| max | `Date \\| string` | — | Maximum date (passed to Calendar). |\n| locale | `string` | — | Locale (passed to Calendar). |\n| calendarYearOrder | `'asc' \\| 'desc'` | `'desc'` | Year order in the calendar dropdown. |\n| icon | `string` | — | Icon name for the calendar button. |\n| cancel | `string` | — | Cancel button label (passed to Calendar). |\n| confirm | `string` | — | Confirm button label (passed to Calendar). |\n| showDatepicker | `boolean` | — | Shows the calendar icon and enables the datepicker. |\n| errorMessage | `string` | — | An error message — triggers error state when set. |\n| onChange | `(evt: { target: { value: string } }) => void`| — | Called on changes. Emits `YYYY-MM-DD` or `''` when incomplete. |\n| onBlur | `(value: string) => void` | — | Called on blur with a `YYYY-MM-DD` string. |\n\n## Usage\n\n```tsx\nimport React, { useState } from 'react';\nimport { DateInput } from '@bolttech/molecules-date-input/ob';\n\nconst ExampleComponent = () => {\n const [dateValue, setDateValue] = useState('');\n\n return (\n setDateValue(e.target.value)}\n onBlur={(value) => console.log('blur:', value)}\n showDatepicker\n required\n />\n );\n};\n\nexport default ExampleComponent;\n```\n\n## Variants\n\n### Grey (default)\nFilled background with no visible border in the default state. Border appears on focus and error states.\n\n### Border\nWhite background with a subtle border in all states.\n\n## Differences from the styled-components version\n\n- Uses Tailwind CSS with `@reference` and CSS variables (`--input-*` tokens) instead of `styled-components` and `theme.components.input`.\n- Uses `classnames` for conditional class application instead of transient props (`$variant`, `$hasError`).\n- Interface defined in `date-input.interface.ts` instead of extending `InputProps` from `@bolttech/atoms-input`.\n- No dependency on `styled-components` or `BolttechThemeProvider`.\n\n## Contributing\n\nContributions are welcome! For any bug fixes, improvements, or new features, please open an issue or submit a pull request.\n\nPlease make sure to follow the code standards and test your changes before submitting.\n","readmeFilename":"README.md"}