{"_id":"@congritta-ui/datepicker","_rev":"2-12936ad7de426b2180ee6326e00d6f42","name":"@congritta-ui/datepicker","description":"Datepicker component for Congritta UI framework","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@congritta-ui/datepicker","version":"0.0.1","keywords":["ui","styles","css","framework","frontend","congritta","component","datepicker"],"author":{"url":"https://congritta.com","name":"Alex Congritta","email":"congritta@gmail.com"},"_id":"@congritta-ui/datepicker@0.0.1","maintainers":[{"name":"congritta","email":"congritta@gmail.com"}],"homepage":"https://ui.congritta.com/docs/datepicker","bugs":{"url":"https://github.com/congritta/ui-datepicker/issues"},"dist":{"shasum":"1a494a86016cdb62ed9a373a21c7be82c57a2561","tarball":"https://registry.npmjs.org/@congritta-ui/datepicker/-/datepicker-0.0.1.tgz","fileCount":22,"integrity":"sha512-qQTnrCI/iXVud2+SWdvlXBWYlJ5Gc1KnhVwcXRMvaDaC0+cplZ4J4b21cWbr7ELoQM/hEBC5xyV3+/3ediTwJA==","signatures":[{"sig":"MEYCIQC5zpOKJVIH6k3oBLZ8G2V13H+tY8Rm8eTfZPPtJ/29JgIhALtKBnVPCbVr/dadkre1smN9Okf6AOL81chnVv6od2jQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":42297},"main":"dist/index.js","types":"./dist/index.d.ts","gitHead":"33bc5bcaaa8e7771cc84de12c97e15195a9613bd","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-datepicker.git","type":"git"},"_npmVersion":"9.5.1","description":"Datepicker 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/datepicker_0.0.1_1686857755256_0.7179602580824038","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/datepicker","version":"0.0.2","keywords":["ui","styles","css","framework","frontend","congritta","component","datepicker"],"author":{"url":"https://congritta.com","name":"Alex Congritta","email":"congritta@gmail.com"},"_id":"@congritta-ui/datepicker@0.0.2","maintainers":[{"name":"congritta","email":"congritta@gmail.com"}],"homepage":"https://ui.congritta.com/docs/datepicker","bugs":{"url":"https://github.com/congritta/ui-datepicker/issues"},"dist":{"shasum":"33cc9c17b2a3b92fff1819cba6ca6395302c9c31","tarball":"https://registry.npmjs.org/@congritta-ui/datepicker/-/datepicker-0.0.2.tgz","fileCount":22,"integrity":"sha512-J37EhtkzmFF0gJhGcU9xZocy45dHvnMcrNg78eptyk+Tl+dphaH8xFh9wKk7/viL/HYekTcCa6ocfBSYsoiaig==","signatures":[{"sig":"MEUCIQDKSNqdV6OAhN3DOO5k4RVjl1n1KsMTy6EWaWJURQ51VQIgCRVG4okN8S69sAYP5tyKMs8TlVX1BN6Fo9cdxalpEHw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43138},"main":"dist/index.js","types":"./dist/index.d.ts","gitHead":"07439d7e724f89a0c6a959813947bb2b8d53c5db","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-datepicker.git","type":"git"},"_npmVersion":"9.5.1","description":"Datepicker 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/datepicker_0.0.2_1687472589473_0.46273512652221527","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-15T19:35:55.197Z","modified":"2024-07-02T21:33:14.940Z","0.0.1":"2023-06-15T19:35:55.447Z","0.0.2":"2023-06-22T22:23:09.810Z"},"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-datepicker.git","type":"git"},"keywords":["ui","styles","css","framework","frontend","congritta","component","datepicker"],"homepage":"https://ui.congritta.com/docs/datepicker","bugs":{"url":"https://github.com/congritta/ui-datepicker/issues"},"readme":"# @congritta-ui/datepicker\n\nThis is datepicker 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/datepicker`;\n\nAdd\n\n```javascript\nimport DatePicker from '@congritta-ui/datepicker';\n```\n\ninto your code\n\n## How to use\n\nExample:\n\n```jsx\nexport default function MyComponentWidthDatePicker() {\n  const [value, setValue] = useState('2000-01-01'); // ISO Date\n\n  return (\n    <DatePicker value={value} onDateUpdate={setValue} />\n  )\n}\n```\n\n### Props\n\n| Prop name                               | Description                                                                | Is Required | Default value                         |\n|-----------------------------------------|----------------------------------------------------------------------------|-------------|---------------------------------------|\n| value                                   | Active value (ISO String)                                                  | true        |                                       |\n| onDateUpdate                            | Function that executes when user clicks on day in calendar                 | true        |                                       |\n| transitionDuration                      | Duration in milliseconds to reveal or close calendar                       | false       | `210`                                 |\n| gapBetweenInputWrapperAndCalendar       | Gap between input wrapper and picker (in pixels)                           | false       | `10`                                  |\n| monthNames                              | Array of month names. Useful for i18n                                      | false       | `Array of months in English`          |\n| weekDayNames                            | Array of weekday names. Useful for i18n                                    | false       | `Array of weekdays in English`        |\n| weekStart                               | Number of day that week starts from (0 for sunday)                         | false       | `0 (Sunday)`                          |\n| toHumanDate                             | Function that returns string formatted date                                | false       | `(date) => date.toLocaleDateString()` |\n| datePickerClassName                     | Class name for DatePicker component wrapper for adding additional styles   | false       |                                       |\n| inputWrapperClassName                   | Class name for input wrapper for adding additional styles                  | false       |                                       |\n| timePeriodSelectorClassName             | Class name for time period selector for adding additional styles           | false       |                                       |\n| calendarDaysGridClassName               | Class name for calendar days wrapper for adding additional styles          | false       |                                       |\n| calendarDayClassName                    | Class name for calendar day cell for adding additional styles              | false       |                                       |\n| arrowIcon                               | svg component of arrow icon                                                | false       | `<Internal icon>`                       |\n","readmeFilename":"README.md"}