{"_id":"@dlenskyi/react-native-daterange-picker","_rev":"3-563c9d481addf7f0fc84d2cb1a256337","name":"@dlenskyi/react-native-daterange-picker","dist-tags":{"latest":"1.6.4"},"versions":{"1.6.1":{"name":"@dlenskyi/react-native-daterange-picker","version":"1.6.1","description":"Date range and single date picker for React Native (Supports iOS and Android)","main":"src/index.js","scripts":{},"repository":{"type":"git","url":"git+https://github.com/naxulanth/react-native-daterange-picker.git"},"keywords":["react-native","datepicker","daterange","daterange-picker"],"author":{"name":"Naxulanth"},"license":"MIT","bugs":{"url":"https://github.com/naxulanth/react-native-daterange-picker/issues"},"homepage":"https://github.com/naxulanth/react-native-daterange-picker/","dependencies":{"lodash":"^4.17.21","moment":"^2.29.4"},"peerDependencies":{"react":"^18.0.2","react-native":"^0.72.4"},"devDependencies":{"@react-native-community/eslint-config":"^3.2.0","eslint":"^8.48.0","eslint-plugin-import":"^2.28.1","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-prettier":"^5.0.0","eslint-plugin-react":"^7.33.2","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-native":"^4.0.0","prettier":"^3.0.3"},"gitHead":"59991a517954164666b9647657f4e66d6806583c","_id":"@dlenskyi/react-native-daterange-picker@1.6.1","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-RRi+iYmZt5Y1AkmnhmF+Ihou3/jl+GKcZ7sqKNe/1yablkJuuVWkqWaTlBN+eLcj1cttFceH1X9AQy9Z1K5tcQ==","shasum":"794e9c41d42a4308bb2e111b263b09b9be05af28","tarball":"https://registry.npmjs.org/@dlenskyi/react-native-daterange-picker/-/react-native-daterange-picker-1.6.1.tgz","fileCount":16,"unpackedSize":38032,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCpeuW9lG6qB9KYyePGjIk6xDwxz8n4Cv8JHQ0jrjdyHgIhAMsvYQmoMfxnvZpKEamXAljptnNl4wQecYRsK0SpT7N3"}]},"_npmUser":{"name":"dlenskyi","email":"denis.lenskyi@gmail.com"},"directories":{},"maintainers":[{"name":"dlenskyi","email":"denis.lenskyi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-daterange-picker_1.6.1_1708613086613_0.5247815320328273"},"_hasShrinkwrap":false},"1.6.2":{"name":"@dlenskyi/react-native-daterange-picker","version":"1.6.2","description":"Date range and single date picker for React Native (Supports iOS and Android)","main":"src/index.js","scripts":{},"repository":{"type":"git","url":"git+https://github.com/dlenskyi/react-native-daterange-picker.git"},"keywords":["react-native","datepicker","daterange","daterange-picker"],"author":{"name":"Naxulanth"},"license":"MIT","bugs":{"url":"https://github.com/dlenskyi/react-native-daterange-picker/issues"},"homepage":"https://github.com/dlenskyi/react-native-daterange-picker/","dependencies":{"lodash":"^4.17.21","moment":"^2.29.4"},"peerDependencies":{"react":"^18.0.2","react-native":"^0.73.4"},"devDependencies":{"@react-native-community/eslint-config":"^3.2.0","eslint":"^8.48.0","eslint-plugin-import":"^2.28.1","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-prettier":"^5.0.0","eslint-plugin-react":"^7.33.2","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-native":"^4.0.0","prettier":"^3.0.3"},"gitHead":"0e87de98959e8b41a8674a197d3c8bf51d022674","_id":"@dlenskyi/react-native-daterange-picker@1.6.2","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-RUbom46KLJ5oNotHZzlYRi0i46D0/t7OI/rBfYp+4OGML/Bcg+I2AdL6KeqICk3j9PA0XvYiQ2mvW6Jxmpr2tQ==","shasum":"717f21689a41a42b76073a07ad453efd2b7d4db7","tarball":"https://registry.npmjs.org/@dlenskyi/react-native-daterange-picker/-/react-native-daterange-picker-1.6.2.tgz","fileCount":17,"unpackedSize":38155,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB8TU2ESuPqZoGKCwNkhOyugGhE8mjc1GSoaxsJJ3Ya6AiEAld7oH4cmyvCzk22rXYNY06A3l5Bcwt2zUlbTcATSfUk="}]},"_npmUser":{"name":"dlenskyi","email":"denis.lenskyi@gmail.com"},"directories":{},"maintainers":[{"name":"dlenskyi","email":"denis.lenskyi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-daterange-picker_1.6.2_1709745788925_0.12342565797956473"},"_hasShrinkwrap":false},"1.6.3":{"name":"@dlenskyi/react-native-daterange-picker","version":"1.6.3","description":"Date range and single date picker for React Native (Supports iOS and Android)","main":"src/index.js","scripts":{},"repository":{"type":"git","url":"git+https://github.com/dlenskyi/react-native-daterange-picker.git"},"keywords":["react-native","datepicker","daterange","daterange-picker"],"author":{"name":"Naxulanth"},"license":"MIT","bugs":{"url":"https://github.com/dlenskyi/react-native-daterange-picker/issues"},"homepage":"https://github.com/dlenskyi/react-native-daterange-picker/","dependencies":{"lodash":"^4.17.21","moment":"^2.29.4"},"peerDependencies":{"react":"^18.0.2","react-native":"^0.73.4"},"devDependencies":{"@react-native-community/eslint-config":"^3.2.0","eslint":"^8.48.0","eslint-plugin-import":"^2.28.1","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-prettier":"^5.0.0","eslint-plugin-react":"^7.33.2","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-native":"^4.0.0","prettier":"^3.0.3"},"gitHead":"6c83fd95f899bbdb0d44571572b19bf67908ba3c","_id":"@dlenskyi/react-native-daterange-picker@1.6.3","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-QoN6PjTT2Vt2+v5ZN1uaS+7x9rSskF2h5HfJ7TwGXuPVOy7bYbHGoLTclV/pRPfJhO+4weJ5ljWrSonYaXSTzw==","shasum":"83bae803dbd2102a3fd94f8adbbeb5e97c3cf337","tarball":"https://registry.npmjs.org/@dlenskyi/react-native-daterange-picker/-/react-native-daterange-picker-1.6.3.tgz","fileCount":17,"unpackedSize":38151,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCIb6fzZwxV0G0chp0D+YAbmd02E7fGTuKvIQRIlFHZHwIhAKlTCrckGPlj7IeqLfxKvCHOA7ClHgau1PuXCspVds3N"}]},"_npmUser":{"name":"dlenskyi","email":"denis.lenskyi@gmail.com"},"directories":{},"maintainers":[{"name":"dlenskyi","email":"denis.lenskyi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-daterange-picker_1.6.3_1709746186310_0.6289491998076044"},"_hasShrinkwrap":false},"1.6.4":{"name":"@dlenskyi/react-native-daterange-picker","version":"1.6.4","description":"Date range and single date picker for React Native (Supports iOS and Android)","main":"src/index.js","scripts":{},"repository":{"type":"git","url":"GitHub - dlenskyi/react-native-daterange-picker: A React Native component for picking date ranges or single dates."},"keywords":["react-native","datepicker","daterange","daterange-picker"],"author":{"name":"Naxulanth"},"license":"MIT","bugs":{"url":"https://github.com/dlenskyi/react-native-daterange-picker/issues"},"homepage":"https://github.com/dlenskyi/react-native-daterange-picker/","dependencies":{"lodash":"^4.17.21","moment":"^2.29.4"},"peerDependencies":{"react":"^18.0.2","react-native":"^0.73.4"},"devDependencies":{"@react-native-community/eslint-config":"^3.2.0","eslint":"^8.48.0","eslint-plugin-import":"^2.28.1","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-prettier":"^5.0.0","eslint-plugin-react":"^7.33.2","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-native":"^4.0.0","prettier":"^3.0.3"},"gitHead":"615667b452862ec4d382d9ecc94829519ae65ba0","_id":"@dlenskyi/react-native-daterange-picker@1.6.4","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-LN4bJoqQnQjmF5+JBMwssxHzd1n8pVrqR+vV7aJM3XbSgJ6www0ViSBFIO2skbulR+abNVHJMGWFv0oDqa9W7g==","shasum":"dc2795512f5e492271125e0991f01c3205a2496e","tarball":"https://registry.npmjs.org/@dlenskyi/react-native-daterange-picker/-/react-native-daterange-picker-1.6.4.tgz","fileCount":17,"unpackedSize":38204,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHlZrRlF9Z3eenNp6SF6hSx8tZuReSzev5+LdyEAY9mlAiEA6THYCXHTn0gxpVwnsV8mhZhcSdvzRzpGjR/dGhp3W/k="}]},"_npmUser":{"name":"dlenskyi","email":"denis.lenskyi@gmail.com"},"directories":{},"maintainers":[{"name":"dlenskyi","email":"denis.lenskyi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-daterange-picker_1.6.4_1709927759027_0.1811627061659251"},"_hasShrinkwrap":false}},"time":{"created":"2024-02-22T14:44:46.537Z","1.6.1":"2024-02-22T14:44:46.775Z","modified":"2024-03-08T19:55:59.574Z","1.6.2":"2024-03-06T17:23:09.137Z","1.6.3":"2024-03-06T17:29:46.609Z","1.6.4":"2024-03-08T19:55:59.174Z"},"maintainers":[{"name":"dlenskyi","email":"denis.lenskyi@gmail.com"}],"description":"Date range and single date picker for React Native (Supports iOS and Android)","homepage":"https://github.com/dlenskyi/react-native-daterange-picker/","keywords":["react-native","datepicker","daterange","daterange-picker"],"repository":{"type":"git","url":"GitHub - dlenskyi/react-native-daterange-picker: A React Native component for picking date ranges or single dates."},"author":{"name":"Naxulanth"},"bugs":{"url":"https://github.com/dlenskyi/react-native-daterange-picker/issues"},"license":"MIT","readme":"# react-native-daterange-picker\n\nA React Native component for picking date ranges or single dates.\n\n- Completely customizable\n- Uses Moment.js for handling dates\n\n\n\n## Installation\n\n`yarn add react-native-daterange-picker`\n\nor\n\n`npm install --save react-native-daterange-picker`\n\n## Usage\n\n### Date range\n\n```js\nimport React from \"react\";\nimport { StyleSheet, View, Text } from \"react-native\";\nimport moment from \"moment\";\nimport DateRangePicker from \"react-native-daterange-picker\";\n\nexport default class App extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n startDate: null,\n endDate: null,\n displayedDate: moment(),\n };\n }\n\n setDates = (dates) => {\n this.setState({\n ...dates,\n });\n };\n\n render() {\n const { startDate, endDate, displayedDate } = this.state;\n return (\n \n \n Click me!\n \n \n );\n }\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n backgroundColor: \"#fff\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n});\n```\n\n### Single date\n\n\n\nUse the `date` prop instead of the `startDate` and `endDate` props.\n\n```js\nimport React from \"react\";\nimport { StyleSheet, View, Text } from \"react-native\";\nimport moment from \"moment\";\nimport DateRangePicker from \"react-native-daterange-picker\";\n\nexport default class App extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n date: null,\n displayedDate: moment(),\n };\n }\n\n setDates = (dates) => {\n this.setState({\n ...dates,\n });\n };\n\n render() {\n const { date, displayedDate } = this.state;\n return (\n \n \n Click me!\n \n \n );\n }\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n backgroundColor: \"#fff\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n});\n```\n\n### Minimum and maximum allowed dates\n\n\n\nUse the `minDate` and `maxDate` props to disable the dates that aren't allowed.\n\n```js\nimport React from \"react\";\nimport { StyleSheet, View, Text } from \"react-native\";\nimport moment from \"moment\";\nimport DateRangePicker from \"react-native-daterange-picker\";\n\nexport default class App extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n startDate: null,\n endDate: null,\n displayedDate: moment(),\n minDate: moment().set(\"date\", 17),\n maxDate: moment().set(\"date\", 20),\n };\n }\n\n setDates = (dates) => {\n this.setState({\n ...dates,\n });\n };\n\n render() {\n const { startDate, endDate, displayedDate, minDate, maxDate } = this.state;\n return (\n \n \n Click me!\n \n \n );\n }\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n backgroundColor: \"#fff\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n});\n```\n\n### Setting locale\n\nSimply pass your custom Moment object with locale attached to it as a prop.\n\n```js\nimport React from \"react\";\nimport { StyleSheet, View, Text } from \"react-native\";\nimport DateRangePicker from \"react-native-daterange-picker\";\n\nimport moment from \"moment/min/moment-with-locales\";\nmoment.locale(\"en\");\n\nexport default class App extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n startDate: null,\n endDate: null,\n displayedDate: moment(),\n };\n }\n\n setDates = (dates) => {\n this.setState({\n ...dates,\n });\n };\n\n render() {\n const { startDate, endDate, displayedDate } = this.state;\n return (\n \n \n Click me!\n \n \n );\n }\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n backgroundColor: \"#fff\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n});\n```\n\n## Options\n\n| Property | type | required? | defaultValue | Description |\n| -------------------- | -------- | :-----------------: | :----------: | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| open | boolean | no | | Prop to control calendar visibility state. Passing this prop will disable the default function for toggling visibility off/on by clicking the backdrop/click me button. |\n| onChange | function | yes | | Date change callback function. |\n| startDate | Moment | yes (if `range`) | | Value of the picked start date. |\n| endDate | Moment | yes (if `range`) | | Value of the picked end date. |\n| date | Moment | yes (if no `range`) | | Value of the picked single date. |\n| displayedDate | Moment | yes | | The date (year/month) which is being displayed on the picker. |\n| minDate | Moment | no | | The minimum allowed date for the picker. |\n| maxDate | Moment | no | | The maximum allowed date for the picker. |\n| range | boolean | no | false | Allows you to pick between range and single date selection. |\n| presetButtons | boolean | no | false | Enables preset buttons (Today / This Week / This Month) |\n| dayHeaders | boolean | no | true | Allows you to enable/disable day headers. |\n| backdropStyle | Object | no | | Styling for the backdrop of the picker. |\n| containerStyle | Object | no | | Styling for the picker container. |\n| headerStyle | Object | no | | Styling for header area. |\n| headerTextStyle | Object | no | | Styling for header text. |\n| dayStyle | Object | no | | Styling for a single day element. |\n| dayTextStyle | Object | no | | Styling for the text of a single day element. |\n| selectedStyle | Object | no | | Styling for selected day element(s). |\n| selectedTextStyle | Object | no | | Styling for the text of selected day element(s). |\n| dayHeaderStyle | Object | no | | Styling for selected day header element(s). |\n| dayHeaderTextStyle | Object | no | | Styling for the text of day header element(s). |\n| disabledStyle | Object | no | | Styling for disabled day element(s). |\n| buttonStyle | Object | no | | Styling for the preset button(s). |\n| buttonTextStyle | Object | no | | Styling for the text of preset button(s). |\n| buttonContainerStyle | Object | no | | Styling for the preset button container. |\n| monthPrevButton | Node | no | | Icon for previous button. |\n| monthNextButton | Node | no | | Icon for next button. |\n| monthButtonsStyle | Object | no | | Styling for month prev/next buttons. |\n| moment | Moment | no | | Custom Moment object, useful for setting custom locale. |\n\n## Questions & Suggestions\n\nFeel free to contact me at deniz@deniz.gg for your questions and suggestions.\n","readmeFilename":"README.md"}