{"_id":"@zenithui/time-picker","_rev":"6-f3e35a3c606f7fd68f3ae0f486630555","name":"@zenithui/time-picker","dist-tags":{"latest":"1.2.2"},"versions":{"0.0.0":{"name":"@zenithui/time-picker","version":"0.0.0","keywords":["react","components","ui","zenithui","accessible","design-system","styled-components","styled-system","typescript","time","time-picker","count-down"],"author":{"url":"https://github.com/ChanduBobbili","name":"Chandu Bobbili","email":"chandubobbili12@gmail.com"},"license":"MIT","_id":"@zenithui/time-picker@0.0.0","maintainers":[{"name":"chandu.bobbili_","email":"chandubobbili12@gmail.com"}],"homepage":"https://zenithui-docs.vercel.app/","bugs":{"url":"https://github.com/ChanduBobbili/ZenithUi/issues"},"dist":{"shasum":"b065d12ff88bdabc4f8bd2d5c1051155db56067c","tarball":"https://registry.npmjs.org/@zenithui/time-picker/-/time-picker-0.0.0.tgz","fileCount":22,"integrity":"sha512-XtkkpEBJQEeZWYXJvRX7G9hFDBJTYo+zbcWMzOVYfDxCaDnPDvqMJZ1b4FT3Wg1zLT+gdaH18HblQWqzgjnHQA==","signatures":[{"sig":"MEUCICgJpeFh+cuFrdNJCTFNy1jiIMRwuV9W8fRa2yrKU3lmAiEA1z8dSid0cfd2As+BFyqHTMZjDM0pxwIkc77hgqV22hM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":45522},"main":"./dist/index.js","type":"module","types":"./dist/src/index.d.ts","module":"./dist/index.js","engines":{"node":">=20","pnpm":">=9"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"gitHead":"bf9a3222fabea89cee5ead6d9e62f0e3f683e311","private":false,"scripts":{"dev":"rslib build --watch","build":"rslib build","check":"biome check --write","format":"biome format --write","prepack":"node update-deps.js","storybook":"storybook dev","postpublish":"node reset-deps.js","prepublishOnly":"npm pack && npm run build","build:storybook":"storybook build"},"_npmUser":{"name":"chandu.bobbili_","email":"chandubobbili12@gmail.com"},"repository":{"url":"git+https://github.com/ChanduBobbili/ZenithUi.git#main","type":"git"},"_npmVersion":"11.1.0","description":"A ZenithUi Time Picker is React component enables users to select a time from a predefined list of options.","directories":{},"_nodeVersion":"20.17.0","dependencies":{"@zenithui/utils":"0.0.6","@radix-ui/react-popover":"^1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"packageManager":"pnpm@9.5.0","devDependencies":{"react":"^19.0.0","storybook":"^8.6.7","typescript":"^5.8.2","@rslib/core":"^0.5.5","@types/react":"^19.0.12","@rsbuild/core":"~1.2.19","@biomejs/biome":"^1.9.4","@storybook/test":"^8.6.7","@storybook/react":"^8.6.7","@storybook/blocks":"^8.6.7","rsbuild-plugin-dts":"^0.5.5","@rsbuild/plugin-react":"^1.1.1","storybook-addon-rslib":"^1.0.0","@storybook/addon-links":"^8.6.7","storybook-react-rsbuild":"^1.0.0","@storybook/addon-essentials":"^8.6.7","@storybook/addon-onboarding":"^8.6.7","@storybook/addon-interactions":"^8.6.7"},"peerDependencies":{"react":">=16.9.0","react-dom":">=16.9.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/time-picker_0.0.0_1742878291155_0.28669620786692374","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"@zenithui/time-picker","version":"1.0.0","keywords":["react","components","ui","zenithui","accessible","design-system","styled-components","styled-system","typescript","time","time-picker","count-down"],"author":{"url":"https://github.com/ChanduBobbili","name":"Chandu Bobbili","email":"chandubobbili12@gmail.com"},"license":"MIT","_id":"@zenithui/time-picker@1.0.0","maintainers":[{"name":"chandu.bobbili_","email":"chandubobbili12@gmail.com"}],"homepage":"https://zenithui-docs.vercel.app/","bugs":{"url":"https://github.com/ChanduBobbili/ZenithUi/issues"},"dist":{"shasum":"471a715743fc911913e490b993fea0208d418917","tarball":"https://registry.npmjs.org/@zenithui/time-picker/-/time-picker-1.0.0.tgz","fileCount":22,"integrity":"sha512-uXLnm20nC4xx21mmXXq6QaMvpr2Yiprv557Nepq42G5evynZhrIPuiPi4Awvb4tWnPJcO18tRwMquDB1jPSVVQ==","signatures":[{"sig":"MEUCIQCGtJ4Kgu6vllgMAVYgMalWDLp1RT7KDqGGK2typThrRAIgVEmxwgcF30Kk/7+C/cgW7uB8oZfQJPFjBTb9Av9jZuU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":40882},"main":"./dist/index.js","type":"module","_from":"file:zenithui-time-picker-1.0.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=20","pnpm":">=9"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"private":false,"scripts":{"dev":"rslib build --watch","build":"rslib build","check":"biome check --write","format":"biome format --write","storybook":"storybook dev","build:storybook":"storybook build"},"_npmUser":{"name":"chandu.bobbili_","email":"chandubobbili12@gmail.com"},"_resolved":"/tmp/f95096dd4b9edc4f2013cd55859bd4de/zenithui-time-picker-1.0.0.tgz","_integrity":"sha512-uXLnm20nC4xx21mmXXq6QaMvpr2Yiprv557Nepq42G5evynZhrIPuiPi4Awvb4tWnPJcO18tRwMquDB1jPSVVQ==","repository":{"url":"git+https://github.com/ChanduBobbili/ZenithUi.git#main","type":"git"},"_npmVersion":"11.1.0","description":"A ZenithUi Time Picker is React component enables users to select a time from a predefined list of options.","directories":{},"_nodeVersion":"20.17.0","dependencies":{"@zenithui/utils":"\"0.1.0\"","@radix-ui/react-popover":"^1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"storybook":"^8.6.7","@rslib/core":"^0.5.5","@rsbuild/core":"~1.2.19","@biomejs/biome":"^1.9.4","@storybook/test":"^8.6.7","@storybook/react":"^8.6.7","@storybook/blocks":"^8.6.7","rsbuild-plugin-dts":"^0.5.5","@rsbuild/plugin-react":"^1.1.1","storybook-addon-rslib":"^1.0.0","@storybook/addon-links":"^8.6.7","storybook-react-rsbuild":"^1.0.0","@storybook/addon-essentials":"^8.6.7","@storybook/addon-onboarding":"^8.6.7","@rsbuild/plugin-css-minimizer":"^1.0.2","@storybook/addon-interactions":"^8.6.7"},"peerDependencies":{"react":">=16.9.0","react-dom":">=16.9.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/time-picker_1.0.0_1742915512901_0.9477864581247","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@zenithui/time-picker","version":"1.0.1","keywords":["react","components","ui","zenithui","accessible","design-system","styled-components","styled-system","typescript","time","time-picker","count-down"],"author":{"url":"https://github.com/ChanduBobbili","name":"Chandu Bobbili","email":"chandubobbili12@gmail.com"},"license":"MIT","_id":"@zenithui/time-picker@1.0.1","maintainers":[{"name":"chandu.bobbili_","email":"chandubobbili12@gmail.com"}],"homepage":"https://zenithui-docs.vercel.app/","bugs":{"url":"https://github.com/ChanduBobbili/ZenithUi/issues"},"dist":{"shasum":"29e9da6cde18ba11ed4e5d3de02c79f787ef1676","tarball":"https://registry.npmjs.org/@zenithui/time-picker/-/time-picker-1.0.1.tgz","fileCount":22,"integrity":"sha512-eoLGFYxTIr/Y7R2xPI2VP7/I+dqZWDfdnKk6Gg/D+HYOWYfp8r0fUxnT9d1s1iGuCbH+UMjoo5bkqMlROsZJZg==","signatures":[{"sig":"MEUCICMd62Hr9D6xVl80T9NO0Gy9w8u68WHlLxx5CPypd4IrAiEArKhnN25LSJWRuV6iUTNFnOR5MeOgvoxcfoE3fNOR/uw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":41057},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=20","pnpm":">=9"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"gitHead":"9c25d598f6c415953b76a713464c663281ca4c7a","private":false,"scripts":{"dev":"rslib build --watch","build":"rslib build","check":"biome check --write","format":"biome format --write","prepack":"node update-deps.js","storybook":"storybook dev","postpublish":"node reset-deps.js","prepublishOnly":"npm pack && npm install && npm run build","build:storybook":"storybook build"},"_npmUser":{"name":"chandu.bobbili_","email":"chandubobbili12@gmail.com"},"repository":{"url":"git+https://github.com/ChanduBobbili/ZenithUi.git#main","type":"git"},"_npmVersion":"11.1.0","description":"A ZenithUi Time Picker is React component enables users to select a time from a predefined list of options.","directories":{},"_nodeVersion":"20.17.0","dependencies":{"@zenithui/utils":"0.1.0","@radix-ui/react-popover":"^1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"packageManager":"pnpm@9.5.0","devDependencies":{"storybook":"^8.6.7","@rslib/core":"^0.5.5","@rsbuild/core":"~1.2.19","@biomejs/biome":"^1.9.4","@storybook/test":"^8.6.7","@storybook/react":"^8.6.7","@storybook/blocks":"^8.6.7","rsbuild-plugin-dts":"^0.5.5","@rsbuild/plugin-react":"^1.1.1","storybook-addon-rslib":"^1.0.0","@storybook/addon-links":"^8.6.7","storybook-react-rsbuild":"^1.0.0","@storybook/addon-essentials":"^8.6.7","@storybook/addon-onboarding":"^8.6.7","@rsbuild/plugin-css-minimizer":"^1.0.2","@storybook/addon-interactions":"^8.6.7"},"peerDependencies":{"react":">=16.9.0","react-dom":">=16.9.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/time-picker_1.0.1_1742916775497_0.564080800022208","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@zenithui/time-picker","version":"1.1.0","keywords":["react","components","ui","zenithui","accessible","design-system","styled-components","styled-system","typescript","time","time-picker","count-down"],"author":{"url":"https://github.com/ChanduBobbili","name":"Chandu Bobbili","email":"chandubobbili12@gmail.com"},"license":"MIT","_id":"@zenithui/time-picker@1.1.0","maintainers":[{"name":"chandu.bobbili_","email":"chandubobbili12@gmail.com"}],"homepage":"https://zenithui-docs.vercel.app/","bugs":{"url":"https://github.com/ChanduBobbili/ZenithUi/issues"},"dist":{"shasum":"dc94391e04cb2b95da7d7f5a7f5bf25feab96871","tarball":"https://registry.npmjs.org/@zenithui/time-picker/-/time-picker-1.1.0.tgz","fileCount":24,"integrity":"sha512-P3qbtDQRAW+jBW4BgPLsDwulXqbG4Q91tUoWn4o2Chwl++S3ZZxbcDNC6/AEknbLHYrF71xfoyemYvMYtM2HqA==","signatures":[{"sig":"MEUCIQCg7V5PQgzo/Ko6+mekFZpDpNeFY/aU61o7IYaWreR4jgIgfwiBsn5VPAhoRlKHpdRaRb2qFdVmlcD3jai8h8mKEwE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":45410},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=20","pnpm":">=9"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"gitHead":"cc60641134359bd75447a8ca491c8df0c8ad08a7","private":false,"scripts":{"dev":"rslib build --watch","build":"rslib build","check":"biome check --write","format":"biome format --write","prepack":"node update-deps.js","storybook":"storybook dev","postpublish":"node reset-deps.js","prepublishOnly":"npm pack && pnpm install --no-frozen-lockfile && npm run build","build:storybook":"storybook build"},"_npmUser":{"name":"chandu.bobbili_","email":"chandubobbili12@gmail.com"},"repository":{"url":"git+https://github.com/ChanduBobbili/ZenithUi.git#main","type":"git"},"_npmVersion":"10.9.2","description":"A ZenithUi Time Picker is React component enables users to select a time from a predefined list of options.","directories":{},"_nodeVersion":"22.14.0","dependencies":{"@zenithui/utils":"0.1.0","@radix-ui/react-popover":"^1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"packageManager":"pnpm@9.5.0","devDependencies":{"storybook":"^8.6.7","@rslib/core":"^0.5.5","tailwindcss":"^4.0.17","@rsbuild/core":"~1.2.19","@biomejs/biome":"^1.9.4","@storybook/test":"^8.6.7","@storybook/react":"^8.6.7","@storybook/blocks":"^8.6.7","rsbuild-plugin-dts":"^0.5.5","@tailwindcss/postcss":"^4.0.7","@rsbuild/plugin-react":"^1.1.1","storybook-addon-rslib":"^1.0.0","@storybook/addon-links":"^8.6.7","storybook-react-rsbuild":"^1.0.0","@storybook/addon-essentials":"^8.6.7","@storybook/addon-onboarding":"^8.6.7","@rsbuild/plugin-css-minimizer":"^1.0.2","@storybook/addon-interactions":"^8.6.7"},"peerDependencies":{"react":">=16.9.0","react-dom":">=16.9.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/time-picker_1.1.0_1743074283152_0.48614509007802353","host":"s3://npm-registry-packages-npm-production"}},"1.2.0":{"name":"@zenithui/time-picker","version":"1.2.0","keywords":["react","components","ui","zenithui","accessible","design-system","styled-components","styled-system","typescript","time","time-picker","count-down"],"author":{"url":"https://github.com/ChanduBobbili","name":"Chandu Bobbili","email":"chandubobbili12@gmail.com"},"license":"MIT","_id":"@zenithui/time-picker@1.2.0","maintainers":[{"name":"chandu.bobbili_","email":"chandubobbili12@gmail.com"}],"homepage":"https://zenithui-docs.vercel.app/","bugs":{"url":"https://github.com/ChanduBobbili/ZenithUi/issues"},"dist":{"shasum":"5188f227a25256b6c188245a7535e1d0de088776","tarball":"https://registry.npmjs.org/@zenithui/time-picker/-/time-picker-1.2.0.tgz","fileCount":24,"integrity":"sha512-nPUVIAKN1Qbhj7kB4rrL3guXpS7HARfM3DMCLmRihY4apiseWMmdA5gIpXxnrMEOEOglTJzfzuidcYhNAhFiZw==","signatures":[{"sig":"MEQCIE0OGDR9Vu0PkKXaWt0Id33L02X9e3B6FpVH3IyyVmPnAiACvpFHkzpZM7NhEwHWMfUa5zRkUwHEls4QHQrrlTqxcQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":46053},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"npm":">=9","node":">=20"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"gitHead":"788efbf63d0976f80e50789043f644c666555343","private":false,"scripts":{"dev":"rslib build --watch","build":"rslib build","check":"biome check --write","format":"biome format --write","prepack":"node update-deps.js","storybook":"storybook dev","postpublish":"node reset-deps.js","prepublishOnly":"npm pack && pnpm install --no-frozen-lockfile && npm run build","build:storybook":"storybook build"},"_npmUser":{"name":"chandu.bobbili_","email":"chandubobbili12@gmail.com"},"repository":{"url":"git+https://github.com/ChanduBobbili/ZenithUi.git#main","type":"git"},"_npmVersion":"10.9.3","description":"A ZenithUi Time Picker is React component enables users to select a time from a predefined list of options.","directories":{},"_nodeVersion":"22.18.0","dependencies":{"@zenithui/utils":"0.2.4","@radix-ui/react-popover":"^1.1.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"packageManager":"pnpm@9.5.0","devDependencies":{"storybook":"^8.6.7","@rslib/core":"^0.5.5","tailwindcss":"^4.0.17","@rsbuild/core":"~1.2.19","@biomejs/biome":"^1.9.4","@storybook/test":"^8.6.7","@storybook/react":"^8.6.7","@storybook/blocks":"^8.6.7","rsbuild-plugin-dts":"^0.5.5","@tailwindcss/postcss":"^4.0.7","@rsbuild/plugin-react":"^1.1.1","storybook-addon-rslib":"^1.0.0","@storybook/addon-links":"^8.6.7","storybook-react-rsbuild":"^1.0.0","@storybook/addon-essentials":"^8.6.7","@storybook/addon-onboarding":"^8.6.7","@rsbuild/plugin-css-minimizer":"^1.0.2","@storybook/addon-interactions":"^8.6.7"},"peerDependencies":{"react":">=16.9.0","react-dom":">=16.9.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/time-picker_1.2.0_1756574215310_0.31736910964248133","host":"s3://npm-registry-packages-npm-production"}},"1.2.2":{"name":"@zenithui/time-picker","version":"1.2.2","private":false,"description":"A ZenithUi Time Picker is React component enables users to select a time from a predefined list of options.","publishConfig":{"access":"public"},"type":"module","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"module":"./dist/index.js","main":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"prepack":"node update-deps.js","postpublish":"node reset-deps.js","prepublishOnly":"pnpm build","build":"rslib build","check":"biome check --write","dev":"rslib build --watch","format":"biome format --write"},"dependencies":{"@radix-ui/react-popover":"^1.1.15","@zenithui/utils":"0.3.0"},"devDependencies":{"@biomejs/biome":"^2.4.4","@rsbuild/core":"~1.7.3","@rsbuild/plugin-css-minimizer":"^1.1.1","@rsbuild/plugin-react":"^1.4.5","@rslib/core":"^0.19.6","@tailwindcss/postcss":"^4.2.1","rsbuild-plugin-dts":"^0.19.6","tailwindcss":"^4.2.1"},"peerDependencies":{"react":">=16.9.0","react-dom":">=16.9.0"},"peerDependenciesMeta":{"react":{"optional":false},"react-dom":{"optional":false}},"engines":{"npm":">=9","node":">=20"},"keywords":["react","components","ui","zenithui","accessible","design-system","styled-components","styled-system","typescript","time","time-picker","count-down"],"homepage":"https://zenithui-docs.vercel.app/","bugs":{"url":"https://github.com/ChanduBobbili/ZenithUi/issues"},"repository":{"type":"git","url":"git+https://github.com/ChanduBobbili/ZenithUi.git#main"},"license":"MIT","author":{"name":"Chandu Bobbili","email":"chandubobbili12@gmail.com","url":"https://github.com/ChanduBobbili"},"packageManager":"pnpm@9.5.0","gitHead":"925fed8b580834363d4c14c1ca3b1d1707853329","_id":"@zenithui/time-picker@1.2.2","_nodeVersion":"24.13.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-4FgHpC5U6RxdELDEEShzrQHg1cnt1AlJWv7uHNIfNB7osRbr+3gMe4DnbjKc2n6J8a9KZjvFylYlwDt3pLjgdA==","shasum":"61df75f7d36a63700284c791aec74190c959c94c","tarball":"https://registry.npmjs.org/@zenithui/time-picker/-/time-picker-1.2.2.tgz","fileCount":24,"unpackedSize":40689,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQD4dgq1Qlsp9qVVR8Oei6dDKJuokTM1FlItEp9EeWiitQIgXsbgcboi1atl42+VbLrwpHbfow8yXezku4OTtr9pfxM="}]},"_npmUser":{"name":"chandu.bobbili_","email":"chandubobbili12@gmail.com"},"directories":{},"maintainers":[{"name":"chandu.bobbili_","email":"chandubobbili12@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/time-picker_1.2.2_1772015607903_0.25205905853609245"},"_hasShrinkwrap":false}},"time":{"created":"2025-03-25T04:51:31.096Z","modified":"2026-02-25T10:33:28.222Z","0.0.0":"2025-03-25T04:51:31.342Z","1.0.0":"2025-03-25T15:11:53.103Z","1.0.1":"2025-03-25T15:32:55.678Z","1.1.0":"2025-03-27T11:18:03.354Z","1.2.0":"2025-08-30T17:16:55.590Z","1.2.2":"2026-02-25T10:33:28.069Z"},"bugs":{"url":"https://github.com/ChanduBobbili/ZenithUi/issues"},"author":{"name":"Chandu Bobbili","email":"chandubobbili12@gmail.com","url":"https://github.com/ChanduBobbili"},"license":"MIT","homepage":"https://zenithui-docs.vercel.app/","keywords":["react","components","ui","zenithui","accessible","design-system","styled-components","styled-system","typescript","time","time-picker","count-down"],"repository":{"type":"git","url":"git+https://github.com/ChanduBobbili/ZenithUi.git#main"},"description":"A ZenithUi Time Picker is React component enables users to select a time from a predefined list of options.","maintainers":[{"name":"chandu.bobbili_","email":"chandubobbili12@gmail.com"}],"readme":"# 🌈 @zenithui/time-picker\n\nA ZenithUi Time Picker is a React component that provides a smooth and accessible interface for selecting time. Featuring a scrollable design for hours, minutes, and (AM/PM) selection, it supports both 12-hour and 24-hour formats with seamless customization options for a modern user experience.\n\n---\n\n## 📦 Installation\n\nInstall the library using your preferred package manager:\n\n```bash\nnpm install @zenithui/time-picker\n# or\nyarn add @zenithui/time-picker\n# or\npnpm add @zenithui/time-picker\n```\n\n---\n\n## ⏳ TimePicker\n\nOnce installed, you can use the `TimePicker` component in your React application as follows:\n\n```tsx\nimport { TimePicker } from \"@zenithui/time-picker\";\n\nconst App = () => {\n const [selectedTime, setSelectedTime] = useState(\"12:00\");\n\n return (\n \n
Selected Time: {selectedTime}
\n \n \n );\n};\n```\n\n---\n\n## ⏳ CountDownTimer\n\nThe `CountDownTimer` component provides a countdown timer with customization options such as labels, descriptions, and expiry callbacks.\n\n### Basic Countdown\n\n```tsx\nimport CountDownTimer from \"@zenithui/time-picker\";\n\n console.log(\"Timer expired:\", isExpire)}\n/>\n```\n\n### Countdown with Description\n\n```tsx\nimport CountDownTimer from \"@zenithui/time-picker\";\n\n\n```\n\n### Countdown with Labels\n\n```tsx\nimport CountDownTimer from \"@zenithui/time-picker\";\n\n\n```\n\n### Custom Styling\n\n```tsx\nimport CountDownTimer from \"@zenithui/time-picker\";\n\n\n```\n\n---\n\n## 🎨 Styling\n\nZenithUi components are designed to be flexible and styled easily. Combine them with your existing CSS or utility-first frameworks like TailwindCSS for full control over the appearance.\n\n---\n\n## 📦 Other Components\n\n- [@zenithui/toast](https://npmjs.com/package/@zenithui/toast)\n- [@zenithui/day-picker](https://npmjs.com/package/@zenithui/day-picker)\n- [ZenithUi Light Box](https://npmjs.com/package/zenithui-light-box)\n\n---\n\n## 🤝 Contributing\n\nContributions are welcome! Please check out our [contributing guide](https://github.com/ChanduBobbili/ZenithUi/blob/main/CONTRIBUTING.md) for more details.\n\n---\n\n## 🐛 Reporting Issues\n\nFound a bug or have a feature request? [Create an issue](https://github.com/ChanduBobbili/ZenithUi/issues) on GitHub.\n\n---\n\n## 📄 License\n\nZenithUi is licensed under the [MIT License](https://github.com/ChanduBobbili/ZenithUi/blob/main/LICENSE.md).\n\nHappy coding! 🚀\n","readmeFilename":"README.md"}