{"_id":"@diegosalazar27/chakra-month-picker","_rev":"2-868fc6eaa9ebbb91b3c68ce3c74d19be","name":"@diegosalazar27/chakra-month-picker","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.1":{"name":"@diegosalazar27/chakra-month-picker","version":"0.0.1","description":"Month picker component for ReactJS using ChakraUI. Based on React-lite-month-picker","main":"./dist/cjs/index.js","module":"./dist/esm/index.js","types":"./dist/esm/index.d.ts","scripts":{"build":"npm run build:esm && npm run build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir dist/cjs","test":"echo \"Error: no test specified\" && exit 1"},"keywords":["react","ChakraUI","react-month-picker","month-picker","month","picker"],"author":{"name":"Diego Salazar"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/DiegoSalazar27/chakra-month-picker.git"},"homepage":"https://www.react-lite-month-picker.dev","devDependencies":{"typescript":"^5.3.3"},"peerDependencies":{"@chakra-ui/react":"^2.8.2","@emotion/react":"^11.11.3","@emotion/styled":"^11.11.0","@types/react":"^18.2.55","framer-motion":"^11.0.3","react":"^18.2.0"},"_id":"@diegosalazar27/chakra-month-picker@0.0.1","gitHead":"13259191fa1c44363bee6e9599d28557ede5e69e","bugs":{"url":"https://github.com/DiegoSalazar27/chakra-month-picker/issues"},"_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-3twjCQGsCMP67iODZSqTW4uerJbEg19Ew1tnr7RBNRcpC5Dqxdj6qoAlU5o2Vr1zfDiahAOOgWpTFaX50kfqfg==","shasum":"1365d30982784874b82fb8c47ecf51dd911b43c6","tarball":"https://registry.npmjs.org/@diegosalazar27/chakra-month-picker/-/chakra-month-picker-0.0.1.tgz","fileCount":20,"unpackedSize":21246,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCFzujqWs7rrcs6O1ObqFFBR50UHgax10C+C0ANhp2wTQIgQMaQcegcxoMVYavGxXEDsilYCeLPg8oX4W7xit1UmrU="}]},"_npmUser":{"name":"diegosalazar27","email":"diegosalazargm@gmail.com"},"directories":{},"maintainers":[{"name":"diegosalazar27","email":"diegosalazargm@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/chakra-month-picker_0.0.1_1707501165811_0.45840057044170024"},"_hasShrinkwrap":false},"0.0.2":{"name":"@diegosalazar27/chakra-month-picker","version":"0.0.2","description":"Month picker component for ReactJS using ChakraUI. Based on React-lite-month-picker","main":"./dist/cjs/index.js","module":"./dist/esm/index.js","types":"./dist/esm/index.d.ts","scripts":{"build":"npm run build:esm && npm run build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir dist/cjs","preversion":"npm run build","version":"npm publish","test":"echo \"Error: no test specified\" && exit 1"},"keywords":["react","ChakraUI","react-month-picker","month-picker","month","picker"],"author":{"name":"Diego Salazar"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/DiegoSalazar27/chakra-month-picker.git"},"devDependencies":{"typescript":"^5.3.3"},"peerDependencies":{"@chakra-ui/react":"^2.8.2","@emotion/react":"^11.11.3","@emotion/styled":"^11.11.0","@types/react":"^18.2.55","framer-motion":"^11.0.3","react":"^18.2.0"},"_id":"@diegosalazar27/chakra-month-picker@0.0.2","gitHead":"3dd436dc3e932d6af6bf2e2cfce82b162c14c441","bugs":{"url":"https://github.com/DiegoSalazar27/chakra-month-picker/issues"},"homepage":"https://github.com/DiegoSalazar27/chakra-month-picker#readme","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-/Frgk3qxNZTKD6WPuJ707rMz6MqHDprI2KZPZd0iFWoUYXvqNTUEAFoassYux3bhDQdWNVhugXpEBOP5QbDWIg==","shasum":"1663bd819dc24672e44e111ed1046e193f7a9023","tarball":"https://registry.npmjs.org/@diegosalazar27/chakra-month-picker/-/chakra-month-picker-0.0.2.tgz","fileCount":3,"unpackedSize":3686,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCPDpM0OuV9VmK8/7MwMylzJbxdLVZkhh6R1t+sZMz2tAIgRgnkfCRUhMDU9pYY72M98yv+3sOanTegcMKOq7A8kOQ="}]},"_npmUser":{"name":"diegosalazar27","email":"diegosalazargm@gmail.com"},"directories":{},"maintainers":[{"name":"diegosalazar27","email":"diegosalazargm@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/chakra-month-picker_0.0.2_1707514052562_0.6705407467265254"},"_hasShrinkwrap":false},"0.0.3":{"name":"@diegosalazar27/chakra-month-picker","version":"0.0.3","description":"Month picker component for ReactJS using ChakraUI. Based on React-lite-month-picker","main":"./dist/cjs/index.js","module":"./dist/esm/index.js","types":"./dist/esm/index.d.ts","scripts":{"build":"npm run build:esm && npm run build:cjs","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir dist/cjs","preversion":"npm run build","version":"npm publish","test":"echo \"Error: no test specified\" && exit 1"},"keywords":["react","ChakraUI","react-month-picker","month-picker","month","picker"],"author":{"name":"Diego Salazar"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/DiegoSalazar27/chakra-month-picker.git"},"devDependencies":{"typescript":"^5.3.3"},"peerDependencies":{"@chakra-ui/react":"^2.8.2","@emotion/react":"^11.11.3","@emotion/styled":"^11.11.0","@types/react":"^18.2.55","framer-motion":"^11.0.3","react":"^18.2.0"},"_id":"@diegosalazar27/chakra-month-picker@0.0.3","gitHead":"71137ff9960b7c0d9d0ca348dbda31ac2047615f","bugs":{"url":"https://github.com/DiegoSalazar27/chakra-month-picker/issues"},"homepage":"https://github.com/DiegoSalazar27/chakra-month-picker#readme","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-CsrvHkayMt1A9ASrsfdfcZ/jCyCDwfjZodMlXD8QDrPyRhL3TGP3MD+BP+4QbaNzm3wZMele7yj8xk9ue1cHBA==","shasum":"bcf36a297fc7da6d3e60163620e5ed4d27801b8c","tarball":"https://registry.npmjs.org/@diegosalazar27/chakra-month-picker/-/chakra-month-picker-0.0.3.tgz","fileCount":27,"unpackedSize":34074,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAmJ5OJ5OTm6rz7HQgPmMtGH7b29QhpbBIDYkYozeLvrAiEA3lqtMNkuttXONcjzwKI6xtIL3I1fYuuhE7HHIZ1ULQQ="}]},"_npmUser":{"name":"diegosalazar27","email":"diegosalazargm@gmail.com"},"directories":{},"maintainers":[{"name":"diegosalazar27","email":"diegosalazargm@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/chakra-month-picker_0.0.3_1707514419531_0.9622787935078139"},"_hasShrinkwrap":false}},"time":{"created":"2024-02-09T17:52:45.714Z","0.0.1":"2024-02-09T17:52:45.982Z","modified":"2024-02-09T21:33:39.921Z","0.0.2":"2024-02-09T21:27:32.739Z","0.0.3":"2024-02-09T21:33:39.735Z"},"maintainers":[{"name":"diegosalazar27","email":"diegosalazargm@gmail.com"}],"description":"Month picker component for ReactJS using ChakraUI. Based on React-lite-month-picker","homepage":"https://github.com/DiegoSalazar27/chakra-month-picker#readme","keywords":["react","ChakraUI","react-month-picker","month-picker","month","picker"],"repository":{"type":"git","url":"git+https://github.com/DiegoSalazar27/chakra-month-picker.git"},"author":{"name":"Diego Salazar"},"bugs":{"url":"https://github.com/DiegoSalazar27/chakra-month-picker/issues"},"license":"MIT","readme":"# Chakra Month Picker\r\n\r\nMonth picker component for ReactJS Using ChakraUI.\r\n\r\n## Usage\r\n\r\n```tsx\r\nimport { useState } from 'react';\r\nimport { MonthPicker, MonthInput } from 'react-lite-month-picker';\r\n\r\nfunction Example() {\r\n  const [selectedMonthData, setSelectedMonthData] = useState({\r\n    month: 1,\r\n    year: 2024,\r\n  });\r\n  const { isOpen, onClose, onOpen, onToggle } = useDisclosure(); // Chakra Hook to handle open/close\r\n\r\n  const handleChange = useCallback((newValue: MonthPickerValue) => {\r\n    setSelectedMonthData(newValue);\r\n  }, []);\r\n\r\n  return (\r\n    <div>\r\n        <MonthInput\r\n          value={selectedMonthData}\r\n          toggle={onToggle}\r\n          isOpen={isOpen}\r\n        />\r\n        <MonthPicker\r\n          lang=\"es\"\r\n          isOpen={isOpen}\r\n          value={selectedMonthData}\r\n          onChange={handleChange}\r\n          onClose={onClose}\r\n        />\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Example;\r\n```\r\n\r\n### Selected month data\r\n\r\nCurrently selected month data is an object with the following structure:\r\n\r\n```ts\r\n{\r\n  month: number,\r\n  year: number,\r\n}\r\n```\r\n\r\nIt will get saved on set parent component state with `onChange` event.\r\n\r\n### Roadmap\r\n\r\n- Allow or disable selection based on a range of given values\r\n- Add eslint\r\n- Add Pretier\r\n- Add Tests\r\n\r\n## License\r\n\r\nMIT © [Diego Salazar](https://github.com/diegosalazar27)\r\n","readmeFilename":"readme.md"}