{"_id":"@ackmann-dickenson/slim-pickens","_rev":"9-26b6805aff429322bf5fbc0ff203dc8a","name":"@ackmann-dickenson/slim-pickens","description":"[![npm](https://img.shields.io/npm/v/@ackmann-dickenson/slim-pickens.svg?style=plastic)](https://www.npmjs.com/package/@ackmann-dickenson/slim-pickens)","dist-tags":{"latest":"0.5.0"},"versions":{"0.1.0":{"name":"@ackmann-dickenson/slim-pickens","version":"0.1.0","main":"lib/index","dependencies":{},"peerDependencies":{"react":"^15.5.4","react-dom":"^15.5.4"},"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-2":"^6.24.1","react":"^15.5.4","react-dom":"^15.5.4"},"scripts":{"compile":"babel -d lib/ src/"},"gitHead":"48d2ca49c47fef652c03634998ddd58c4ad45f29","description":"This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).","_id":"@ackmann-dickenson/slim-pickens@0.1.0","_shasum":"4b7d933058a3c0342a6df9b7e3f2ba782a075fce","_from":".","_npmVersion":"4.0.5","_nodeVersion":"7.4.0","_npmUser":{"name":"ackmann-dickenson","email":"npm@ackmanndickenson.com"},"dist":{"shasum":"4b7d933058a3c0342a6df9b7e3f2ba782a075fce","tarball":"https://registry.npmjs.org/@ackmann-dickenson/slim-pickens/-/slim-pickens-0.1.0.tgz","integrity":"sha512-zoE57lJPLPVQEfMe36DATkP3sLnF3bEd2/6q8qwsUAWsCg9thGLjA1Kry6ZBchUM7tSPmx1ju/AZ20yCsbPSUQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHUEnDFRMFUOGdKmCGWWBNG/9BqQaIUYSN/z+SnFzEHMAiEA6Psknu8bqQQy4qCDetBT844WLe2aAKzGnu8F853Cv0Y="}]},"maintainers":[{"name":"ackmann-dickenson","email":"npm@ackmanndickenson.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/slim-pickens-0.1.0.tgz_1495662184725_0.7639449276030064"},"directories":{}},"0.2.0":{"name":"@ackmann-dickenson/slim-pickens","version":"0.2.0","main":"lib/index","dependencies":{},"peerDependencies":{"react":"^15.5.4","react-dom":"^15.5.4"},"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-2":"^6.24.1","react":"^15.5.4","react-dom":"^15.5.4"},"scripts":{"compile":"babel -d lib/ src/"},"gitHead":"2d1f322f0dee4da1d4b9faf10ece8441f5e4eb2c","description":"A lightweight date picker utility for React. Use our components or easily roll your own. Read on.","_id":"@ackmann-dickenson/slim-pickens@0.2.0","_shasum":"a0c23f8161f068f5d8bf891ae0ee01e88d6df891","_from":".","_npmVersion":"4.0.5","_nodeVersion":"7.4.0","_npmUser":{"name":"sawtooth","email":"npm@ackmanndickenson.com"},"dist":{"shasum":"a0c23f8161f068f5d8bf891ae0ee01e88d6df891","tarball":"https://registry.npmjs.org/@ackmann-dickenson/slim-pickens/-/slim-pickens-0.2.0.tgz","integrity":"sha512-mqRyp7C+Nblyn/p5tsz6qsXqwL6edM/Vcv6AZoWr1GTUWBj+YyAlPSRdhb4EIanw86rm93oeDvVaWl3vI0NXvg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCFjvl6UMqe0VELAk4D7nDF872+Vx9QHEs8DR9s+XLNZgIhAJVCPQK3KxT2z/nGc8OHffgjZ7bYV/6uonEtIraXzC3A"}]},"maintainers":[{"email":"npm@ackmanndickenson.com","name":"sawtooth"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/slim-pickens-0.2.0.tgz_1495689098913_0.14087035320699215"},"directories":{}},"0.3.0":{"name":"@ackmann-dickenson/slim-pickens","version":"0.3.0","main":"lib/index","dependencies":{},"author":{"name":"Ackmann & Dickenson"},"licence":"MIT","peerDependencies":{"react":"^15.5.4","react-dom":"^15.5.4"},"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-2":"^6.24.1","react":"^15.5.4","react-dom":"^15.5.4"},"scripts":{"compile":"babel -d lib/ src/"},"repository":{"type":"git","url":"git+https://github.com/ackmann-dickenson/slim-pickens.git"},"gitHead":"748fc33498ad794dd0cfeaec7ccfba359d94bd90","description":"A lightweight date picker utility for React. Use our components or easily roll your own. Read on.","bugs":{"url":"https://github.com/ackmann-dickenson/slim-pickens/issues"},"homepage":"https://github.com/ackmann-dickenson/slim-pickens#readme","_id":"@ackmann-dickenson/slim-pickens@0.3.0","_shasum":"49f02223f37582c0df9c791eaf888490d8514949","_from":".","_npmVersion":"4.0.5","_nodeVersion":"7.4.0","_npmUser":{"name":"sawtooth","email":"npm@ackmanndickenson.com"},"dist":{"shasum":"49f02223f37582c0df9c791eaf888490d8514949","tarball":"https://registry.npmjs.org/@ackmann-dickenson/slim-pickens/-/slim-pickens-0.3.0.tgz","integrity":"sha512-eGyS9pBsKjcesSc96KiDdYDnOdlhE1oyTm2lyuu73pC/ezoAeoOsMD9OdkJzdu2rnVZC8M36FJOgWSP9Rvi0bA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBaiglZuRra9WVfedc57l0JTKSvxz66X4j5/hUxMJsvJAiEA5y38Wf+zvjOrqE0Gkut62JsxWUqQ0B+iR1F4TjDGCNs="}]},"maintainers":[{"email":"npm@ackmanndickenson.com","name":"sawtooth"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/slim-pickens-0.3.0.tgz_1495775727600_0.07075846800580621"},"directories":{}},"0.3.1":{"name":"@ackmann-dickenson/slim-pickens","version":"0.3.1","main":"lib/index","dependencies":{},"author":{"name":"Ackmann & Dickenson"},"licence":"MIT","peerDependencies":{"react":"^15.5.4","react-dom":"^15.5.4"},"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-2":"^6.24.1","react":"^15.5.4","react-dom":"^15.5.4"},"scripts":{"compile":"babel -d lib/ src/"},"repository":{"type":"git","url":"git+https://github.com/ackmann-dickenson/slim-pickens.git"},"gitHead":"c766c7cc62409eeb0c58df9222d77c1e3e1163a3","description":"[![npm](https://img.shields.io/npm/v/@ackmann-dickenson/slim-pickens.svg?style=plastic)](https://www.npmjs.com/package/@ackmann-dickenson/slim-pickens)","bugs":{"url":"https://github.com/ackmann-dickenson/slim-pickens/issues"},"homepage":"https://github.com/ackmann-dickenson/slim-pickens#readme","_id":"@ackmann-dickenson/slim-pickens@0.3.1","_shasum":"d5f110a2389b8da1e2a65e0d7219ad455c56b4f3","_from":".","_npmVersion":"4.0.5","_nodeVersion":"7.4.0","_npmUser":{"name":"sawtooth","email":"npm@ackmanndickenson.com"},"dist":{"shasum":"d5f110a2389b8da1e2a65e0d7219ad455c56b4f3","tarball":"https://registry.npmjs.org/@ackmann-dickenson/slim-pickens/-/slim-pickens-0.3.1.tgz","integrity":"sha512-yQCrvGvCej5+bmMo5WGUaTdceo+uwzmmMKHiZWZagsExsjD5Ly0lTcMVVPgUXZrTO3F31L0X0MFAmmihtSeOpw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCPY8dc+Qw99XhXR8QsUH2fYOLof8ybr8pYR50J32guOwIgLOc9tnLgNe7InifiJpI25kg5GaWfFZq7PidufkEd94w="}]},"maintainers":[{"email":"npm@ackmanndickenson.com","name":"sawtooth"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/slim-pickens-0.3.1.tgz_1495776524192_0.6815559819806367"},"directories":{}},"0.4.0":{"name":"@ackmann-dickenson/slim-pickens","version":"0.4.0","main":"lib/index","dependencies":{},"author":{"name":"Ackmann & Dickenson"},"licence":"MIT","peerDependencies":{"react":"^15.5.4","react-dom":"^15.5.4"},"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-2":"^6.24.1","react":"^15.5.4","react-dom":"^15.5.4"},"scripts":{"compile":"babel -d lib/ src/"},"repository":{"type":"git","url":"git+https://github.com/ackmann-dickenson/slim-pickens.git"},"gitHead":"7c0b5ee81c38b6e485bfe87b3d7c373da6da5ce5","description":"[![npm](https://img.shields.io/npm/v/@ackmann-dickenson/slim-pickens.svg?style=plastic)](https://www.npmjs.com/package/@ackmann-dickenson/slim-pickens)","bugs":{"url":"https://github.com/ackmann-dickenson/slim-pickens/issues"},"homepage":"https://github.com/ackmann-dickenson/slim-pickens#readme","_id":"@ackmann-dickenson/slim-pickens@0.4.0","_shasum":"cac2ba44fdbe694c7a063fc23b3f68aa018fa681","_from":".","_npmVersion":"4.0.5","_nodeVersion":"7.4.0","_npmUser":{"name":"sawtooth","email":"npm@ackmanndickenson.com"},"dist":{"shasum":"cac2ba44fdbe694c7a063fc23b3f68aa018fa681","tarball":"https://registry.npmjs.org/@ackmann-dickenson/slim-pickens/-/slim-pickens-0.4.0.tgz","integrity":"sha512-MuHCeNxg/DNl1Kqt2Crj9rBySMMxWgbaMDhvB9q5gVJ2HVJIUmYBxsJxsdnL3w68KO/j7Jk98dR8L8tw5gYNoQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDRS9kmF4v3XerBkbHE6dHpNbPeB0AqLKauqWh/2ozgaQIhANJCKfQSCWLe48BdrMcRq61Cl4Iy/qpLlAC4vAsOpVqh"}]},"maintainers":[{"email":"npm@ackmanndickenson.com","name":"sawtooth"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/slim-pickens-0.4.0.tgz_1495856289232_0.5572277673054487"},"directories":{}},"0.5.0":{"name":"@ackmann-dickenson/slim-pickens","version":"0.5.0","main":"lib/index","dependencies":{},"author":{"name":"Ackmann & Dickenson"},"licence":"MIT","peerDependencies":{"react":"^15.5.4","react-dom":"^15.5.4"},"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-2":"^6.24.1","react":"^15.5.4","react-dom":"^15.5.4"},"scripts":{"compile":"babel -d lib/ src/"},"repository":{"type":"git","url":"git+https://github.com/ackmann-dickenson/slim-pickens.git"},"gitHead":"ad586bd7ec2435e70bb11210310d13a620648007","description":"[![npm](https://img.shields.io/npm/v/@ackmann-dickenson/slim-pickens.svg?style=plastic)](https://www.npmjs.com/package/@ackmann-dickenson/slim-pickens)","bugs":{"url":"https://github.com/ackmann-dickenson/slim-pickens/issues"},"homepage":"https://github.com/ackmann-dickenson/slim-pickens#readme","_id":"@ackmann-dickenson/slim-pickens@0.5.0","_shasum":"77a097dfea3e57626d286015b569cf710038f216","_from":".","_npmVersion":"4.0.5","_nodeVersion":"7.4.0","_npmUser":{"name":"sawtooth","email":"npm@ackmanndickenson.com"},"dist":{"shasum":"77a097dfea3e57626d286015b569cf710038f216","tarball":"https://registry.npmjs.org/@ackmann-dickenson/slim-pickens/-/slim-pickens-0.5.0.tgz","integrity":"sha512-Ne9uDx8UfcOO7pfqeT+YjT+7PLE/oXY60VOBOc+QaNhmjuxHEgy9Wzzf/8bj6GV1PxBaqMTWmkO8PJ3D/yuiQg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHlqXDYM1Bo1o9aNhBENcROWqmY8AkB6DR7/weCrmnuJAiB2xbkB/y2KmNXhFrwSkrRlG2HO5l5nTg4ArCv1htxlqQ=="}]},"maintainers":[{"email":"npm@ackmanndickenson.com","name":"sawtooth"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/slim-pickens-0.5.0.tgz_1495902007550_0.36905917269177735"},"directories":{}}},"readme":"[![npm](https://img.shields.io/npm/v/@ackmann-dickenson/slim-pickens.svg?style=plastic)](https://www.npmjs.com/package/@ackmann-dickenson/slim-pickens)\n\n# slim-pickens\n\nA lightweight date picker utility for React. Use our components or easily roll your own. Read on.\n\n## Demo\n\nhttp://outrageous-show.surge.sh/\n\n## Installation\n\n**npm**\n```\nnpm i --save @ackmann-dickenson/slim-pickens\n```\n\n**yarn**\n```\nyarn add @ackmann-dickenson/slim-pickens\n```\n\n## Usage\n\nWe expose some simple, usable datepicker components. Don't like 'em? We expose ways to\nlet you easily write your own custom components.\n\n### Pre-made Components\n\nWe currently feature a simple calendar component as well as a date input, described below.\n\n#### SlimPickens\n\nThis is a regular calendar control.\n\n```javascript\nimport React, { Component } from 'react';\nimport { SlimPickens } from '@ackmann-dickenson/slim-pickens';\n\nexport default class App extends Component {\n  state = {\n    selected: '4/20/2016'\n  }\n\n  select = selected => this.setState({ selected })\n\n  render() {\n    return (\n      <SlimPickens onPick={this.select} value={this.state.selected} />\n    );\n  }\n}\n```\n\nThe `SlimPickens` component accepts the following props:\n\nProperty Name | Type | Description\n---|:---:|:---\nvalue | String &#124; Date | The initially selected date. Can be a date object or a parsable date string.\nonPick | Function(Date) | Called with the chosen date when selected.\n\n#### DateInput\n\nAn input that opens a calendar control when clicked. Selecting a date closed the calendar and displays the\nselected date value in the input.\n\n```javascript\nimport React, { Component } from 'react';\nimport { DateInput } from '@ackmann-dickenson/slim-pickens';\n\nexport default class App extends Component {\n  state = {\n    selected: '4/20/2016'\n  }\n\n  select = selected => this.setState({ selected })\n\n  render() {\n    return (\n      <DateInput onPick={this.select} value={this.state.selected} />\n    );\n  }\n}\n```\n\nThe `DateInput` component accepts the same props as `SlimPickens`, as well as an optional `format` prop.\n\nProperty Name | Type | Description\n---|:---:|:---\nvalue | String &#124; Date | The initially selected date. Can be a date object or a parsable date string.\nonPick | Function(Date) | Called with the chosen date when selected.\nformat | Function(Date) | Determines how to display the date in the input. Defaults to ` date => date.toLocaleString()`.\n\n### Custom Components\n\nIf you don't like ours, build your own! You can use decorators or inheritance, take your pickens!\n\n#### Decorators\n\nJust decorate it with the `slimPickens` decorator and\nit will inject all the properties you need:\n\nProperty Name | Type | Description\n---|:---|:---\nmonth | Integer | Calendar month (1-12)\nyear | Integer | Calendar year (YYYY)\npreviousMonth | Function | Decrement the calendar month\nnextMonth | Function | Increment the calendar month\npreviousYear | Function | Decrement the calendar year\nnextYear | Function | Increment the calendar year\nrows | Array&lt;Columns&gt; | Row & column data containing date objects to populate the cells of the calendar\nselected | Date | The currently selected date\n\n```javascript\nexport function MyCalendarComponent({ month, year, previousMonth, nextMonth, rows, selected }) {\n  return (\n    <table>\n      ...\n    </table>\n  )\n}\n\nexport default slimPickens(MyCalendarComponent)\n```\n\nIn fact, the `SlimPickens` premade component is written with this decorator. We invite you to [look at the\nsource](https://github.com/ackmann-dickenson/slim-pickens/blob/master/src/SlimPickens.jsx) for inspiration!\n\n#### Inheritance\n\nYou can also inherit from the `SlimProto` component. This offers essentially the same interface as the decorator,\nwith some minor differences:\n\n1. `month` and `year` will be members of `this.state`\n2. `previousMonth` and `nextMonth`, `previousYear`, `nextYear`, `rows`, and `selected` will all be component methods\n","maintainers":[],"time":{"modified":"2022-06-12T14:16:07.797Z","created":"2017-05-24T21:43:06.315Z","0.1.0":"2017-05-24T21:43:06.315Z","0.2.0":"2017-05-25T05:11:40.273Z","0.3.0":"2017-05-26T05:15:28.731Z","0.3.1":"2017-05-26T05:28:45.302Z","0.4.0":"2017-05-27T03:38:10.408Z","0.5.0":"2017-05-27T16:20:08.800Z"},"readmeFilename":"README.md","homepage":"https://github.com/ackmann-dickenson/slim-pickens#readme","repository":{"type":"git","url":"git+https://github.com/ackmann-dickenson/slim-pickens.git"},"author":{"name":"Ackmann & Dickenson"},"bugs":{"url":"https://github.com/ackmann-dickenson/slim-pickens/issues"}}