{"_id":"@bradhe/react-daterange-picker","_rev":"1-26ecef31296f7734607a99d4c5c08120","name":"@bradhe/react-daterange-picker","dist-tags":{"latest":"2.0.1"},"versions":{"2.0.1":{"name":"@bradhe/react-daterange-picker","version":"2.0.1","description":"A React based date range picker","author":{"name":"Jonathan Kim","email":"jonathan.kim@onefinestay.com"},"scripts":{"develop":"gulp develop","build-dist-js":"gulp build-dist-js","test":"gulp test-coverage","lint":"gulp lint","deploy-example":"gulp deploy-example","prepare":"gulp build-dist"},"style":"./dist/css/react-calendar.css","engines":{"node":">=4.0"},"contributors":[{"name":"Andrew Ingram","email":"andrew.ingram@onefinestay.com"},{"name":"Alan Foster","email":"alan@alanfoster.me"},{"name":"Thaer Abbas","email":"thaer.abbas@tajawal.com"},{"name":"Roman Loginov","email":"maullerz@gmail.com"}],"license":"Apache-2.0","main":"dist/DateRangePicker.js","keywords":["react","datepicker","calendar","date","range","react-component"],"repository":{"type":"git","url":"git+https://github.com/onefinestay/react-daterange-picker.git"},"peerDependencies":{"moment":"^2.18.1","moment-range":"^3.0.3","react":"0.14.x || 15.x.x || 16.x.x","react-dom":"0.14.x || 15.x.x || 16.x.x"},"dependencies":{"calendar":"^0.1.0","classnames":"^2.1.1","create-react-class":"^15.6.3","immutable":"^3.7.2","natives":"^1.1.6","prop-types":"^15.6.0","react-addons-pure-render-mixin":"^15.6.2"},"devDependencies":{"babel-cli":"^6.14.0","babel-core":"^6.14.0","babel-eslint":"^6.1.2","babel-loader":"^6.2.5","babel-plugin-istanbul":"^2.0.1","babel-polyfill":"^6.13.0","babel-preset-es2015":"^6.14.0","babel-preset-react":"^6.11.1","babel-preset-stage-1":"^6.13.0","babel-register":"^6.26.0","brfs":"^1.4.4","del":"~2.0.2","eslint":"^3.5.0","eslint-plugin-react":"^6.2.1","gulp":"^3.9.0","gulp-autoprefixer":"^2.1.0","gulp-babel":"^6.1.3","gulp-connect":"^2.2.0","gulp-eslint":"^3.0.1","gulp-ext-replace":"^0.1.0","gulp-gh-pages":"git+https://github.com/tekd/gulp-gh-pages.git#update-dependency","gulp-load-plugins":"~1.0.0","gulp-sass":"^2.3.2","gulp-sourcemaps":"^1.12.1","gulp-util":"^3.0.7","gulp-watch":"^1.1.0","gulp-webpack":"^1.5.0","jasmine-core":"^2.99.1","karma":"^1.4.0","karma-coverage":"^1.1.1","karma-jasmine":"^1.1.0","karma-mocha-reporter":"^2.2.2","karma-phantomjs-launcher":"^1.0.2","karma-sourcemap-loader":"^0.3.7","karma-threshold-reporter":"^0.1.15","karma-webpack":"^2.0.2","moment":"^2.18.1","moment-range":"^3.0.3","object.assign":"^4.0.4","phantomjs":"^1.9.20","react":"^16.2.0","react-dom":"^16.2.0","react-test-renderer":"^16.2.0","run-sequence":"~1.1.4","timekeeper":"0.0.5","transform-loader":"^0.2.1","underscore":"^1.8.3","webpack":"^1.11.0"},"gitHead":"2a8b75ddd238ee0ae290c2fe058b70121b36fe35","bugs":{"url":"https://github.com/onefinestay/react-daterange-picker/issues"},"homepage":"https://github.com/onefinestay/react-daterange-picker#readme","_id":"@bradhe/react-daterange-picker@2.0.1","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-iB6gk6108TcuTRBWsAdRWFDAUYWtQ8KcTEiQCvPqQB/Uxiy87jSHIkoSyzzrmE295UGq9sfTobEeAeKzLscFKQ==","shasum":"80fc58fdd9b2d03270894658b3f560caf99a7a6e","tarball":"https://registry.npmjs.org/@bradhe/react-daterange-picker/-/react-daterange-picker-2.0.1.tgz","fileCount":87,"unpackedSize":4908398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdNi8xCRA9TVsSAnZWagAABnsP+wZyMW07dDgzUvJQ6ENM\nnhXms+mhor2oGRUl3mzs5a6rtGRruxMiEJGUyLx+3JNDOuipTUp30idO3916\n1b1bnnF72I3qgQWRCdSQauzgX+4eewZFstzvEot4Zr2p5KmrzNxckBSTKoU5\nAmiNOzEuB2R2cXGuK58CjEZgoJaRz/svaju+TMqRVNo6weYXRAgZvLEf541x\nXcZaefmKblc83nKOF9Apgm0/72WbpV8sg6Cus7BjNRhdab/gtKcRGQ1yaKGo\nQgUgGEHRzGT+GGQ7ZFxzVUXCPZdwkuxDFRQb/CRxJoJQW8iKs1858/GwlAhN\n09Tq9u8GLVL0FkjvMguhwchv/Vepvy7V7DAzKHfZmTLZ5gpw4lTIYtjiVUXr\nDs5UqFV2ODOC7krmPQDY5catSse85rll3aL2zXc8gOKFMIYeNIGm7Vz4CqTR\nykggzEKchJ+3wtHS5eWDnsCGjLwJbTAoI4bjiDCfBVNr5CvtmcpMaqUJrlvS\nS0OQBKnLyxyLJ+pjDfDB7+fZEA40FpTa8m1cXxtqiSS57pZaHMiwTBLdhVg+\nwwifyxrfhT2g31iooJzZfQ2hRlSwH1OJ+Mfj4KiqKXQsxU+HfG9XG8JOAb9t\n3hVDmGMYlwPQm5CPt/TTORTww3qJDlPYrQWwbRYqgGmS+CixPVMJnJIjlgG8\n1Ch/\r\n=/EK3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDqCzQlbwHpmhY721nknctYKTZSiTZCAMXsh8FUsHYbcwIgS3Af6xnX8KPoXgK608KRmeExcnc9cmg4SGh+MH/xeqw="}]},"maintainers":[{"name":"bradhe","email":"brad.heller@gmail.com"}],"_npmUser":{"name":"bradhe","email":"brad.heller@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-daterange-picker_2.0.1_1563832112921_0.1701593482622752"},"_hasShrinkwrap":false}},"time":{"created":"2019-07-22T21:48:32.920Z","2.0.1":"2019-07-22T21:48:33.034Z","modified":"2022-04-04T20:20:08.069Z"},"maintainers":[{"name":"bradhe","email":"brad.heller@gmail.com"}],"description":"A React based date range picker","homepage":"https://github.com/onefinestay/react-daterange-picker#readme","keywords":["react","datepicker","calendar","date","range","react-component"],"repository":{"type":"git","url":"git+https://github.com/onefinestay/react-daterange-picker.git"},"contributors":[{"name":"Andrew Ingram","email":"andrew.ingram@onefinestay.com"},{"name":"Alan Foster","email":"alan@alanfoster.me"},{"name":"Thaer Abbas","email":"thaer.abbas@tajawal.com"},{"name":"Roman Loginov","email":"maullerz@gmail.com"}],"author":{"name":"Jonathan Kim","email":"jonathan.kim@onefinestay.com"},"bugs":{"url":"https://github.com/onefinestay/react-daterange-picker/issues"},"license":"Apache-2.0","readme":"React Daterange Picker\n======================\n\nA React based date range picker. [Demo](http://onefinestay.github.io/react-daterange-picker/)\n\n## Getting started\n### Installation\n\nAdd React Daterange Picker to your project by executing\n\n```bash\nnpm install react-daterange-picker\n```\nor\n```bash\nyarn add react-daterange-picker\n```\n\n### Usage\n\nHere's an example of basic usage:\n\n```js\nimport React, {Component} from 'react'\nimport DateRangePicker from 'react-daterange-picker'\nimport 'react-daterange-picker/dist/css/react-calendar.css' // For some basic styling. (OPTIONAL)\n\nclass MyApp extends Component {\n state = {\n dates: null\n }\n\n onSelect = dates => this.setState({dates})\n\n render() {\n return (\n
\n \n
\n )\n }\n}\n```\n\nHere is a working example:\n[![Edit 0xv5m04yql](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/0xv5m04yql?initialpath=%2Fsrc%2FDateRangeExample.js)\n\n## Features\n\n* Select a date range in an intuitive way.\n* Define date ranges that are not available for selection.\n* Show any number of months at the same time.\n* Visually represent half day states.\n\n### Available props\n|prop|description|default|type|\n|--|----|--|----|\n|bemBlock|||String|\n|bemNamespace||'DateRangePicker'|String|\n|className|||String|\n|dateStates|An array of date ranges and their states||Array|\n|defaultState|||String|\n|disableNavigation||false|Boolean|\n|firstOfWeek|The first day of the week, as a number between 0-6, where 0 is Sunday|0|Integer|\n|helpMessage|| |String|\n|initialDate|| |Date|\n|initialFromValue||true|Boolean|\n|initialMonth|Overrides values derived from initialDate/initialRange| |Integer|\n|initialRange|| |Object|\n|initialYear|Overrides values derived from initialDate/initialRange| |Integer|\n|locale||moment().locale()|String|\n|maximumDate|The last date that is possible to choose. Every date after will be unselectable|null|Moment or Date|\n|minimumDate|The earliest date that is possible to choose. Every date before will be unselectable |null|Moment or Date|\n|numberOfCalendars|The number of months showing next to each other|1|Integer|\n|onHighlightDate|Triggered when a date is highlighted (hovered)| |Function|\n|onHighlightRange|Triggered when a range is highlighted (hovered)| |Function|\n|onSelect|Triggered when a date or range is selected. returns `value`| | `({start, end}) => this.setState({start, end})` |\n|onSelectStart|Triggered when the first date in a range is selected| |Function|\n|paginationArrowComponent||PaginationArrow|Component|\n|selectedLabel||'Your selected dates'|String|\n|selectionType|| |String (`single` or `range`)|\n|singleDateRange||false|Boolean|\n|showLegend||false|Boolean|\n|stateDefinitions|| |Object|\n|value|Contains the start and end value of the selected date range. Format: `value={start: null, end: null}` (moment range)|null|Moment|\n\n\n\n\n## React version\n\nReact 0.14, 15, and 16 are all supported in the latest version of react-daterange-picker.\n\nIf you wish to user an older version of React, please use react-daterange-picker v0.12.x or below.\n\n## Changelog\n\nAll change log information is available within the project's [releases](https://github.com/onefinestay/react-daterange-picker/releases).\n\n## Contribute\n\nPlease feel to contribute to this project by making pull requests. You can see a\nlist of tasks that can be worked on in the [issues list](https://github.com/onefinestay/react-daterange-picker/issues).\n\nBefore a pull request can be merged, ensure that you have linted your files and all tests are passing -\n\n```shell\nnpm run lint\nnpm run test\n```\n\n### Publishing\n\nIf you have been added as a project contributor and wish to publish a new release -\n\n - Ensure that you have added yourself to the `package.json` contributors list\n - Bump the npm version as appropriate, following [SemVer](http://semver.org/) conventions\n - Update the [Demo](http://onefinestay.github.io/react-daterange-picker/) by running `npm run deploy-example`\n\n### Building example page\n\nOnce you have the repository cloned run the following commands to get started:\n\n```shell\nnpm install\nnpm run develop\n```\n\nThis will start a local server at `http://localhost:9989` where you can see the\nexample page. It will also watch for any files changes and rebuild.\nTo update the compiled files in dist run `npm run build-dist-js`, and you can\nlint the code with `npm run lint`.\n","readmeFilename":"README.md"}