{"_id":"@congritta-ui/timepicker","_rev":"2-08c2694c6914913b876dbc5c059ab479","name":"@congritta-ui/timepicker","description":"Timepicker component for Congritta UI framework","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@congritta-ui/timepicker","version":"0.0.1","keywords":["ui","styles","css","framework","frontend","congritta","component","timepicker"],"author":{"url":"https://congritta.com","name":"Alex Congritta","email":"congritta@gmail.com"},"_id":"@congritta-ui/timepicker@0.0.1","maintainers":[{"name":"congritta","email":"congritta@gmail.com"}],"homepage":"https://ui.congritta.com/docs/timepicker","bugs":{"url":"https://github.com/congritta/ui-timepicker/issues"},"dist":{"shasum":"e7b2f854e8aac68234f050448b992a23a60b15ef","tarball":"https://registry.npmjs.org/@congritta-ui/timepicker/-/timepicker-0.0.1.tgz","fileCount":22,"integrity":"sha512-Io459PdTyL3u5G/0sf32dvNEstGegFhM/+ZE1tHlPKli+6t0nn7Gl63yVVCsUy8diPh7EU5+5SiNa6+1yhibiQ==","signatures":[{"sig":"MEUCIQCRhdjT4i2ZL1DaA8UsI2IlvbmxBB1XTRBtaI7w+AfBFwIgLa3dUZ2UwChcQxDnFgP5TSsYXpwlTaKVL0kft57Ko/s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34414},"main":"dist/index.js","types":"./dist/index.d.ts","gitHead":"a5e2570652ef9ad1fddd1de5058e63ed3c6eac56","scripts":{"dev":"bash scripts/dev.sh","lint":"bash scripts/lint.sh","build":"bash scripts/build.sh","prepare":"yarn husky install"},"_npmUser":{"name":"congritta","email":"congritta@gmail.com"},"repository":{"url":"git+https://github.com/congritta/ui-timepicker.git","type":"git"},"_npmVersion":"9.5.1","description":"Timepicker component for Congritta UI framework","directories":{},"_nodeVersion":"18.16.0","dependencies":{"react":"^18.2.0","react-dom":"^18.2.0","@types/react":"^18.2.7","@types/react-dom":"^18.2.4"},"_hasShrinkwrap":false,"packageManager":"yarn@3.5.1","devDependencies":{"husky":"^8.0.3","eslint":"latest","esbuild":"^0.17.19","ts-node":"^10.9.1","typescript":"^5.0.4","@types/node":"^20.2.1","eslint-plugin-react":"latest","@typescript-eslint/parser":"latest","esbuild-css-modules-plugin":"^2.7.1","@typescript-eslint/eslint-plugin":"latest"},"_npmOperationalInternal":{"tmp":"tmp/timepicker_0.0.1_1686861118796_0.46175723995316487","host":"s3://npm-registry-packages"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."},"0.0.2":{"name":"@congritta-ui/timepicker","version":"0.0.2","keywords":["ui","styles","css","framework","frontend","congritta","component","timepicker"],"author":{"url":"https://congritta.com","name":"Alex Congritta","email":"congritta@gmail.com"},"_id":"@congritta-ui/timepicker@0.0.2","maintainers":[{"name":"congritta","email":"congritta@gmail.com"}],"homepage":"https://ui.congritta.com/docs/timepicker","bugs":{"url":"https://github.com/congritta/ui-timepicker/issues"},"dist":{"shasum":"1920c9b61167f65be06f9887d9c5cef09f97a548","tarball":"https://registry.npmjs.org/@congritta-ui/timepicker/-/timepicker-0.0.2.tgz","fileCount":22,"integrity":"sha512-u9GkEKcrxSgaKwbE3fU5kvvGN86WBRUpT9UfIkGkrfm/xeOMQJKlM8qdlH4rFMrdFRazWASibN4dUXoaONN4mg==","signatures":[{"sig":"MEYCIQCb2z4eNJj78cu8VsvToX1kh1+KFhylPuef2Q7zuvEffgIhAO38VIwMy2/FgbWkjQ6u5Y10lQi9BGhj22cyhtYc8ZdV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34565},"main":"dist/index.js","types":"./dist/index.d.ts","gitHead":"57869ab7a83a02aa603639d60c7a7d1799ae01ad","scripts":{"dev":"bash scripts/dev.sh","lint":"bash scripts/lint.sh","build":"bash scripts/build.sh","prepare":"yarn husky install"},"_npmUser":{"name":"congritta","email":"congritta@gmail.com"},"repository":{"url":"git+https://github.com/congritta/ui-timepicker.git","type":"git"},"_npmVersion":"9.5.1","description":"Timepicker component for Congritta UI framework","directories":{},"_nodeVersion":"18.16.0","dependencies":{"react":"^18.2.0","react-dom":"^18.2.0","@types/react":"^18.2.7","@types/react-dom":"^18.2.4"},"_hasShrinkwrap":false,"packageManager":"yarn@3.5.1","devDependencies":{"husky":"^8.0.3","eslint":"latest","esbuild":"^0.17.19","ts-node":"^10.9.1","typescript":"^5.0.4","@types/node":"^20.2.1","eslint-plugin-react":"latest","@typescript-eslint/parser":"latest","esbuild-css-modules-plugin":"^2.7.1","@typescript-eslint/eslint-plugin":"latest"},"_npmOperationalInternal":{"tmp":"tmp/timepicker_0.0.2_1687472790633_0.9541154481477199","host":"s3://npm-registry-packages"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."}},"time":{"created":"2023-06-15T20:31:58.744Z","modified":"2024-07-02T21:34:54.239Z","0.0.1":"2023-06-15T20:31:58.997Z","0.0.2":"2023-06-22T22:26:30.771Z"},"maintainers":[{"name":"congritta","email":"congritta@gmail.com"}],"author":{"url":"https://congritta.com","name":"Alex Congritta","email":"congritta@gmail.com"},"repository":{"url":"git+https://github.com/congritta/ui-timepicker.git","type":"git"},"keywords":["ui","styles","css","framework","frontend","congritta","component","timepicker"],"homepage":"https://ui.congritta.com/docs/timepicker","bugs":{"url":"https://github.com/congritta/ui-timepicker/issues"},"readme":"# @congritta-ui/timepicker\n\nThis is timepicker React component and part of [Congritta UI](https://ui.congritta.com)\n\n## How to install\n\n1. Install `@congritta-ui/base` if you didn't it yet. (More info at: http://ui.congritta.com/docs/base);\n2. Install `@congritta-ui/timepicker`;\n\nAdd\n\n```javascript\nimport TimePicker from '@congritta-ui/timepicker';\n```\n\ninto your code\n\n## How to use\n\nExample:\n\n```jsx\nexport default MyComponentWidthTimePicker() {\n  const [value, setValue] = useState([12, 15]); // [hours, minutes]\n\n  return (\n    <TimePicker value={value} onUpdate={setValue} />\n  )\n}\n```\n\n### Props\n\n| Prop name                               | Description                                                                | Is Required | Default value                         |\n|-----------------------------------------|----------------------------------------------------------------------------|-------------|---------------------------------------|\n| value                                   | Active value (`[hours, minutes]`)                                                  | true        |                                       |\n| onUpdate                                | Function that executes when user clicks on a hour or a minute              | true        |                                       |\n| transitionDuration                      | Duration in milliseconds to reveal or close calendar                       | false       | `210`                                 |\n| gapBetweenInputWrapperAndPicker         | Gap between input wrapper and picker (in pixels)                           | false       | `10`                                  |\n| minutesStep                             | Step in minutes list                                                       | false       | `1`          |\n| timePickerClassName                     | Class name for TimePicker component wrapper for adding additional styles   | false       |                                       |\n| inputWrapperClassName                   | Class name for input wrapper for adding additional styles                  | false       |                                       |\n| pickerClassName                         | Class name for picker wrapper for adding additional styles                 | false       |                                       |\n| valuesListName                          | Class name for time values list for adding additional styles               | false       |                                       |\n| valuesListValueName                     | Class name for time values list item for adding additional styles          | false       |                                       |\n","readmeFilename":"README.md"}