{"_id":"@alefseen/react-multi-date-picker","_rev":"5-860013eec35e3b74e4412bdde226c6ae","name":"@alefseen/react-multi-date-picker","dist-tags":{"latest":"4.0.5"},"versions":{"4.0.0":{"name":"@alefseen/react-multi-date-picker","version":"4.0.0","description":"A simple React datepicker component for working with gregorian, persian, arabic and indian calendars with the ability to select the date by single, multiple, range and multiple range pickers.","main":"./build/index.js","types":"index.d.ts","scripts":{"website":"cd website && npm start","build":"rollup -c","test":"jest ./test"},"repository":{"type":"git","url":"git+https://github.com/shahabyazdi/react-multi-date-picker.git"},"keywords":["react","multi","date","picker","datepicker","rangepicker","weekpicker","timepicker","date picker","range picker","time picker","week picker","multiple","range","time","week","gregorian","calendar","persian","jalali","hijri","indian","farsi","arabic","english","hindi","locales","datetime","component"],"author":{"name":"Shahab Yazdi","email":"sh.yazdi@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/shahabyazdi/react-multi-date-picker/issues"},"homepage":"https://shahabyazdi.github.io/react-multi-date-picker/","devDependencies":{"@babel/core":"^7.19.0","@babel/preset-env":"^7.19.0","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.18.6","@rollup/plugin-babel":"^5.3.1","@rollup/plugin-commonjs":"^22.0.2","@rollup/plugin-node-resolve":"^14.0.1","@rollup/plugin-url":"^7.0.0","@svgr/rollup":"^6.3.1","@tabler/icons":"^1.95.0","@testing-library/jest-dom":"^5.16.0","@testing-library/react":"^13.4.0","jest":"^27.4.3","postcss":"8.4.16","postcss-css-variables":"^0.18.0","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^2.79.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2"},"dependencies":{"react-date-object":"^2.1.5","react-element-popper":"^2.1.6"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"directories":{"test":"test"},"gitHead":"84f47a016af70cc9b17c8e8fa119774f13654d8d","_id":"@alefseen/react-multi-date-picker@4.0.0","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-Wtvi6a3pvz0dBLiHQb1pD1XF3OIvdn6h2eIkULDUW0XIQRkotMh/f65US8akx4IduTbefKMC11tXt5IxOpeqiw==","shasum":"175ac29650238738c66edac6296b0b9cc505b8d5","tarball":"https://registry.npmjs.org/@alefseen/react-multi-date-picker/-/react-multi-date-picker-4.0.0.tgz","fileCount":51,"unpackedSize":382470,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC94iU8xZbhoC/CAeCJHdmB9phj+l19KW5jZLhwu2hFFAIhAJ8q1JQ2VD+8JjdpSaEDBzzlVMXU5DwoRVYqV5U6Sh5v"}]},"_npmUser":{"name":"alefseen","email":"sooltaniyan@gmail.com"},"maintainers":[{"name":"alefseen","email":"sooltaniyan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-multi-date-picker_4.0.0_1685787804003_0.7337452087936607"},"_hasShrinkwrap":false},"4.0.1":{"name":"@alefseen/react-multi-date-picker","version":"4.0.1","description":"A simple React datepicker component for working with gregorian, persian, arabic and indian calendars with the ability to select the date by single, multiple, range and multiple range pickers.","main":"./build/index.js","types":"index.d.ts","scripts":{"website":"cd website && npm start","build":"rollup -c","test":"jest ./test"},"repository":{"type":"git","url":"git+https://github.com/shahabyazdi/react-multi-date-picker.git"},"keywords":["react","multi","date","picker","datepicker","rangepicker","weekpicker","timepicker","date picker","range picker","time picker","week picker","multiple","range","time","week","gregorian","calendar","persian","jalali","hijri","indian","farsi","arabic","english","hindi","locales","datetime","component"],"author":{"name":"Shahab Yazdi","email":"sh.yazdi@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/shahabyazdi/react-multi-date-picker/issues"},"homepage":"https://shahabyazdi.github.io/react-multi-date-picker/","devDependencies":{"@babel/core":"^7.19.0","@babel/preset-env":"^7.19.0","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.18.6","@rollup/plugin-babel":"^5.3.1","@rollup/plugin-commonjs":"^22.0.2","@rollup/plugin-node-resolve":"^14.0.1","@rollup/plugin-url":"^7.0.0","@svgr/rollup":"^6.3.1","@tabler/icons":"^1.95.0","@testing-library/jest-dom":"^5.16.0","@testing-library/react":"^13.4.0","jest":"^27.4.3","postcss":"8.4.16","postcss-css-variables":"^0.18.0","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^2.79.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2"},"dependencies":{"react-date-object":"^2.1.5","react-element-popper":"^2.1.6"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"directories":{"test":"test"},"gitHead":"87176b5da5763ea06cf7d522adda234b74f1c381","_id":"@alefseen/react-multi-date-picker@4.0.1","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-fmU6seDHmVGBZUD/F43IR9rVmh2Mfa97jCTBT9oSY/12U21TUfDgD1/aB+ntvu2QL6Gf8+6eCJ1/MvuS2zIzzA==","shasum":"6402582729cbb7dd9565759d939c7ad311824494","tarball":"https://registry.npmjs.org/@alefseen/react-multi-date-picker/-/react-multi-date-picker-4.0.1.tgz","fileCount":51,"unpackedSize":382629,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC7LAxt2+/Z6QPDyrtIgMYy1k7s3UdeRsBRL+OYd9bAzAIhAIRJdiLaSjIZIn4b8sxFM8QVhZbC+nC8xbMKickDJkmo"}]},"_npmUser":{"name":"alefseen","email":"sooltaniyan@gmail.com"},"maintainers":[{"name":"alefseen","email":"sooltaniyan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-multi-date-picker_4.0.1_1685788383534_0.7191875419265146"},"_hasShrinkwrap":false},"4.0.2":{"name":"@alefseen/react-multi-date-picker","version":"4.0.2","description":"A simple React datepicker component for working with gregorian, persian, arabic and indian calendars with the ability to select the date by single, multiple, range and multiple range pickers.","main":"./build/index.js","module":"./build/index_module.min.js","types":"index.d.ts","scripts":{"website":"cd website && npm start","build":"rollup -c","test":"jest ./test"},"repository":{"type":"git","url":"git+https://github.com/shahabyazdi/react-multi-date-picker.git"},"keywords":["react","multi","date","picker","datepicker","rangepicker","weekpicker","timepicker","date picker","range picker","time picker","week picker","multiple","range","time","week","gregorian","calendar","persian","jalali","hijri","indian","farsi","arabic","english","hindi","locales","datetime","component"],"author":{"name":"Shahab Yazdi","email":"sh.yazdi@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/shahabyazdi/react-multi-date-picker/issues"},"homepage":"https://shahabyazdi.github.io/react-multi-date-picker/","devDependencies":{"@babel/core":"^7.19.0","@babel/preset-env":"^7.19.0","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.18.6","@rollup/plugin-babel":"^5.3.1","@rollup/plugin-commonjs":"^22.0.2","@rollup/plugin-node-resolve":"^14.0.1","@rollup/plugin-url":"^7.0.0","@svgr/rollup":"^6.3.1","@tabler/icons":"^1.95.0","@testing-library/jest-dom":"^5.16.0","@testing-library/react":"^13.4.0","jest":"^27.4.3","postcss":"8.4.16","postcss-css-variables":"^0.18.0","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^2.79.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2"},"dependencies":{"react-date-object":"^2.1.5","react-element-popper":"^2.1.6"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"directories":{"test":"test"},"gitHead":"87176b5da5763ea06cf7d522adda234b74f1c381","_id":"@alefseen/react-multi-date-picker@4.0.2","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-nJaZVHRkPFtABFk0AKoBVNDOm31RnJJx/ajdKJJk7jDjE9hIMEGCgw7B3mNZFi2P+vPTMupDNIhFkeU7usm5kg==","shasum":"f7f58f9741d7c487f14eb5780d2eb46a6ea534d5","tarball":"https://registry.npmjs.org/@alefseen/react-multi-date-picker/-/react-multi-date-picker-4.0.2.tgz","fileCount":51,"unpackedSize":382672,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIExBvPFGRvWiluumVIJ8ak4+CNXUlkdLhnTKFf6TgS/0AiEArNkyB+MNQyv6A25IVAmloOCXcmJ2JpMYZ8d+r2aXsDw="}]},"_npmUser":{"name":"alefseen","email":"sooltaniyan@gmail.com"},"maintainers":[{"name":"alefseen","email":"sooltaniyan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-multi-date-picker_4.0.2_1685789034415_0.9985335934260435"},"_hasShrinkwrap":false},"4.0.3":{"name":"@alefseen/react-multi-date-picker","version":"4.0.3","description":"A simple React datepicker component for working with gregorian, persian, arabic and indian calendars with the ability to select the date by single, multiple, range and multiple range pickers.","main":"./build/index_module.min.js","module":"./build/index_module.min.js","types":"index.d.ts","scripts":{"website":"cd website && npm start","build":"rollup -c","test":"jest ./test"},"repository":{"type":"git","url":"git+https://github.com/shahabyazdi/react-multi-date-picker.git"},"keywords":["react","multi","date","picker","datepicker","rangepicker","weekpicker","timepicker","date picker","range picker","time picker","week picker","multiple","range","time","week","gregorian","calendar","persian","jalali","hijri","indian","farsi","arabic","english","hindi","locales","datetime","component"],"author":{"name":"Shahab Yazdi","email":"sh.yazdi@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/shahabyazdi/react-multi-date-picker/issues"},"homepage":"https://shahabyazdi.github.io/react-multi-date-picker/","devDependencies":{"@babel/core":"^7.19.0","@babel/preset-env":"^7.19.0","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.18.6","@rollup/plugin-babel":"^5.3.1","@rollup/plugin-commonjs":"^22.0.2","@rollup/plugin-node-resolve":"^14.0.1","@rollup/plugin-url":"^7.0.0","@svgr/rollup":"^6.3.1","@tabler/icons":"^1.95.0","@testing-library/jest-dom":"^5.16.0","@testing-library/react":"^13.4.0","jest":"^27.4.3","postcss":"8.4.16","postcss-css-variables":"^0.18.0","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^2.79.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2"},"dependencies":{"react-date-object":"^2.1.5","react-element-popper":"^2.1.6"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"directories":{"test":"test"},"gitHead":"60eb35ca169197caa08f1a486e8d21c4f67b6b5f","_id":"@alefseen/react-multi-date-picker@4.0.3","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-BrLbxchSvwFZ2nZESkEgQmUxqk58XmYIw2uA5o0FCbXey2qHEZqnkN5raWfpWvMu46xSE6/YVy2Xs3a6lI2rVQ==","shasum":"4d023b3bc4572acf12fdb0d5ece4a845aa381d23","tarball":"https://registry.npmjs.org/@alefseen/react-multi-date-picker/-/react-multi-date-picker-4.0.3.tgz","fileCount":51,"unpackedSize":382683,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD3v1nE7Zpayj8JpkZm34cXNZbMAq7W9qMOm2WabudLBwIgAzieBQupeUa4dLt6Zq1kLpJo7pyXTaSjbP1s8YCJb8I="}]},"_npmUser":{"name":"alefseen","email":"sooltaniyan@gmail.com"},"maintainers":[{"name":"alefseen","email":"sooltaniyan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-multi-date-picker_4.0.3_1685789920579_0.3083181091208793"},"_hasShrinkwrap":false},"4.0.4":{"name":"@alefseen/react-multi-date-picker","version":"4.0.4","description":"A simple React datepicker component for working with gregorian, persian, arabic and indian calendars with the ability to select the date by single, multiple, range and multiple range pickers.","main":"./build/index_module.min.js","module":"./build/index_module.min.js","types":"index.d.ts","scripts":{"website":"cd website && npm start","build":"rollup -c","test":"jest ./test"},"repository":{"type":"git","url":"git+https://github.com/shahabyazdi/react-multi-date-picker.git"},"keywords":["react","multi","date","picker","datepicker","rangepicker","weekpicker","timepicker","date picker","range picker","time picker","week picker","multiple","range","time","week","gregorian","calendar","persian","jalali","hijri","indian","farsi","arabic","english","hindi","locales","datetime","component"],"author":{"name":"Shahab Yazdi","email":"sh.yazdi@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/shahabyazdi/react-multi-date-picker/issues"},"homepage":"https://shahabyazdi.github.io/react-multi-date-picker/","devDependencies":{"@babel/core":"^7.19.0","@babel/preset-env":"^7.19.0","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.18.6","@rollup/plugin-babel":"^5.3.1","@rollup/plugin-commonjs":"^22.0.2","@rollup/plugin-node-resolve":"^14.0.1","@rollup/plugin-url":"^7.0.0","@svgr/rollup":"^6.3.1","@tabler/icons":"^1.95.0","@testing-library/jest-dom":"^5.16.0","@testing-library/react":"^13.4.0","jest":"^27.4.3","postcss":"8.4.16","postcss-css-variables":"^0.18.0","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^2.79.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2"},"dependencies":{"react-date-object":"^2.1.5","react-element-popper":"^2.1.6"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"directories":{"test":"test"},"gitHead":"60eb35ca169197caa08f1a486e8d21c4f67b6b5f","_id":"@alefseen/react-multi-date-picker@4.0.4","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-7mKMdq0Rj44ZK+lVW5YMdPVvONnVtiFZWSa0Qe5xWn201DcXhOgIyKQlfP3j8FkEUeMP3rsBahr0MHvrSx4kDw==","shasum":"29f5d37ecb7375bbf441d3d870ea364504aa1bca","tarball":"https://registry.npmjs.org/@alefseen/react-multi-date-picker/-/react-multi-date-picker-4.0.4.tgz","fileCount":51,"unpackedSize":382813,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD3X/UISZApzKRwltqohjAJ0pxc8Svo9lRUu8QNDxyMtQIgZIKAZ5/d3LQ1IJGau6w3f+8dn4yK55ROMETB0mbsHf0="}]},"_npmUser":{"name":"alefseen","email":"sooltaniyan@gmail.com"},"maintainers":[{"name":"alefseen","email":"sooltaniyan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-multi-date-picker_4.0.4_1685790061322_0.9212622065509408"},"_hasShrinkwrap":false},"4.0.5":{"name":"@alefseen/react-multi-date-picker","version":"4.0.5","description":"A simple React datepicker component for working with gregorian, persian, arabic and indian calendars with the ability to select the date by single, multiple, range and multiple range pickers.","main":"./build/index.js","module":"./build/index_module.min.js","types":"index.d.ts","scripts":{"website":"cd website && npm start","build":"rollup -c","test":"jest ./test"},"repository":{"type":"git","url":"git+https://github.com/shahabyazdi/react-multi-date-picker.git"},"keywords":["react","multi","date","picker","datepicker","rangepicker","weekpicker","timepicker","date picker","range picker","time picker","week picker","multiple","range","time","week","gregorian","calendar","persian","jalali","hijri","indian","farsi","arabic","english","hindi","locales","datetime","component"],"author":{"name":"Shahab Yazdi","email":"sh.yazdi@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/shahabyazdi/react-multi-date-picker/issues"},"homepage":"https://shahabyazdi.github.io/react-multi-date-picker/","devDependencies":{"@babel/core":"^7.19.0","@babel/preset-env":"^7.19.0","@babel/preset-react":"^7.18.6","@babel/preset-typescript":"^7.18.6","@rollup/plugin-babel":"^5.3.1","@rollup/plugin-commonjs":"^22.0.2","@rollup/plugin-node-resolve":"^14.0.1","@rollup/plugin-url":"^7.0.0","@svgr/rollup":"^6.3.1","@tabler/icons":"^1.95.0","@testing-library/jest-dom":"^5.16.0","@testing-library/react":"^13.4.0","jest":"^27.4.3","postcss":"8.4.16","postcss-css-variables":"^0.18.0","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^2.79.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2"},"dependencies":{"react-date-object":"^2.1.5","react-element-popper":"^2.1.6"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"directories":{"test":"test"},"gitHead":"d4dfaec45a3514d52fb3887c5f8098af17b5530f","_id":"@alefseen/react-multi-date-picker@4.0.5","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-Dr7nDuSIIWl/meomxqUcfkZE3pkmruyUoKQz/d0Wm7SUkfn4B9mByptbB0v6JP2y0wB7UO/snP2kTknlktoDNg==","shasum":"391d0916810b4427164e6ff50fe8530c37bc44a5","tarball":"https://registry.npmjs.org/@alefseen/react-multi-date-picker/-/react-multi-date-picker-4.0.5.tgz","fileCount":51,"unpackedSize":382802,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDEV0/kv6qk2XUgGWpuoEX5PSRYK5xle/iY9y1FmrJtbgIgFsfKz/yKF0dRFmSoiUj0xE8F9WLdJybrraUOYWeYgiY="}]},"_npmUser":{"name":"alefseen","email":"sooltaniyan@gmail.com"},"maintainers":[{"name":"alefseen","email":"sooltaniyan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-multi-date-picker_4.0.5_1685791841181_0.8840968241586136"},"_hasShrinkwrap":false}},"time":{"created":"2023-06-03T10:23:23.929Z","4.0.0":"2023-06-03T10:23:24.236Z","modified":"2023-06-03T11:30:41.623Z","4.0.1":"2023-06-03T10:33:03.758Z","4.0.2":"2023-06-03T10:43:54.669Z","4.0.3":"2023-06-03T10:58:40.742Z","4.0.4":"2023-06-03T11:01:01.613Z","4.0.5":"2023-06-03T11:30:41.519Z"},"maintainers":[{"name":"alefseen","email":"sooltaniyan@gmail.com"}],"description":"A simple React datepicker component for working with gregorian, persian, arabic and indian calendars with the ability to select the date by single, multiple, range and multiple range pickers.","homepage":"https://shahabyazdi.github.io/react-multi-date-picker/","keywords":["react","multi","date","picker","datepicker","rangepicker","weekpicker","timepicker","date picker","range picker","time picker","week picker","multiple","range","time","week","gregorian","calendar","persian","jalali","hijri","indian","farsi","arabic","english","hindi","locales","datetime","component"],"repository":{"type":"git","url":"git+https://github.com/shahabyazdi/react-multi-date-picker.git"},"author":{"name":"Shahab Yazdi","email":"sh.yazdi@gmail.com"},"bugs":{"url":"https://github.com/shahabyazdi/react-multi-date-picker/issues"},"license":"MIT","readme":"> **_NOTE:_**  This is a fork of **[react multi date picker](https://shahabyazdi.github.io/react-multi-date-picker)** package which contained es module build\n\n# DatePicker\n\nSimple React datepicker component for working with `gregorian`, `persian`, `arabic` and `indian` calendars\nwith the ability to select the date in `single`, `multiple`, `range` and `multiple range` modes.\n\n<div align=\"center\">\n  <img src=\"https://github.com/shahabyazdi/react-multi-date-picker/blob/master/screenshot/screenshot.jpg?raw=true\" alt=\"date picker\"/>\n</div>\n\n# Layouts\n\nYou can change the appearance of the datepicker to `prime` or `mobile` by importing css files from the styles folder.\n\n<div align=\"center\">\n  <img src=\"https://github.com/shahabyazdi/react-multi-date-picker/blob/master/screenshot/layouts.jpg?raw=true\"  alt=\"date picker layouts\"/>\n</div>\n\n# Plugins\n\nAbility to further customize the calendar and datepicker by adding one or more plugins.\n\n<div align=\"center\">\n  <img src=\"https://github.com/shahabyazdi/react-multi-date-picker/blob/master/screenshot/plugins.jpg?raw=true\" alt=\"date picker plugins all in one\"/>\n</div>\n\n## Installation\n\n```code\nnpm i react-multi-date-picker\n```\n\n## Demo\n\n- **[DatePicker & Calendar](https://shahabyazdi.github.io/react-multi-date-picker/)**\n  - [Multiple Date Picker](https://shahabyazdi.github.io/react-multi-date-picker/multiple/)\n  - [Range Picker](https://shahabyazdi.github.io/react-multi-date-picker/range/)\n  - [Time Picker & Other Pickers](https://shahabyazdi.github.io/react-multi-date-picker/other-pickers/)\n  - [FullYear Picker](https://shahabyazdi.github.io/react-multi-date-picker/other-examples/#full-year-view)\n  - [Locales](https://shahabyazdi.github.io/react-multi-date-picker/locales/)\n- **[Plugins](https://shahabyazdi.github.io/react-multi-date-picker/plugins)**\n\n  - [Date Panel](https://shahabyazdi.github.io/react-multi-date-picker/plugins/panel/)\n  - [Multiple Time Picker](https://shahabyazdi.github.io/react-multi-date-picker/plugins/time-picker/)\n  - [Analog Time Picker](https://shahabyazdi.github.io/react-multi-date-picker/plugins/analog-time-picker/)\n  - [Toolbar](https://shahabyazdi.github.io/react-multi-date-picker/plugins/toolbar/)\n  - [Range Picker Footer](https://shahabyazdi.github.io/react-multi-date-picker/plugins/range-picker-footer/)\n\n- **[آموزش نصب و راه اندازی دیت پیکر به فارسی](https://shahabyazdi.github.io/react-multi-date-picker/fa)**\n\n## Usage\n\n```javascript\nimport React, { useState } from \"react\";\nimport DatePicker from \"react-multi-date-picker\";\n\nexport default function Example() {\n  const [value, setValue] = useState(new Date());\n\n  return <DatePicker value={value} onChange={setValue} />;\n}\n```\n\n## Browser (non react-app)\n\n```html\n<!DOCTYPE html>\n<html>\n  <head>\n    <meta charset=\"UTF-8\" />\n    <title>React Multi Date Picker</title>\n  </head>\n  <body>\n    <span>Calendar Example :</span>\n    <div id=\"calendar\"></div>\n\n    <span>DatePicker Example :</span>\n    <div id=\"datePicker\"></div>\n\n    <span>Plugins Example :</span>\n    <div id=\"datePickerWithPlugin\"></div>\n\n    <!-- Ract -->\n    <script src=\"https://unpkg.com/react@17/umd/react.production.min.js\"></script>\n    <script src=\"https://unpkg.com/react-dom@17/umd/react-dom.production.min.js\"></script>\n\n    <!-- DatePicker and dependencies-->\n    <script src=\"https://cdn.jsdelivr.net/npm/date-object@latest/dist/umd/date-object.min.js\"></script>\n    <script src=\"https://cdn.jsdelivr.net/npm/react-element-popper@latest/build/browser.min.js\"></script>\n    <script src=\"https://cdn.jsdelivr.net/npm/react-multi-date-picker@latest/build/browser.min.js\"></script>\n\n    <!-- Optional Plugin -->\n    <script src=\"https://cdn.jsdelivr.net/npm/react-multi-date-picker@latest/build/date_picker_header.browser.js\"></script>\n\n    <script>\n      const { DatePicker, Calendar } = ReactMultiDatePicker;\n\n      ReactDOM.render(\n        React.createElement(Calendar),\n        document.getElementById(\"calendar\")\n      );\n\n      ReactDOM.render(\n        React.createElement(DatePicker),\n        document.getElementById(\"datePicker\")\n      );\n\n      ReactDOM.render(\n        React.createElement(DatePicker, {\n          plugins: [React.createElement(DatePickerHeader)],\n        }),\n        document.getElementById(\"datePickerWithPlugin\")\n      );\n    </script>\n  </body>\n</html>\n```\n\n## Available props\n\n<table>\n      <thead>\n        <tr>\n          <th>Name</th>\n          <th style=\"text-align:center\">Type</th>\n          <th style=\"text-align:center\">Default</th>\n          <th>Availability (DatePicker/ Calendar)</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td>value</td>\n          <td style=\"text-align:center\">\n            Date,\n            <a href=\"https://github.com/shahabyazdi/react-date-object\">\n              DateObject\n            </a>\n            , String, Number or Array\n          </td>\n          <td style=\"text-align:center\">new Date()</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>ref</td>\n          <td style=\"text-align:center\">React.RefObject</td>\n          <td style=\"text-align:center\"></td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>multiple</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">false (true if value is Array)</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>range</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">false</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>onlyMonthPicker</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">false</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>onlyYearPicker</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">false</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>format</td>\n          <td style=\"text-align:center\">String</td>\n          <td style=\"text-align:center\">YYYY/MM/DD</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>formattingIgnoreList</td>\n          <td style=\"text-align:center\">Array</td>\n          <td style=\"text-align:center\"></td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>calendar</td>\n          <td style=\"text-align:center\">Object</td>\n          <td style=\"text-align:center\">gregorian</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>locale</td>\n          <td style=\"text-align:center\">Object</td>\n          <td style=\"text-align:center\">gregorian_en</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>mapDays</td>\n          <td style=\"text-align:center\">Function</td>\n          <td style=\"text-align:center\"></td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>onChange</td>\n          <td style=\"text-align:center\">Function</td>\n          <td style=\"text-align:center\"></td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>onPropsChange</td>\n          <td style=\"text-align:center\">Function</td>\n          <td style=\"text-align:center\"></td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>onMonthChange</td>\n          <td style=\"text-align:center\">Function</td>\n          <td style=\"text-align:center\"></td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>onYearChange</td>\n          <td style=\"text-align:center\">Function</td>\n          <td style=\"text-align:center\"></td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>onFocusedDateChange</td>\n          <td style=\"text-align:center\">Function</td>\n          <td style=\"text-align:center\"></td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>digits</td>\n          <td style=\"text-align:center\">Array</td>\n          <td style=\"text-align:center\"></td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>weekDays</td>\n          <td style=\"text-align:center\">Array</td>\n          <td style=\"text-align:center\"></td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>months</td>\n          <td style=\"text-align:center\">Array</td>\n          <td style=\"text-align:center\"></td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>showOtherDays</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">false</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>minDate</td>\n          <td style=\"text-align:center\">Date, DateObject, String or Number</td>\n          <td style=\"text-align:center\"></td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>maxDate</td>\n          <td style=\"text-align:center\">Date, DateObject, String or Number</td>\n          <td style=\"text-align:center\"></td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>disableYearPicker</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">false</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>disableMonthPicker</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">false</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>disableDayPicker</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">false</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>zIndex</td>\n          <td style=\"text-align:center\">Number</td>\n          <td style=\"text-align:center\">100</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>plugins</td>\n          <td style=\"text-align:center\">Array</td>\n          <td style=\"text-align:center\">[]</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>sort</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">false</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>numberOfMonths</td>\n          <td style=\"text-align:center\">Number</td>\n          <td style=\"text-align:center\">1</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>currentDate</td>\n          <td style=\"text-align:center\">DateObject</td>\n          <td style=\"text-align:center\"></td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>buttons</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">true</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>renderButton</td>\n          <td style=\"text-align:center\">React.ReactElement or Function</td>\n          <td style=\"text-align:center\"></td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>weekStartDayIndex</td>\n          <td style=\"text-align:center\">Number</td>\n          <td style=\"text-align:center\"></td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>className</td>\n          <td style=\"text-align:center\">String</td>\n          <td style=\"text-align:center\"></td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>readOnly</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">false</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>disabled</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">false</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>hideMonth</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">false</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>hideYear</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">false</td>\n          <td>both</td>\n        </tr>\n         <tr>\n          <td>hideWeekDays</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">false</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>shadow</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">true</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>fullYear</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">false</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>displayWeekNumbers</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">false</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>weekNumber</td>\n          <td style=\"text-align:center\">String</td>\n          <td style=\"text-align:center\"></td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>weekPicker</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">false</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>rangeHover</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">false</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>monthYearSeparator</td>\n          <td style=\"text-align:center\">String</td>\n          <td style=\"text-align:center\">\",\" for LTR locales, \"،\" for RTL locales</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>formatMonth</td>\n          <td style=\"text-align:center\">Function</td>\n          <td style=\"text-align:center\">undefined</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>formatYear</td>\n          <td style=\"text-align:center\">Function</td>\n          <td style=\"text-align:center\">undefined</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>highlightToday</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">true</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>style</td>\n          <td style=\"text-align:center\">React.CSSProperties</td>\n          <td style=\"text-align:center\">{}</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>headerOrder</td>\n          <td style=\"text-align:center\">Array</td>\n          <td style=\"text-align:center\">[\"LEFT_BUTTON\", \"MONTH_YEAR\", \"RIGHT_BUTTON\"]</td>\n          <td>both</td>\n        </tr>\n        <tr>\n          <td>onOpen</td>\n          <td style=\"text-align:center\">Function</td>\n          <td style=\"text-align:center\"></td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>onClose</td>\n          <td style=\"text-align:center\">Function</td>\n          <td style=\"text-align:center\"></td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>onPositionChange</td>\n          <td style=\"text-align:center\">Function</td>\n          <td style=\"text-align:center\"></td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>containerClassName</td>\n          <td style=\"text-align:center\">String</td>\n          <td style=\"text-align:center\"></td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>arrowClassName</td>\n          <td style=\"text-align:center\">String</td>\n          <td style=\"text-align:center\">0</td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>containerStyle</td>\n          <td style=\"text-align:center\">React.CSSProperties</td>\n          <td style=\"text-align:center\"></td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>arrowStyle</td>\n          <td style=\"text-align:center\">React.CSSProperties</td>\n          <td style=\"text-align:center\">0</td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>arrow</td>\n          <td style=\"text-align:center\">Boolean or React.ReactElement</td>\n          <td style=\"text-align:center\">true</td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>animations</td>\n          <td style=\"text-align:center\">Array</td>\n          <td style=\"text-align:center\">false</td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>inputClass</td>\n          <td style=\"text-align:center\">String</td>\n          <td style=\"text-align:center\"></td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>name</td>\n          <td style=\"text-align:center\">String</td>\n          <td style=\"text-align:center\"></td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>id</td>\n          <td style=\"text-align:center\">String</td>\n          <td style=\"text-align:center\"></td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>title</td>\n          <td style=\"text-align:center\">String</td>\n          <td style=\"text-align:center\"></td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>required</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\"></td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>placeholder</td>\n          <td style=\"text-align:center\">String</td>\n          <td style=\"text-align:center\"></td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>render</td>\n          <td style=\"text-align:center\">React.ReactElement or Function</td>\n          <td style=\"text-align:center\"></td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>inputMode</td>\n          <td style=\"text-align:center\">String</td>\n          <td style=\"text-align:center\"></td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>scrollSensitive</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">true</td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>hideOnScroll</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">false</td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>calendarPosition</td>\n          <td style=\"text-align:center\">String</td>\n          <td style=\"text-align:center\">&quot;bottom-left&quot;</td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>editable</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">true</td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>onlyShowInRangeDates</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">true</td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>fixMainPosition</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">false</td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>fixRelativePosition</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">false</td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>offsetY</td>\n          <td style=\"text-align:center\">Number</td>\n          <td style=\"text-align:center\">0</td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>offsetX</td>\n          <td style=\"text-align:center\">Number</td>\n          <td style=\"text-align:center\">0</td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>mobileLabels</td>\n          <td style=\"text-align:center\">Object</td>\n          <td style=\"text-align:center\"></td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>portal</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\"></td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>portalTarget</td>\n          <td style=\"text-align:center\">HTMLElement</td>\n          <td style=\"text-align:center\"></td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>onOpenPickNewDate</td>\n          <td style=\"text-align:center\">Boolean</td>\n          <td style=\"text-align:center\">true</td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>mobileButtons</td>\n          <td style=\"text-align:center\"> HTMLButtonElement[]</td>\n          <td style=\"text-align:center\">[]</td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>dateSeparator</td>\n          <td style=\"text-align:center\"> string</td>\n          <td style=\"text-align:center\">'~' in range mode, ',' in multiple mode</td>\n          <td>DatePicker</td>\n        </tr>\n        <tr>\n          <td>multipleRangeSeparator</td>\n          <td style=\"text-align:center\"> string</td>\n          <td style=\"text-align:center\">','</td>\n          <td>DatePicker</td>\n        </tr>\n      </tbody>\n    </table>\n\n# Calendars & Locales\n\nClick [here](https://shahabyazdi.github.io/react-multi-date-picker/calendars) to see the descriptions.\n\n<table>\n  <tbody>\n    <tr>\n      <th colspan=\"2\" rowspan=\"2\">Calendars</th>\n      <th>Gregorian</th>\n      <th>Persian (Solar Hijri)</th>\n      <th>Jalali</th>\n      <th>Arabic (Lunar Hijri)</th>\n      <th>Indian</th>\n    </tr>\n    <tr>\n      <td>/calendars/gregorian</td>\n      <td>/calendars/persian</td>\n      <td>/calendars/jalali</td>\n      <td>/calendars/arabic</td>\n      <td>/calendars/indian</td>\n    </tr>\n    <tr>\n      <th rowspan=\"5\">Locales</th>\n      <th>English</th>\n      <td>/locales/gregorian_en</td>\n      <td>/locales/persian_en</td>\n      <td>/locales/persian_en</td>\n      <td>/locales/arabic_en</td>\n      <td>/locales/indian_en</td>\n    </tr>\n    <tr>\n      <th>Portuguese - BRAZIL</th>\n      <td>/locales/gregorian_pt_br</td>\n      <td>-</td>\n      <td>-</td>\n      <td>-</td>\n      <td>-</td>\n    </tr>\n    <tr>\n      <th>Farsi</th>\n      <td>/locales/gregorian_fa</td>\n      <td>/locales/persian_fa</td>\n      <td>/locales/persian_fa</td>\n      <td>/locales/arabic_fa</td>\n      <td>/locales/indian_fa</td>\n    </tr>\n    <tr>\n      <th>Arabic</th>\n      <td>/locales/gregorian_ar</td>\n      <td>/locales/persian_ar</td>\n      <td>/locales/persian_ar</td>\n      <td>/locales/arabic_ar</td>\n      <td>/locales/indian_ar</td>\n    </tr>\n    <tr>\n      <th>Hindi</th>\n      <td>/locales/gregorian_hi</td>\n      <td>/locales/persian_hi</td>\n      <td>/locales/persian_hi</td>\n      <td>/locales/arabic_hi</td>\n      <td>/locales/indian_hi</td>\n    </tr>\n  </tbody>\n</table>\n\n<br/>\n\nOf course, you can customize the names of the months and days of the week\nin both the calendar & input by using the `months` and `weekDays` Props.\n\nAlso, you can create a custom Calendar and Locale:\n\n- [Creating a custom Calendar](https://shahabyazdi.github.io/react-multi-date-picker/calendars/#custom-calendar)\n- [Creating a custom Locale](https://shahabyazdi.github.io/react-multi-date-picker/locales/#custom-locale)\n","readmeFilename":"README.md"}