{"id":31753290,"url":"https://github.com/shahabyazdi/react-multi-date-picker","last_synced_at":"2025-10-09T17:44:41.219Z","repository":{"id":38316984,"uuid":"290232476","full_name":"shahabyazdi/react-multi-date-picker","owner":"shahabyazdi","description":"a simple React datepicker component for working with gregorian, persian, arabic and indian calendars","archived":false,"fork":false,"pushed_at":"2024-09-03T09:40:56.000Z","size":42317,"stargazers_count":929,"open_issues_count":136,"forks_count":107,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-09-12T08:42:25.286Z","etag":null,"topics":["arabic","calendar","date","datepicker","farsi","gregorian","hijri","hindi","indian","jalali","locale","multi","multiple","persian","picker","range","rangepicker","react"],"latest_commit_sha":null,"homepage":"https://shahabyazdi.github.io/react-multi-date-picker/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/shahabyazdi.png","metadata":{"files":{"readme":"README.md","changelog":"changelog.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-08-25T14:08:46.000Z","updated_at":"2025-09-11T11:41:58.000Z","dependencies_parsed_at":"2023-01-25T13:45:17.051Z","dependency_job_id":"89840bf4-8781-4c23-9f30-77792891d685","html_url":"https://github.com/shahabyazdi/react-multi-date-picker","commit_stats":{"total_commits":323,"total_committers":7,"mean_commits":"46.142857142857146","dds":0.02786377708978327,"last_synced_commit":"5f6a0265ce4937f29a6a707dadc8e96545ca2aec"},"previous_names":[],"tags_count":48,"template":false,"template_full_name":null,"purl":"pkg:github/shahabyazdi/react-multi-date-picker","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shahabyazdi%2Freact-multi-date-picker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shahabyazdi%2Freact-multi-date-picker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shahabyazdi%2Freact-multi-date-picker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shahabyazdi%2Freact-multi-date-picker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shahabyazdi","download_url":"https://codeload.github.com/shahabyazdi/react-multi-date-picker/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shahabyazdi%2Freact-multi-date-picker/sbom","scorecard":{"id":815111,"data":{"date":"2025-08-11","repo":{"name":"github.com/shahabyazdi/react-multi-date-picker","commit":"ad739ff1a5e3a3da42abb6a0c611533a4c327f73"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":2.9,"checks":[{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Dangerous-Workflow","score":10,"reason":"no dangerous workflow patterns detected","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Token-Permissions","score":0,"reason":"detected GitHub workflow tokens with excessive permissions","details":["Warn: no topLevel permission defined: .github/workflows/codeql-analysis.yml:1","Info: no jobLevel write permissions found"],"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Code-Review","score":0,"reason":"Found 2/27 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Pinned-Dependencies","score":0,"reason":"dependency not pinned by hash detected -- score normalized to 0","details":["Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:33: update your workflow using https://app.stepsecurity.io/secureworkflow/shahabyazdi/react-multi-date-picker/codeql-analysis.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:46: update your workflow using https://app.stepsecurity.io/secureworkflow/shahabyazdi/react-multi-date-picker/codeql-analysis.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:57: update your workflow using https://app.stepsecurity.io/secureworkflow/shahabyazdi/react-multi-date-picker/codeql-analysis.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:71: update your workflow using https://app.stepsecurity.io/secureworkflow/shahabyazdi/react-multi-date-picker/codeql-analysis.yml/master?enable=pin","Info:   0 out of   4 GitHub-owned GitHubAction dependencies pinned"],"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"SAST","score":7,"reason":"SAST tool detected but not run on all commits","details":["Info: SAST configuration detected: CodeQL","Warn: 0 commits out of 5 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"113 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-prr3-c3m5-p7q2","Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55","Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j","Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm","Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-c2jc-4fpr-4vhg","Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9","Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw","Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25","Warn: Project is vulnerable to: GHSA-cph5-m8f7-6c5x","Warn: Project is vulnerable to: GHSA-wf5p-g6vw-rhxx","Warn: Project is vulnerable to: GHSA-jr5f-v2jv-69x6","Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7","Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5","Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x","Warn: Project is vulnerable to: GHSA-7gc6-qh9x-w6h8","Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq","Warn: Project is vulnerable to: GHSA-fp36-299x-pwmw","Warn: Project is vulnerable to: GHSA-273r-mgr4-v34f","Warn: Project is vulnerable to: GHSA-r7qp-cfhv-p84w","Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h","Warn: Project is vulnerable to: GHSA-6h5x-7c5m-7cr7","Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc","Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx","Warn: Project is vulnerable to: GHSA-mhxj-85r3-2x55","Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q","Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c","Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc","Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp","Warn: Project is vulnerable to: GHSA-c6f8-8r25-c4gc","Warn: Project is vulnerable to: GHSA-8mmm-9v2q-x3f9","Warn: Project is vulnerable to: GHSA-pfrx-2q88-qq97","Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j","Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27","Warn: Project is vulnerable to: GHSA-33f9-j839-rf8h","Warn: Project is vulnerable to: GHSA-c36v-fmgq-m8hx","Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22","Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq","Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488","Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-8hfj-j24r-96c4","Warn: Project is vulnerable to: GHSA-wc69-rhjr-hc9g","Warn: Project is vulnerable to: GHSA-qrpm-p2h7-hrv2","Warn: Project is vulnerable to: GHSA-r683-j2x4-v87g","Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5","Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp","Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq","Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr","Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765","Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g","Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr","Warn: Project is vulnerable to: GHSA-v39p-96qg-c8rf","Warn: Project is vulnerable to: GHSA-8v63-cqqc-6r2c","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-3j8f-xvm3-ffx4","Warn: Project is vulnerable to: GHSA-4p35-cfcx-8653","Warn: Project is vulnerable to: GHSA-7f3x-x4pr-wqhj","Warn: Project is vulnerable to: GHSA-jpp7-7chh-cf67","Warn: Project is vulnerable to: GHSA-q6wq-5p59-983w","Warn: Project is vulnerable to: GHSA-j9fq-vwqv-2fm2","Warn: Project is vulnerable to: GHSA-pqw5-jmp5-px4v","Warn: Project is vulnerable to: GHSA-6fx8-h7jm-663j","Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j","Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w","Warn: Project is vulnerable to: GHSA-hwj9-h5mp-3pm3","Warn: Project is vulnerable to: GHSA-566m-qj78-rww5","Warn: Project is vulnerable to: GHSA-hqhp-5p83-hx96","Warn: Project is vulnerable to: GHSA-3949-f494-cm99","Warn: Project is vulnerable to: GHSA-x7hr-w5r2-h6wg","Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg","Warn: Project is vulnerable to: GHSA-76p7-773f-r4q5","Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p","Warn: Project is vulnerable to: GHSA-gp95-ppv5-3jc5","Warn: Project is vulnerable to: GHSA-54xq-cgqr-rpm3","Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7","Warn: Project is vulnerable to: GHSA-wpg7-2c88-r8xv","Warn: Project is vulnerable to: GHSA-25hc-qcg6-38wj","Warn: Project is vulnerable to: GHSA-qm95-pgcg-qqfq","Warn: Project is vulnerable to: GHSA-cqmj-92xf-r6r9","Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh","Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-pq67-2wwv-3xjx","Warn: Project is vulnerable to: GHSA-8cj5-5rvv-wf4v","Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-w5p7-h5w8-2hfq","Warn: Project is vulnerable to: GHSA-hh27-ffr2-f2jc","Warn: Project is vulnerable to: GHSA-rqff-837h-mm52","Warn: Project is vulnerable to: GHSA-8v38-pw62-9cw2","Warn: Project is vulnerable to: GHSA-hgjh-723h-mx2j","Warn: Project is vulnerable to: GHSA-jf5r-8hm2-f872","Warn: Project is vulnerable to: GHSA-hc6q-2mpp-qw7j","Warn: Project is vulnerable to: GHSA-4vvj-4cpr-p986","Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6","Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v","Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h","Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7","Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693","Warn: Project is vulnerable to: GHSA-776f-qx25-q3cc"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-23T14:07:18.721Z","repository_id":38316984,"created_at":"2025-08-23T14:07:18.721Z","updated_at":"2025-08-23T14:07:18.721Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279001831,"owners_count":26083197,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-09T02:00:07.460Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["arabic","calendar","date","datepicker","farsi","gregorian","hijri","hindi","indian","jalali","locale","multi","multiple","persian","picker","range","rangepicker","react"],"created_at":"2025-10-09T17:44:38.352Z","updated_at":"2025-10-09T17:44:41.210Z","avatar_url":"https://github.com/shahabyazdi.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 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\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/shahabyazdi/react-multi-date-picker/blob/master/screenshot/screenshot.jpg?raw=true\" alt=\"date picker\"/\u003e\n\u003c/div\u003e\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\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/shahabyazdi/react-multi-date-picker/blob/master/screenshot/layouts.jpg?raw=true\"  alt=\"date picker layouts\"/\u003e\n\u003c/div\u003e\n\n# Plugins\n\nAbility to further customize the calendar and datepicker by adding one or more plugins.\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/shahabyazdi/react-multi-date-picker/blob/master/screenshot/plugins.jpg?raw=true\" alt=\"date picker plugins all in one\"/\u003e\n\u003c/div\u003e\n\n## Installation\n\n```code\nnpm i react-multi-date-picker\n```\n\n## Demo\n\n- **[DatePicker \u0026 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 \u0026 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 \u003cDatePicker value={value} onChange={setValue} /\u003e;\n}\n```\n\n## Browser (non react-app)\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n  \u003chead\u003e\n    \u003cmeta charset=\"UTF-8\" /\u003e\n    \u003ctitle\u003eReact Multi Date Picker\u003c/title\u003e\n  \u003c/head\u003e\n  \u003cbody\u003e\n    \u003cspan\u003eCalendar Example :\u003c/span\u003e\n    \u003cdiv id=\"calendar\"\u003e\u003c/div\u003e\n\n    \u003cspan\u003eDatePicker Example :\u003c/span\u003e\n    \u003cdiv id=\"datePicker\"\u003e\u003c/div\u003e\n\n    \u003cspan\u003ePlugins Example :\u003c/span\u003e\n    \u003cdiv id=\"datePickerWithPlugin\"\u003e\u003c/div\u003e\n\n    \u003c!-- Ract --\u003e\n    \u003cscript src=\"https://unpkg.com/react@17/umd/react.production.min.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"https://unpkg.com/react-dom@17/umd/react-dom.production.min.js\"\u003e\u003c/script\u003e\n\n    \u003c!-- DatePicker and dependencies--\u003e\n    \u003cscript src=\"https://cdn.jsdelivr.net/npm/date-object@latest/dist/umd/date-object.min.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"https://cdn.jsdelivr.net/npm/react-element-popper@latest/build/browser.min.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"https://cdn.jsdelivr.net/npm/react-multi-date-picker@latest/build/browser.min.js\"\u003e\u003c/script\u003e\n\n    \u003c!-- Optional Plugin --\u003e\n    \u003cscript src=\"https://cdn.jsdelivr.net/npm/react-multi-date-picker@latest/build/date_picker_header.browser.js\"\u003e\u003c/script\u003e\n\n    \u003cscript\u003e\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    \u003c/script\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\n## Available props\n\n\u003ctable\u003e\n      \u003cthead\u003e\n        \u003ctr\u003e\n          \u003cth\u003eName\u003c/th\u003e\n          \u003cth style=\"text-align:center\"\u003eType\u003c/th\u003e\n          \u003cth style=\"text-align:center\"\u003eDefault\u003c/th\u003e\n          \u003cth\u003eAvailability (DatePicker/ Calendar)\u003c/th\u003e\n        \u003c/tr\u003e\n      \u003c/thead\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n          \u003ctd\u003evalue\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\n            Date,\n            \u003ca href=\"https://github.com/shahabyazdi/react-date-object\"\u003e\n              DateObject\n            \u003c/a\u003e\n            , String, Number or Array\n          \u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003enew Date()\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eref\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eReact.RefObject\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003emultiple\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse (true if value is Array)\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003erange\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eonlyMonthPicker\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eonlyYearPicker\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eformat\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eString\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eYYYY/MM/DD\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eformattingIgnoreList\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eArray\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003ecalendar\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eObject\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003egregorian\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003elocale\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eObject\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003egregorian_en\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003emapDays\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eFunction\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eonChange\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eFunction\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eonPropsChange\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eFunction\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eonMonthChange\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eFunction\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eonYearChange\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eFunction\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eonFocusedDateChange\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eFunction\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003edigits\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eArray\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eweekDays\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eArray\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003emonths\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eArray\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eshowOtherDays\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eminDate\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eDate, DateObject, String or Number\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003emaxDate\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eDate, DateObject, String or Number\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003edisableYearPicker\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003edisableMonthPicker\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003edisableDayPicker\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003ezIndex\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eNumber\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e100\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eplugins\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eArray\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e[]\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003esort\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003enumberOfMonths\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eNumber\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e1\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003ecurrentDate\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eDateObject\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003ebuttons\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003etrue\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003erenderButton\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eReact.ReactElement or Function\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eweekStartDayIndex\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eNumber\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eclassName\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eString\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003ereadOnly\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003edisabled\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003ehideMonth\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003ehideYear\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n         \u003ctr\u003e\n          \u003ctd\u003ehideWeekDays\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eshadow\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003etrue\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003efullYear\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003edisplayWeekNumbers\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eweekNumber\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eString\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eweekPicker\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003erangeHover\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003emonthYearSeparator\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eString\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\",\" for LTR locales, \"،\" for RTL locales\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eformatMonth\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eFunction\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eundefined\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eformatYear\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eFunction\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eundefined\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003ehighlightToday\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003etrue\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003estyle\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eReact.CSSProperties\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e{}\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eheaderOrder\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eArray\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e[\"LEFT_BUTTON\", \"MONTH_YEAR\", \"RIGHT_BUTTON\"]\u003c/td\u003e\n          \u003ctd\u003eboth\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eonOpen\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eFunction\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eonClose\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eFunction\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eonPositionChange\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eFunction\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003econtainerClassName\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eString\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003earrowClassName\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eString\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e0\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003econtainerStyle\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eReact.CSSProperties\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003earrowStyle\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eReact.CSSProperties\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e0\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003earrow\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean or React.ReactElement\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003etrue\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eanimations\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eArray\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003einputClass\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eString\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003ename\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eString\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eid\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eString\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003etitle\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eString\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003erequired\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eplaceholder\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eString\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003erender\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eReact.ReactElement or Function\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003einputMode\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eString\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003escrollSensitive\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003etrue\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003ehideOnScroll\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003ecalendarPosition\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eString\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u0026quot;bottom-left\u0026quot;\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eeditable\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003etrue\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eonlyShowInRangeDates\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003etrue\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003efixMainPosition\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003efixRelativePosition\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eoffsetY\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eNumber\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e0\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eoffsetX\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eNumber\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e0\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003emobileLabels\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eObject\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eportal\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eportalTarget\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eHTMLElement\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eonOpenPickNewDate\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003etrue\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003emobileButtons\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eHTMLButtonElement[]\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e[]\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003edateSeparator\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eString\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e'~' in range mode, ',' in multiple mode\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003emultipleRangeSeparator\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eString\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e','\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003etypingTimeout\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eString\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003e700\u003c/td\u003e\n          \u003ctd\u003eDatePicker\u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n          \u003ctd\u003eautoFocus\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003eBoolean\u003c/td\u003e\n          \u003ctd style=\"text-align:center\"\u003efalse\u003c/td\u003e\n          \u003ctd\u003eCalendar\u003c/td\u003e\n        \u003c/tr\u003e\n      \u003c/tbody\u003e\n    \u003c/table\u003e\n\n# Calendars \u0026 Locales\n\nClick [here](https://shahabyazdi.github.io/react-multi-date-picker/calendars) to see the descriptions.\n\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003cth colspan=\"2\" rowspan=\"2\"\u003eCalendars\u003c/th\u003e\n      \u003cth\u003eGregorian\u003c/th\u003e\n      \u003cth\u003ePersian (Solar Hijri)\u003c/th\u003e\n      \u003cth\u003eJalali\u003c/th\u003e\n      \u003cth\u003eArabic (Lunar Hijri)\u003c/th\u003e\n      \u003cth\u003eIndian\u003c/th\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e/calendars/gregorian\u003c/td\u003e\n      \u003ctd\u003e/calendars/persian\u003c/td\u003e\n      \u003ctd\u003e/calendars/jalali\u003c/td\u003e\n      \u003ctd\u003e/calendars/arabic\u003c/td\u003e\n      \u003ctd\u003e/calendars/indian\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003cth rowspan=\"5\"\u003eLocales\u003c/th\u003e\n      \u003cth\u003eEnglish\u003c/th\u003e\n      \u003ctd\u003e/locales/gregorian_en\u003c/td\u003e\n      \u003ctd\u003e/locales/persian_en\u003c/td\u003e\n      \u003ctd\u003e/locales/persian_en\u003c/td\u003e\n      \u003ctd\u003e/locales/arabic_en\u003c/td\u003e\n      \u003ctd\u003e/locales/indian_en\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003cth\u003ePortuguese - BRAZIL\u003c/th\u003e\n      \u003ctd\u003e/locales/gregorian_pt_br\u003c/td\u003e\n      \u003ctd\u003e-\u003c/td\u003e\n      \u003ctd\u003e-\u003c/td\u003e\n      \u003ctd\u003e-\u003c/td\u003e\n      \u003ctd\u003e-\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003cth\u003eFarsi\u003c/th\u003e\n      \u003ctd\u003e/locales/gregorian_fa\u003c/td\u003e\n      \u003ctd\u003e/locales/persian_fa\u003c/td\u003e\n      \u003ctd\u003e/locales/persian_fa\u003c/td\u003e\n      \u003ctd\u003e/locales/arabic_fa\u003c/td\u003e\n      \u003ctd\u003e/locales/indian_fa\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003cth\u003eArabic\u003c/th\u003e\n      \u003ctd\u003e/locales/gregorian_ar\u003c/td\u003e\n      \u003ctd\u003e/locales/persian_ar\u003c/td\u003e\n      \u003ctd\u003e/locales/persian_ar\u003c/td\u003e\n      \u003ctd\u003e/locales/arabic_ar\u003c/td\u003e\n      \u003ctd\u003e/locales/indian_ar\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003cth\u003eHindi\u003c/th\u003e\n      \u003ctd\u003e/locales/gregorian_hi\u003c/td\u003e\n      \u003ctd\u003e/locales/persian_hi\u003c/td\u003e\n      \u003ctd\u003e/locales/persian_hi\u003c/td\u003e\n      \u003ctd\u003e/locales/arabic_hi\u003c/td\u003e\n      \u003ctd\u003e/locales/indian_hi\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003cbr/\u003e\n\nOf course, you can customize the names of the months and days of the week\nin both the calendar \u0026 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","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshahabyazdi%2Freact-multi-date-picker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshahabyazdi%2Freact-multi-date-picker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshahabyazdi%2Freact-multi-date-picker/lists"}