{"_id":"@compeon-os/monthpicker","_rev":"1-aa91f373d401dc2acf91df6251af3aa2","name":"@compeon-os/monthpicker","dist-tags":{"latest":"0.5.1"},"versions":{"0.5.1":{"name":"@compeon-os/monthpicker","version":"0.5.1","description":"Simple monthpicker using react & date-fns","repository":{"type":"git","url":"git+https://github.com/COMPEON/monthpicker.git"},"main":"dist/monthpicker.umd.js","sideEffects":false,"module":"dist/monthpicker.es.js","license":"MIT","keywords":["monthpicker","react","react-monthpicker"],"authors":["Bastian Ahrens <bahrens@compeon.de>","Gerrit Seger <gseger@compeon.de>"],"scripts":{"compile":"rollup -c","prepublishOnly":"yarn test && yarn compile","start":"start-storybook -p 9001 -c .storybook","test":"jest","testWatch":"jest --watch"},"peerDependencies":{"react":"^16.6.0","styled-components":"^4.1.1"},"dependencies":{"date-fns":"2.29.3","prop-types":"^15.6.1"},"devDependencies":{"@babel/core":"^7.10.2","@babel/plugin-proposal-class-properties":"^7.10.1","@babel/preset-env":"^7.10.2","@babel/preset-react":"^7.10.1","@storybook/addon-actions":"^6.0.19","@storybook/react":"^6.0.19","babel-core":"^7.0.0-bridge.0","babel-jest":"^29.0.2","babel-loader":"^8.1.0","enzyme":"^3.8.0","enzyme-adapter-react-16":"^1.8.0","enzyme-to-json":"^3.3.5","full-icu":"^1.3.0","jest":"^29.1.2","jest-environment-jsdom":"^29.0.2","jest-styled-components":"^6.3.1","react":"^16.12.0","react-dom":"^16.12.0","rollup":"^2.3.2","rollup-plugin-babel":"^4.4.0","styled-components":"^4.1.3"},"resolutions":{"js-yaml":"3.13.1"},"jest":{"moduleDirectories":["node_modules","src"],"setupFiles":["<rootDir>/jestSetup.js"],"setupFilesAfterEnv":["<rootDir>/jestPlugins.js"],"snapshotSerializers":["enzyme-to-json/serializer"],"testEnvironment":"jsdom","testMatch":["<rootDir>/src/**/?(*.)spec.js"]},"gitHead":"743ad2f594fc51a3281af9d0ebb3e3a8746b1432","bugs":{"url":"https://github.com/COMPEON/monthpicker/issues"},"homepage":"https://github.com/COMPEON/monthpicker#readme","_id":"@compeon-os/monthpicker@0.5.1","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-kMjFzt+IfZfvS99TVUaLpd9Kp9EcAtJzJZGQo8xk9r/QobgD3OlQyhYmiPStgCmqYOleg4bPJzDbXOfCJKr6Pg==","shasum":"3bfd0f51b548f5b2ea06d178423f4ee0b82f0723","tarball":"https://registry.npmjs.org/@compeon-os/monthpicker/-/monthpicker-0.5.1.tgz","fileCount":4,"unpackedSize":42813,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC8dK3EmfLnE4Fuddx+exZZjQRPjRLlYyBS53JLVB0joQIhAPEaQDLKm9KTD3jrAtPtNKtKW0HGpjec8ZIkjB3nODQl"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRDiWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqsKRAAi+Etlv/P9G8JyzOxIYiDovqYXEqJhKkgFKBK4+L1H50qPbeD\r\nUwWk65Mkunjkr0kwvuFOHIkwqMuAEmcH3usi/7n5EXqdbD93ijQ4hVDRx9M4\r\ndXyAQfgaonMmvkZEt5HJUEYEmpH1eN61DmeIohEgJZbKLRPgkn2l/dVoD2Yz\r\nV1/OM5KcD4T7Hxuhph+8GSiAqX9FnoW17hGNVHIt3xUVAmhCuLcYhN/VhhxK\r\nXB++Dr3hmxct65Rs7DmcsyaIBQ3J0GIM9JlhW8qrNx0pAVZPKHCLUhx0JxQ6\r\nfjBrTFn+z2c1Q8Wkm0t3Xn7lnyo8H1iKA9c1mS+QBHupc+U7iv5nImpuXk7U\r\nMLcT1T12is/nmWw7fccZ35RKGFc1JODGcZc3Yq/nE39hpzcrg3h4hz1WDXvz\r\nzzhte3VYialFLWLSIGZ/8p5T0PsDsHJAjI2VkeJuLDdRPxXOxNwfwKets1Co\r\n83DIQjZ87lkn+8RNEi6+GwD8954mClIvn2Akl1F+YfEz0zie/WvzkVLPtgdV\r\nxQvQ/ItNDzZ3WfVbA6ztTyHTFX1w1whjlGdpBfQ0RuYLHJWDyQIIP/VnaBmB\r\njxXu1Ccc9eLYughnYz9aRU/laU8xVeFSuE7xVfWeV5/NKoDs2o6+w5fx1nX+\r\nXYGq1GqM4j3ttUCEkYyjeI6EqM2BE6Cq/pk=\r\n=jw7f\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dominikfischer86","email":"dfischer@compeon.de"},"directories":{},"maintainers":[{"name":"bahrens","email":"bahrens@compeon.de"},{"name":"jbelovs","email":"jbelovs@compeon.de"},{"name":"apaessler","email":"apaessler@compeon.de"},{"name":"finnr","email":"frueb@compeon.de"},{"name":"lgreiving","email":"lgreiving@compeon.de"},{"name":"dominikfischer86","email":"dfischer@compeon.de"},{"name":"florian-compeon","email":"fschmidt@compeon.de"},{"name":"dlandry","email":"dlandry@compeon.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/monthpicker_0.5.1_1665415318774_0.39492750122227505"},"_hasShrinkwrap":false}},"time":{"created":"2022-10-10T15:21:58.693Z","0.5.1":"2022-10-10T15:21:58.903Z","modified":"2022-11-30T08:37:17.779Z"},"maintainers":[{"email":"bahrens@compeon.de","name":"bahrens"},{"email":"jbelovs@compeon.de","name":"jbelovs"},{"email":"apaessler@compeon.de","name":"apaessler"},{"email":"lgreiving@compeon.de","name":"lgreiving"},{"email":"dfischer@compeon.de","name":"dominikfischer86"},{"email":"fschmidt@compeon.de","name":"florian-compeon"},{"email":"dlandry@compeon.de","name":"dlandry"}],"description":"Simple monthpicker using react & date-fns","homepage":"https://github.com/COMPEON/monthpicker#readme","keywords":["monthpicker","react","react-monthpicker"],"repository":{"type":"git","url":"git+https://github.com/COMPEON/monthpicker.git"},"bugs":{"url":"https://github.com/COMPEON/monthpicker/issues"},"license":"MIT","readme":"Simple, clean monthpicker component built with react, styled-components and date-fns\n\n![Screenshot](screenshot.png)\n\n# Installation\n\n```bash\nyarn add @compeon-os/monthpicker\n```\n\nYou also need to have `styled-components` installed, so if that's not the case already\n```bash\nyarn add styled-components\n```\n\n# Usage\n\n```js\nimport Monthpicker from '@compeon-os/monthpicker'\n\n<Monthpicker format='MM.yyyy' onChange={this.handleChange}>\n  <div>Click me</div>\n</Monthpicker>\n```\n\n# Props\n\nprop | description | default\n------------ | ------------- | -------------\nmonth | the currently selected month | `new Date().getMonth()`\nyear | the currently selected year | `new Date().getFullYear()`\nlocale | the locale that is used for displaying monthnames | `de`\nformat | format the `onChange` function is called with. Can be anything from [this](https://date-fns.org/v1.29.0/docs/format) list | `MM.yyyy`\nonBlur | function that is called when the picker is blurred | `-`\nonFocus | function that is called when the picker is focussed | `-`\nonChange | function that is called when the selected month changes. Will be called with `{ month: 1, year: 2018 }` as the first param when no format is specified. Second param is always the triggering event. | `-`\nchildren | node(s) which on click trigger the opening of the picker | `-`\nallowedYears | either an object in the format `{ before: 2019, after: 2016 }` (also works with only one of `after` or `before`) or an array with the allowed years `[2016, 2017, 2018]` | `-`\nprimaryColor | the primary color that is used | `#27718c`\nsecondaryColor | the secondary color that is used | `white`\nhoverColor | the color that is used for hovering over a month | `#d3d3d330`\n\n# Author\n\n[baahrens](https://github.com/baahrens) (bahrens@compeon.de)\n\n[COMPEON](https://compeon.de/)\n\n# License\n\nMIT\n","readmeFilename":"README.md"}