{"_id":"@academix-admin/scroll-date-picker","_rev":"2-7892f490ce55723b806fb71a8dcb76af","name":"@academix-admin/scroll-date-picker","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@academix-admin/scroll-date-picker","version":"0.1.0","keywords":["react","date-picker","wheel-picker","scroll-picker","datepicker","mobile","ios-picker"],"author":{"name":"Academix"},"license":"MIT","_id":"@academix-admin/scroll-date-picker@0.1.0","maintainers":[{"name":"academix-group","email":"academix.tech4u@gmail.com"}],"homepage":"https://github.com/academix-admin/academix-ui/tree/main/packages/scroll-date-picker#readme","bugs":{"url":"https://github.com/academix-admin/academix-ui/issues"},"dist":{"shasum":"48024e8998a769f4fbf06149c90d14cc2ff5a3f8","tarball":"https://registry.npmjs.org/@academix-admin/scroll-date-picker/-/scroll-date-picker-0.1.0.tgz","fileCount":9,"integrity":"sha512-wOVvSX9ekWxUQY7go4D9ibpC95fsZoYsJXL2GnLFOnMYnKyBuU+4jC3gsi47uMVba0WA6nSfi4DLDzg42oqNIw==","signatures":[{"sig":"MEYCIQDLxCae4EmAsoh2RW0Tj4dXmVOruwQPyGyJ4NvWgQbQlwIhALZIXR8eMsnZ0Eg8hIzKS6JOtpc0j7BLdUOG5NY51CzP","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":121350},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}},"./package.json":"./package.json"},"gitHead":"22fcc5fea088a5b2c708d09013f62309af1e9b79","scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup","clean":"rimraf dist","typecheck":"tsc --noEmit","test:watch":"vitest"},"_npmUser":{"name":"academix-group","email":"academix.tech4u@gmail.com"},"repository":{"url":"git+https://github.com/academix-admin/academix-ui.git","type":"git","directory":"packages/scroll-date-picker"},"_npmVersion":"11.13.0","description":"A smooth, touch-friendly wheel/scroll date picker for React — zero dependencies beyond React.","directories":{},"sideEffects":false,"_nodeVersion":"24.15.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.5","react":"^18.3.1","rimraf":"^6.0.1","react-dom":"^18.3.1","typescript":"^5.9.3","@types/react":"^19.0.0","@types/react-dom":"^19.0.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/scroll-date-picker_0.1.0_1784657081556_0.242879400745881","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@academix-admin/scroll-date-picker","version":"0.1.1","description":"A smooth, touch-friendly wheel/scroll date picker for React — zero dependencies beyond React.","keywords":["react","date-picker","wheel-picker","scroll-picker","datepicker","mobile","ios-picker"],"license":"MIT","author":{"name":"Academix"},"repository":{"type":"git","url":"git+https://github.com/academix-admin/academix-ui.git","directory":"packages/scroll-date-picker"},"homepage":"https://github.com/academix-admin/academix-ui/tree/main/packages/scroll-date-picker#readme","bugs":{"url":"https://github.com/academix-admin/academix-ui/issues"},"type":"module","sideEffects":false,"main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}},"./package.json":"./package.json"},"scripts":{"build":"tsup","clean":"rimraf dist","dev":"tsup --watch","test":"vitest run","test:watch":"vitest","typecheck":"tsc --noEmit"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"devDependencies":{"@types/react":"^19.0.0","@types/react-dom":"^19.0.0","react":"^18.3.1","react-dom":"^18.3.1","rimraf":"^6.0.1","tsup":"^8.3.5","typescript":"^5.9.3"},"publishConfig":{"access":"public"},"gitHead":"8ec75f5ab533b7d4831f381750bf0dc6e09da1b5","_id":"@academix-admin/scroll-date-picker@0.1.1","_nodeVersion":"24.15.0","_npmVersion":"11.13.0","dist":{"integrity":"sha512-uzqaodL+1VVPj6NfP9F7TRDOtDUifIm+bgI0YFF4gzZxS3kihwUl7DONpAH6jGvTzvCpz4MB+BRVobhwJJYbJg==","shasum":"2815e6d5771656cc0e0b89f3dac16b46cbe4d4cd","tarball":"https://registry.npmjs.org/@academix-admin/scroll-date-picker/-/scroll-date-picker-0.1.1.tgz","fileCount":9,"unpackedSize":125350,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIHS4UBcWEK/YrMKN9WQNxweXbJ30XB7Ri6dhL07owPPtAiEAlIRjJxjy+Q2kmq2Rsj43rHBCKTOXramu0UNQmefTBYA="}]},"_npmUser":{"name":"academix-group","email":"academix.tech4u@gmail.com"},"directories":{},"maintainers":[{"name":"academix-group","email":"academix.tech4u@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/scroll-date-picker_0.1.1_1785431593320_0.5814180138224869"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-21T18:04:41.409Z","modified":"2026-07-30T17:13:13.677Z","0.1.0":"2026-07-21T18:04:41.698Z","0.1.1":"2026-07-30T17:13:13.474Z"},"bugs":{"url":"https://github.com/academix-admin/academix-ui/issues"},"author":{"name":"Academix"},"license":"MIT","homepage":"https://github.com/academix-admin/academix-ui/tree/main/packages/scroll-date-picker#readme","keywords":["react","date-picker","wheel-picker","scroll-picker","datepicker","mobile","ios-picker"],"repository":{"type":"git","url":"git+https://github.com/academix-admin/academix-ui.git","directory":"packages/scroll-date-picker"},"description":"A smooth, touch-friendly wheel/scroll date picker for React — zero dependencies beyond React.","maintainers":[{"name":"academix-group","email":"academix.tech4u@gmail.com"}],"readme":"# @academix-admin/scroll-date-picker\n\nA smooth, touch-friendly **wheel / scroll date picker** for React — iOS-style\nspinning columns with an optional magnifier, quick \"Today / Yesterday\" shortcuts,\nand full theming. Zero dependencies beyond React.\n\n## Install\n\n```bash\nnpm install @academix-admin/scroll-date-picker\nnpm install react react-dom\n```\n\n## Usage\n\n```tsx\n'use client';\nimport CustomScrollDatePicker from '@academix-admin/scroll-date-picker';\n\nexport default function Example() {\n  return (\n    <CustomScrollDatePicker\n      onChange={(date) => console.log(date)}\n      quickDate\n      useMagnifier\n      height={240}\n      minYear={1950}\n      maxYear={2035}\n    />\n  );\n}\n```\n\n## Props\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `onChange` | `(date: Date) => void` | — | **Required.** Called whenever the selected date changes. |\n| `startFromDate` | `Date \\| null` | today | Initial selected date. |\n| `defaultDate` | `boolean` | — | Start from the default (today) date. |\n| `quickDate` | `boolean` | — | Show quick \"Today / Yesterday\" shortcuts. |\n| `minDate` / `maxDate` | `Date` | — | Clamp selectable range. |\n| `minYear` / `maxYear` | `number` | — | Bound the year column. |\n| `height` | `number` | — | Picker height in px. |\n| `itemExtent` | `number` | — | Row height for each wheel item. |\n| `textSize` | `number` | — | Font size of items. |\n| `useMagnifier` | `boolean` | — | Enable the center magnifier lens. |\n| `magnification` | `number` | — | Magnifier zoom factor. |\n| `opacity` | `number` | — | Opacity falloff for off-center items. |\n| `backgroundColor` | `string` | — | Picker background. |\n| `primaryTextColor` | `string` | — | Selected item color. |\n| `secondaryTextColor` | `string` | — | Unselected item color. |\n| `todayText` / `yesterdayText` | `string` | — | Labels for the quick shortcuts. |\n| `formatMonthsNames` | `((monthIndex: number) => string) \\| string` | — | Custom month labels / locale. |\n| `id` | `string` | — | Optional element id. |\n\nThe `CustomScrollDatePickerProps` type is exported for convenience.\n\n## SSR / Next.js\n\nClient-only (ships the `\"use client\"` directive). Import it from a client\ncomponent.\n\n## License\n\nMIT © Academix\n","readmeFilename":"README.md"}