{"_id":"@agungrizkyana/react-daterange-picker","_rev":"1-1ecf3593b2b5215568ea6e56635e4a33","name":"@agungrizkyana/react-daterange-picker","dist-tags":{"latest":"1.0.5"},"versions":{"1.0.5":{"name":"@agungrizkyana/react-daterange-picker","version":"1.0.5","description":"A react date range picker using Material Design","author":{"name":"Manpreet Singh Matharu","email":"matharumanpreet00@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/matharumanpreet00/react-daterange-picker.git"},"main":"build/index.js","scripts":{"prepare":"npm run build","start":"tsc --watch","build":"tsc","test":"echo \"Error: no test specified\" && exit 1"},"dependencies":{"@material-ui/core":"^3.9.2","@material-ui/icons":"^3.0.2","date-fns":"^1.30.1"},"devDependencies":{"@types/react":"^16.8.8","@types/react-dom":"^16.8.3","typescript":"^3.3.4"},"peerDependencies":{"@material-ui/core":"^3.9.2","react":"^16.8.4","react-dom":"^16.8.4"},"keywords":["react","component","react-components","date-range","date","range","picker","material-design","material","typescript","npm","package"],"license":"MIT","bugs":{"url":"https://github.com/matharumanpreet00/react-daterange-picker/issues"},"homepage":"https://github.com/matharumanpreet00/react-daterange-picker#readme","gitHead":"634c5310200bc475c124428c0f0810eab4b49d26","_id":"@agungrizkyana/react-daterange-picker@1.0.5","_nodeVersion":"12.14.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-HlOGsHHU7a6lE+THjn+nPuHQpVvzMAGwz0QH/t1uRZfPHXo32bewQXbkVQxgY+YiUNB15gGF68M3eWG3L9AXXg==","shasum":"e8d925e354f821311cad2a31fcb36c592d620083","tarball":"https://registry.npmjs.org/@agungrizkyana/react-daterange-picker/-/react-daterange-picker-1.0.5.tgz","fileCount":48,"unpackedSize":223070,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenTb2CRA9TVsSAnZWagAAu6AQAJsW172iyP2d2usZoMNc\nDFHPKb5QsN2mSMsfvSnDY7/sYY28radWEUn1N/+adZQ2g2YJcFU9VO90Ff0k\nBjD0Zkb+t01o29wTuo+0ohgncAnHiF5mfTg9GL00fhRIOnZ9UF0fFEBRdEJ6\n4ajHeO5Fn3RheM0H81FGIfDyZYJrIfrCRRMP0b8E9roF1q+pVheFvYc4ryL1\ndNxWdgGXhX2kdvcJgqEygfcgwnliX8T4t9qRjtONQIO9TtuDdoZuVlPFSpUs\nPTCcocvwcB+2G2JseCNdjiXWYHTqf1RYvbEDvX1nPM/stButUuYGRdSN4jAt\nirgLCf87Smf88LN4ZFktPresVZWkGotBpx31eFyZao0uX+4y1lRoIhbkFOkW\nmq8Rh2dILVhRBN5N4HJygabFWUSmSd+mkjvfKk9y4yiNKdghIMYT/Vlj2pB6\nouBmnJg2WBgrfgXakwq2m61HSxn87gWjfgdiL+Yi8WVq+r39npcniGz+3eiq\nJcaSB+x3ewwqDKoyo/yZo1qsk3ZHTLeO69f9ZDIlcFph0vLMIu0AgLyB1fcr\nYDJDW/NquavwXQGV/P8zF2Sn/OspQdHMyYyZUGDhek/uELT8aqw4E+odslNu\n722T/+yuSmqnijLy7ufy6t3C+3zvi16WLQoer5V63KTbfe/9Hyv0dr8Xdi5u\nsz9O\r\n=z6iX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFLwm+RzchAFLCJGL3yB3uInjbs1Eci4Yg+fvrTuet0UAiBtgA/Bz0zfgXJtsOzP5CQtdyAx//+8lqAIphqhW1VXQg=="}]},"maintainers":[{"name":"agungrizkyana","email":"agung.rizkyana@gmail.com"}],"_npmUser":{"name":"agungrizkyana","email":"agung.rizkyana@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-daterange-picker_1.0.5_1587361525515_0.11017889009020765"},"_hasShrinkwrap":false}},"time":{"created":"2020-04-20T05:45:25.476Z","1.0.5":"2020-04-20T05:45:25.729Z","modified":"2022-04-04T12:08:52.262Z"},"maintainers":[{"name":"agungrizkyana","email":"agung.rizkyana@gmail.com"}],"description":"A react date range picker using Material Design","homepage":"https://github.com/matharumanpreet00/react-daterange-picker#readme","keywords":["react","component","react-components","date-range","date","range","picker","material-design","material","typescript","npm","package"],"repository":{"type":"git","url":"git+https://github.com/matharumanpreet00/react-daterange-picker.git"},"author":{"name":"Manpreet Singh Matharu","email":"matharumanpreet00@gmail.com"},"bugs":{"url":"https://github.com/matharumanpreet00/react-daterange-picker/issues"},"license":"MIT","readme":"# react-daterange-picker \r\nA react date range picker using material-ui components.\r\n\r\n<a href='https://www.npmjs.com/package/@matharumanpreet00/react-daterange-picker'>\r\n    <img src='https://img.shields.io/npm/v/@matharumanpreet00/react-daterange-picker.svg' alt='Latest npm version'>\r\n</a>\r\n\r\n## Live Demo: https://flippingbitss.github.io/react-daterange-picker/\r\n\r\n\r\n\r\n\r\n## Usage\r\n\r\n```bash\r\nnpm install  @agungrizkyana/react-daterange-picker --save\r\n# or with yarn\r\nyarn add  @agungrizkyana/react-daterange-picker\r\n```\r\n\r\n![Screenshot](/screenshot_1.png?raw=true \"Screenshot\")\r\n\r\n## Basic Example\r\n```tsx\r\nimport React from \"react\";\r\nimport { DateRangePicker, DateRange } from \"@matharumanpreet00/react-daterange-picker\";\r\n\r\ntype Props = {}\r\ntype State = {\r\n    open: boolean,\r\n    dateRange: DateRange\r\n}\r\n\r\nclass App extends React.Component<Props, State> {\r\n\tstate = {\r\n\t\topen: true,\r\n\t\tdateRange: {}\r\n\t};\r\n\t\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<DateRangePicker\r\n\t\t\t\topen={this.state.open}\r\n\t\t\t\tonChange={range => this.setState({ dateRange: range })}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default App;\r\n```\r\n\r\n## Basic example using hooks\r\n```tsx\r\nimport React from \"react\";\r\nimport { DateRangePicker, DateRange } from \"@matharumanpreet00/react-daterange-picker\";\r\n\r\ntype Props = {}\r\n\r\nconst App: React.FunctionComponent<Props> = props => {\r\n\tconst [open, setOpen] = React.useState(false);\r\n\tconst [dateRange, setDateRange] = React.useState<DateRange>({});\r\n\r\n\treturn (\r\n\t\t<DateRangePicker\r\n\t\t\topen={open}\r\n\t\t\tonChange={range => setDateRange(range)}\r\n\t\t/>\r\n\t);\r\n}\r\n\r\nexport default App;\r\n```\r\n\r\n## Types \r\n```ts\r\ninterface DateRange {\r\n    startDate?: Date,\r\n    endDate?: Date\r\n}\r\n\r\ninterface DefinedRange {\r\n    label: string,\r\n    startDate: Date,\r\n    endDate: Date\r\n}\r\n```\r\n\r\n## Props\r\n\r\nName | Type | Required | Default value | Description\r\n:--- | :--- | :--- | :--- | :---\r\n`initialDateRange` | `DateRange` | | `{}` | initially selected date range\r\n`minDate` | `Date | string` | | 10 years ago | min date allowed in range\r\n`maxDate` | `Date | string` | | 10 years from now | max date allowed in range\r\n`onChange` | `(DateRange) => void` | _required_ | - | handler function for providing selected date range\r\n`definedRanges` | `DefinedRange[]` | | - | custom defined ranges to show in the list\r\n\r\n","readmeFilename":"README.md"}