{"_id":"@darkod/vuejs-datepicker","_rev":"3-6ac1f04a3ce317fbbf8073ffdcca1bdb","name":"@darkod/vuejs-datepicker","dist-tags":{"latest":"1.6.6"},"versions":{"1.6.3":{"name":"@darkod/vuejs-datepicker","version":"1.6.3","description":"A simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations","keywords":["vue","datepicker","date-picker","calendar"],"main":"dist/vuejs-datepicker.js","module":"dist/vuejs-datepicker.esm.js","unpkg":"dist/vuejs-datepicker.min.js","author":{"name":"Darko Demić","email":"mail@darkodemic.com"},"contributors":[{"name":"Alexander Sigida","email":"alexander.sigida17@gmail.com"}],"repository":{"type":"git","url":"git+https://github.com/darkodemic/vuejs-datepicker.git"},"bugs":{"url":"https://github.com/darkodemic/vuejs-datepicker/issues"},"private":false,"license":"MIT","scripts":{"build":"npm run lint && rm -rf dist/* && rollup -c scripts/build.js && rollup -c scripts/build-locale.js","serve":"rollup -c scripts/serve.js --watch","test":"jest --config test/unit/jest.conf.js --coverage","lint":"eslint --ext .js,.vue src test/unit/specs","prepublishOnly":"npm run build"},"pre-commit":["lint","test"],"dependencies":{},"peerDependencies":{"vue":"^2.6.10"},"devDependencies":{"@babel/cli":"^7.4.4","@babel/core":"^7.4.5","@babel/node":"^7.4.5","@babel/plugin-external-helpers":"^7.2.0","@babel/plugin-transform-modules-commonjs":"^7.4.4","@babel/plugin-transform-runtime":"^7.4.4","@babel/preset-env":"^7.4.5","@babel/preset-stage-2":"^7.0.0","@babel/register":"^7.4.4","@babel/runtime":"^7.4.5","@vue/test-utils":"^1.0.0-beta.12","autoprefixer":"^8.3.0","babel-eslint":"^7.1.1","babel-jest":"^24.8.0","chalk":"^1.1.3","connect-history-api-fallback":"^1.3.0","coveralls":"^3.0.4","eslint":"^3.19.0","eslint-config-standard":"^6.2.1","eslint-friendly-formatter":"^2.0.7","eslint-plugin-html":"^2.0.0","eslint-plugin-promise":"^3.4.0","eslint-plugin-standard":"^2.0.1","eventsource-polyfill":"^0.9.6","jest":"^24.8.0","jest-serializer-vue":"^2.0.2","lolex":"^1.5.2","opn":"^4.0.2","ora":"^1.2.0","parse5":"^2.1.0","pre-commit":"^1.2.2","rimraf":"^2.6.0","rollup":"^1.16.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-livereload":"^1.0.1","rollup-plugin-node-resolve":"^5.0.4","rollup-plugin-postcss":"^2.0.3","rollup-plugin-replace":"^2.0.0","rollup-plugin-serve":"^1.0.1","rollup-plugin-terser":"^5.0.0","rollup-plugin-vue":"^5.0.0","semver":"^5.3.0","shelljs":"^0.8.3","stylus":"^0.54.5","vue":"^2.6.10","vue-jest":"^4.0.0-beta.2","vue-server-renderer":"^2.6.10","vue-template-compiler":"^2.6.10"},"homepage":"https://github.com/charliekassel/vuejs-datepicker#readme","directories":{"example":"example","test":"test"},"gitHead":"5fd5670e3cc119954ee8c3c56941bab9dcf11380","_id":"@darkod/vuejs-datepicker@1.6.3","_nodeVersion":"12.13.1","_npmVersion":"6.13.7","dist":{"integrity":"sha512-IUarR2tu/2aHvWf8zH9/w4Fv3eJS6gV6AVmDfUzRAh5tNgVc0NFDYJDQ5c+5Sf+KVorMLXXNPRgUoOsL5h9u1g==","shasum":"f08b525f3190cd50a467958d851f862b97ae256f","tarball":"https://registry.npmjs.org/@darkod/vuejs-datepicker/-/vuejs-datepicker-1.6.3.tgz","fileCount":117,"unpackedSize":467733,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeWAqoCRA9TVsSAnZWagAAef8QAJasGaV9FtCACtGqdccY\nA/f5/gGVT7TJxHXubjCeIHKQfi+b+h3FzKI4J4/Fnu3YNyg2/qY0GM2ygkfJ\nvJK4PFhYJLX6a6yMNsbQhZI6w0LlF4SjrOPqfO1JqcbMSCxx0t3SviW7bx1+\nyCsmUYSgMBMlkzGatLKmXYkj2yGQATHlQphvR0HLCmu/RV1k507vzCdPo3ZW\n3CS9FgSGNt2NkjfV0mKXf2CVpwS2pBx9TH19Ugj+WCijSopqJVbNdcTj1zcs\nDJycLBJXEoqJmw6VAPqinpDyO9JfSkHwQyMOm0mwmgbIYvOnwakQy0btdDKe\n6mT35SxM2BRawpGNrAN8YIhydh9cFBxcYcv2nYRs1evt5EbZE0lFmSc3GvkU\ne2Y1YedmPuZc94nigk88/Hj5evlsFuHR1EEg0FGdOHxNabnmnoQMQ363Qzex\nGcUSlalcteRIMDgKrsnjdIXsofb1CEK3G8m734VjdJZ/xu/jv8MUow8BOn+e\nYoN7FNqnhkvaLJ968AppzwMkjEpsy63g6TxzDvtA8hzWKIHYoyxaH4vx+Uc7\nn/b3Ng42PkktWRqiotWfcTtlf05HIkRzRYaFsfT5eQnDsv7fOOCSf6KT0I4v\nnJQxW3rv4bNLsBy2gptPdo7YMUNHyOjrBGMZJKThSbQpRGStt1/n3Mz+CIkA\n2DpU\r\n=rBTc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDRdrbv0ELo3oS/+SBjFg1VeyA3JOrpDUoUTC/cuvIHMwIhALUS5C8y++yUjeCxFVy/PsCJP3BNhc6RWNImkPVpEtLw"}]},"maintainers":[{"name":"darkod","email":"mail@darkodemic.com"}],"_npmUser":{"name":"darkod","email":"mail@darkodemic.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vuejs-datepicker_1.6.3_1582828199885_0.5448553144619592"},"_hasShrinkwrap":false},"1.6.4":{"name":"@darkod/vuejs-datepicker","version":"1.6.4","description":"A simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations","keywords":["vue","datepicker","date-picker","calendar"],"main":"dist/vuejs-datepicker.js","module":"dist/vuejs-datepicker.esm.js","unpkg":"dist/vuejs-datepicker.min.js","author":{"name":"Darko Demić","email":"mail@darkodemic.com"},"contributors":[{"name":"Alexander Sigida","email":"alexander.sigida17@gmail.com"}],"repository":{"type":"git","url":"git+https://github.com/darkodemic/vuejs-datepicker.git"},"bugs":{"url":"https://github.com/darkodemic/vuejs-datepicker/issues"},"private":false,"license":"MIT","scripts":{"build":"npm run lint && rm -rf dist/* && rollup -c scripts/build.js && rollup -c scripts/build-locale.js","serve":"rollup -c scripts/serve.js --watch","test":"jest --config test/unit/jest.conf.js --coverage","lint":"eslint --ext .js,.vue src test/unit/specs","prepublishOnly":"npm run build"},"pre-commit":["lint","test"],"dependencies":{},"peerDependencies":{"vue":"^2.6.10"},"devDependencies":{"@babel/cli":"^7.4.4","@babel/core":"^7.4.5","@babel/node":"^7.4.5","@babel/plugin-external-helpers":"^7.2.0","@babel/plugin-transform-modules-commonjs":"^7.4.4","@babel/plugin-transform-runtime":"^7.4.4","@babel/preset-env":"^7.4.5","@babel/preset-stage-2":"^7.0.0","@babel/register":"^7.4.4","@babel/runtime":"^7.4.5","@vue/test-utils":"^1.0.0-beta.12","autoprefixer":"^8.3.0","babel-eslint":"^7.1.1","babel-jest":"^24.8.0","chalk":"^1.1.3","connect-history-api-fallback":"^1.3.0","coveralls":"^3.0.4","eslint":"^3.19.0","eslint-config-standard":"^6.2.1","eslint-friendly-formatter":"^2.0.7","eslint-plugin-html":"^2.0.0","eslint-plugin-promise":"^3.4.0","eslint-plugin-standard":"^2.0.1","eventsource-polyfill":"^0.9.6","jest":"^24.8.0","jest-serializer-vue":"^2.0.2","lolex":"^1.5.2","opn":"^4.0.2","ora":"^1.2.0","parse5":"^2.1.0","pre-commit":"^1.2.2","rimraf":"^2.6.0","rollup":"^1.16.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-livereload":"^1.0.1","rollup-plugin-node-resolve":"^5.0.4","rollup-plugin-postcss":"^2.0.3","rollup-plugin-replace":"^2.0.0","rollup-plugin-serve":"^1.0.1","rollup-plugin-terser":"^5.0.0","rollup-plugin-vue":"^5.0.0","semver":"^5.3.0","shelljs":"^0.8.3","stylus":"^0.54.5","vue":"^2.6.10","vue-jest":"^4.0.0-beta.2","vue-server-renderer":"^2.6.10","vue-template-compiler":"^2.6.10"},"homepage":"https://github.com/charliekassel/vuejs-datepicker#readme","directories":{"example":"example","test":"test"},"gitHead":"0fb9da9ce0db28a5ee86e7a5e43493724139d749","_id":"@darkod/vuejs-datepicker@1.6.4","_nodeVersion":"12.13.1","_npmVersion":"6.13.7","dist":{"integrity":"sha512-A2dFvyHnmXu/m1ZT/EWCx/laCP6W1H/aETeAKGSq1HGk8f2w75o02+OUeMnPk4VKbnZgIpWWt6dh8jO28xFtTQ==","shasum":"97033b4d613772adc6e7676cc408cb5a5bcb3de9","tarball":"https://registry.npmjs.org/@darkod/vuejs-datepicker/-/vuejs-datepicker-1.6.4.tgz","fileCount":117,"unpackedSize":467760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeWTatCRA9TVsSAnZWagAAJKcP/iD/9hdG782bIWCFSUqa\nFx98RXByb/iZG1OpJEbCUABlMgHhBYhKhAjfK3bKLCBOCDFsiFhN98jTN0vd\n+9iB0zVzn8TsRC5EVZ5YwixL9x7jB4PUP3BAQ6UM8asixkQcrEFA37fRwjUz\nZ2gX0kqujl9mAHAse9PteFYCARQj/2HzD0te9Y1WhWiWFU0x5UOnFwSKiVoV\nZAaPxnCOzzPvB9rhT9iOp+N9emnyxFh0wCp1TjjAquEmmZ6QqWso3t5GB1rg\nIgicd/PnZaLlN+//jCSLT2iMtuBciKmlED8XTU8JFf4hyK1d1Mf0riWu2V3B\ncTkvFT7zPW8nCiAxGW1Q64CLw9nQv/2Fwnb+KcpOXCyyq0iUfvjhrZcDZm+G\nUjamZyIKeO1fZX0P49gDnN6npft9GH2BLgyODaXLIiP6kIC7P9Am4/80IzK6\n1DVWXt2FhufrMY2+e5zdC72cWmdgSND3YdqfYFJEu5kqqoMrMJJsdKynQ654\nWCm0ZCtNfDLIlRZhvveVOPLQOaDzWrqRn8LnF0bJMMgpPSpYo4nl0clDBK5p\nK0rV0r+zoH4pHoqdrteVVRyd0h52JXTek6NEn4kSTGiqUUp88eQXFYhEvL33\nzrWZURBWXLfKb/BXSwqvbD5Ey/FwSLxkUaFS+LV1vJsrh90d7CWF5mWvMHzl\nHj3n\r\n=zI8E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/7hh5dIWHRbUDZrye2W4JBQYjDTXpQsY+wA6PQ4xYigIhANXD6s7rnPWavADBlByxxKz/jV7LqtPq3Z++wZbro1/T"}]},"maintainers":[{"name":"darkod","email":"mail@darkodemic.com"}],"_npmUser":{"name":"darkod","email":"mail@darkodemic.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vuejs-datepicker_1.6.4_1582905004963_0.10777164955154239"},"_hasShrinkwrap":false},"1.6.6":{"name":"@darkod/vuejs-datepicker","version":"1.6.6","description":"A simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations","keywords":["vue","datepicker","date-picker","calendar"],"main":"dist/vuejs-datepicker.js","module":"dist/vuejs-datepicker.esm.js","unpkg":"dist/vuejs-datepicker.min.js","author":{"name":"Darko Demić","email":"mail@darkodemic.com"},"contributors":[{"name":"Alexander Sigida","email":"alexander.sigida17@gmail.com"}],"repository":{"type":"git","url":"git+https://github.com/darkodemic/vuejs-datepicker.git"},"bugs":{"url":"https://github.com/darkodemic/vuejs-datepicker/issues"},"private":false,"license":"MIT","scripts":{"build":"npm run lint && rm -rf dist/* && rollup -c scripts/build.js && rollup -c scripts/build-locale.js","serve":"rollup -c scripts/serve.js --watch","test":"jest --config test/unit/jest.conf.js --coverage","lint":"eslint --ext .js,.vue src test/unit/specs","prepublishOnly":"npm run build"},"pre-commit":["lint","test"],"dependencies":{},"peerDependencies":{"vue":"^2.6.10"},"devDependencies":{"@babel/cli":"^7.4.4","@babel/core":"^7.4.5","@babel/node":"^7.4.5","@babel/plugin-external-helpers":"^7.2.0","@babel/plugin-transform-modules-commonjs":"^7.4.4","@babel/plugin-transform-runtime":"^7.4.4","@babel/preset-env":"^7.4.5","@babel/preset-stage-2":"^7.0.0","@babel/register":"^7.4.4","@babel/runtime":"^7.4.5","@vue/test-utils":"^1.0.0-beta.12","autoprefixer":"^8.3.0","babel-eslint":"^7.1.1","babel-jest":"^24.8.0","chalk":"^1.1.3","connect-history-api-fallback":"^1.3.0","coveralls":"^3.0.4","eslint":"^3.19.0","eslint-config-standard":"^6.2.1","eslint-friendly-formatter":"^2.0.7","eslint-plugin-html":"^2.0.0","eslint-plugin-promise":"^3.4.0","eslint-plugin-standard":"^2.0.1","eventsource-polyfill":"^0.9.6","jest":"^24.8.0","jest-serializer-vue":"^2.0.2","lolex":"^1.5.2","opn":"^4.0.2","ora":"^1.2.0","parse5":"^2.1.0","pre-commit":"^1.2.2","rimraf":"^2.6.0","rollup":"^1.16.2","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-livereload":"^1.0.1","rollup-plugin-node-resolve":"^5.0.4","rollup-plugin-postcss":"^2.0.3","rollup-plugin-replace":"^2.0.0","rollup-plugin-serve":"^1.0.1","rollup-plugin-terser":"^5.0.0","rollup-plugin-vue":"^5.0.0","semver":"^5.3.0","shelljs":"^0.8.3","stylus":"^0.54.5","vue":"^2.6.10","vue-jest":"^4.0.0-beta.2","vue-server-renderer":"^2.6.10","vue-template-compiler":"^2.6.10"},"homepage":"https://github.com/charliekassel/vuejs-datepicker#readme","directories":{"example":"example","test":"test"},"gitHead":"2bb2ab339a46c9dc979e3389a5143e16577cc81c","_id":"@darkod/vuejs-datepicker@1.6.6","_nodeVersion":"12.13.1","_npmVersion":"6.13.7","dist":{"integrity":"sha512-lU5tRy5HPyraWigg70cWZ9M2ehjVKrDprRATzYCt/TCxa7XobiAM1cCCBMD59T4OPa46YpEhHALNGDHJ/cvBpA==","shasum":"f00921b7789e47baca9eb046bad743c6793b24af","tarball":"https://registry.npmjs.org/@darkod/vuejs-datepicker/-/vuejs-datepicker-1.6.6.tgz","fileCount":117,"unpackedSize":467915,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenrzDCRA9TVsSAnZWagAA9ogP/1FsWGtrldsCkEw8t6e2\n8lKO+37VaiBWEa0Gg174T8GA0vux8YQQozPJPYMa/TObkwIV1+stUjwU+eUI\n77Asq7hMXTxJCijkUD/kT67uvLBD+diNN1gsmsKh28alZ+/3TxSGW1tyft82\nylWEXnQ8pYksPc6U/G8LB38BALY1jtYKs2uQW5adTvn5Ue5Ewy+WmrLWh0QO\nAkFvK6UwEjjjZ12RJ/GWxa6BjSSAoYo9o+gNcvLXCOICol1hUk23Lukci9Tb\nFyjtIYfgozS5lxYZyOXAVO3pLvhMQ2GtMjckIXAOiwpViMwnwtMPDIaT0yg3\nfVsW/C97YuNHgaCKgGK4AGx118NuSadFNpyWrVQUvqzCryayqrF+HkfS2Ugf\nRuxIFq6FEz7DePduvNpSDSDYkmiENt/FQUhbAGr6oCroHM/7YdIels0T+20t\nvQsTh8IPDFUHc6a2OtW4h9Nyy4x0ISL8wiv6geWfGvOS8700vU/8mBO26FaZ\nOu3WltKHqKlBCqwvBgzCBe1OCtYUWSqxkg2cBGLOUP7Uph15+8lndQmUHv2p\n9CFgtkVNI5MpSSBude46+YJ7TxPIv+ZT2ipfs8smDN2ZPXg5PRJ8kQaEPaem\nsOXd4AJC5S9ZLFI/zpk6yPi1Lk+Dh8Bv0B45XrgbnECQnGsoCtRnAJ9qddBg\nIAcd\r\n=/vgh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIATneIYniTRkHsg3CsYbzSJ8HnvmoOHvPtsDp/JsgaBbAiEAjBl4Oi0We6JdNqXvge3IPZqHkk2pZD+GXAMNKMf5pq0="}]},"maintainers":[{"name":"darkod","email":"mail@darkodemic.com"}],"_npmUser":{"name":"darkod","email":"mail@darkodemic.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vuejs-datepicker_1.6.6_1587461314454_0.5019258277713687"},"_hasShrinkwrap":false}},"time":{"created":"2020-02-27T18:29:59.813Z","1.6.3":"2020-02-27T18:30:00.212Z","modified":"2022-04-05T02:45:26.445Z","1.6.4":"2020-02-28T15:50:05.107Z","1.6.6":"2020-04-21T09:28:34.578Z"},"maintainers":[{"name":"darkod","email":"mail@darkodemic.com"}],"description":"A simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations","homepage":"https://github.com/charliekassel/vuejs-datepicker#readme","keywords":["vue","datepicker","date-picker","calendar"],"repository":{"type":"git","url":"git+https://github.com/darkodemic/vuejs-datepicker.git"},"contributors":[{"name":"Alexander Sigida","email":"alexander.sigida17@gmail.com"}],"author":{"name":"Darko Demić","email":"mail@darkodemic.com"},"bugs":{"url":"https://github.com/darkodemic/vuejs-datepicker/issues"},"license":"MIT","readme":"# Datepicker\n\n[![Travis Build](https://img.shields.io/travis/charliekassel/vuejs-datepicker.svg)](https://travis-ci.org/charliekassel/vuejs-datepicker)\n[![Version](https://img.shields.io/npm/v/vuejs-datepicker.svg)](https://www.npmjs.com/package/vuejs-datepicker)\n[![Coveralls github](https://img.shields.io/coveralls/github/charliekassel/vuejs-datepicker.svg)](https://coveralls.io/github/charliekassel/vuejs-datepicker?branch=master)\n[![Downloads](https://img.shields.io/npm/dm/vuejs-datepicker.svg)](https://www.npmjs.com/package/vuejs-datepicker)\n\nA datepicker Vue component. Compatible with Vue 2.x\n\n- [Demo](#demo)\n- [Install](#install)\n- [Usage](#usage)\n- [Date Formatting](#date-formatting)\n- [Props](#available-props)\n- [Events](#events)\n- [Disabled dates](#disabled-dates)\n- [Highlighted dates](#highlighted-dates)\n- [Translations](#translations)\n\nNB. Vue 1.x was supported up to version v0.9.9. If you want to use this component with Vue 1.x you can install with `npm install vuejs-datepicker@0.9.9`\n\n## Demo\n\nTo view a demo online:\nhttps://codesandbox.io/s/mpklq49wp\n\nTo view demo examples locally clone the repo and run `npm install && npm run serve`\n\n## Install\n\n``` bash\nnpm install vuejs-datepicker --save\n```\n\n\n``` javascript\nimport Datepicker from 'vuejs-datepicker';\n\nexport default {\n  // ...\n  components: {\n    Datepicker\n  }\n  // ...\n}\n```\n\nOr use directly from a CDN\n``` html\n<div id=\"app\">\n  <vuejs-datepicker></vuejs-datepicker>\n</div>\n<script src=\"https://unpkg.com/vue\"></script>\n<script src=\"https://unpkg.com/vuejs-datepicker\"></script>\n<script>\nconst app = new Vue({\n  el: '#app',\n  components: {\n  \tvuejsDatepicker\n  }\n})\n</script>\n\n<!-- French language example -->\n<div id=\"app\">\n  <vuejs-datepicker :language=\"fr\"></vuejs-datepicker>\n</div>\n<script src=\"https://unpkg.com/vue\"></script>\n<script src=\"https://unpkg.com/vuejs-datepicker\"></script>\n<script src=\"https://unpkg.com/vuejs-datepicker/dist/locale/translations/fr.js\"></script>\n<script>\nconst app = new Vue({\n  el: '#app',\n  data() {\n    return {\n      fr: vdp_translation_fr.js\n    }\n  },\n  components: {\n  \tvuejsDatepicker\n  }\n})\n</script>\n```\n\n## Usage\n\n``` html\n<datepicker></datepicker>\n```\n\n*value* prop if passed should be a Date object\n\n``` html\n<script>\nvar state = {\n  date: new Date(2016, 9,  16)\n}\n</script>\n<datepicker :value=\"state.date\"></datepicker>\n```\nsupport name attribute for normal html form submission\n``` html\n<datepicker :value=\"state.date\" name=\"uniquename\"></datepicker>\n```\nUsing `v-model`\n``` html\n<datepicker v-model=\"state.date\" name=\"uniquename\"></datepicker>\n```\nEmits events\n``` html\n<datepicker @selected=\"doSomethingInParentComponentFunction\" @opened=\"datepickerOpenedFunction\" @closed=\"datepickerClosedFunction\">\n```\nInline always open version\n``` html\n<datepicker :inline=\"true\"></datepicker>\n```\n## Available props\n\n| Prop                          | Type            | Default     | Description                              |\n|-------------------------------|-----------------|-------------|------------------------------------------|\n| value                         | Date\\|String    |             | Date value of the datepicker             |\n| name                          | String          |             | Input name property                      |\n| id                            | String          |             | Input id                                 |\n| format                        | String\\|Function| dd MMM yyyy | Date formatting string or function       |\n| full-month-name               | Boolean         | false       | To show the full month name              |\n| language                      | Object          | en          | Translation for days and months          |\n| disabled-dates                | Object          |             | See below for configuration              |\n| placeholder                   | String          |             | Input placeholder text                   |\n| inline                        | Boolean         |             | To show the datepicker always open       |\n| calendar-class                | String\\|Object  |             | CSS class applied to the calendar el     |\n| input-class                   | String\\|Object  |             | CSS class applied to the input el        |\n| wrapper-class                 | String\\|Object  |             | CSS class applied to the outer div       |\n| monday-first                  | Boolean         | false       | To start the week on Monday              |\n| clear-button                  | Boolean         | false       | Show an icon for clearing the date       |\n| clear-button-icon             | String          |             | Use icon for button (ex: fa fa-times)    |\n| calendar-button               | Boolean         | false       | Show an icon that that can be clicked    |\n| calendar-button-icon          | String          |             | Use icon for button (ex: fa fa-calendar) |\n| calendar-button-icon-content  | String          |             | Use for material-icons (ex: event)       |\n| day-cell-content              | Function        |             | Use to render custom content in day cell |\n| bootstrap-styling             | Boolean         | false       | Output bootstrap v4 styling classes.     |\n| initial-view                  | String          | minimumView | If set, open on that view                |\n| disabled                      | Boolean         | false       | If true, disable Datepicker on screen    |\n| required                      | Boolean         | false       | Sets html required attribute on input    |\n| typeable                      | Boolean         | false       | If true, allow the user to type the date |\n| use-utc                       | Boolean         | false       | use UTC for time calculations            |\n| open-date                     | Date\\|String    |             | If set, open on that date                |\n| minimum-view                  | String          | 'day'       | If set, lower-level views won't show     |\n| maximum-view                  | String          | 'year'      | If set, higher-level views won't show    |\n\n\n## Events\n\nThese events are emitted on actions in the datepicker\n\n| Event             | Output     | Description                          |\n|-------------------|------------|--------------------------------------|\n| opened            |            | The picker is opened                 |\n| closed            |            | The picker is closed                 |\n| selected          | Date\\|null | A date has been selected             |\n| selectedDisabled  | Object     | A disabled date has been selected    |\n| input             | Date\\|null | Input value has been modified        |\n| cleared           |            | Selected date has been cleared       |\n| changedMonth      | Object     | Month page has been changed          |\n| changedYear       | Object     | Year page has been changed           |\n| changedDecade     | Object     | Decade page has been changed         |\n\n\n## Date formatting\n\n#### String formatter\n\nNB. This is not very robust at all - use at your own risk! Needs a better implementation.\n\n| Token | Desc                   | Example     |\n|-------|------------------------|-------------|\n| d     | day                    | 1           |\n| dd    | 0 prefixed day         | 01          |\n| D     | abbr day               | Mon         |\n| su    | date suffix            | st, nd, rd  |\n| M     | month number (1 based) | 1 (for Jan) |\n| MM    | 0 prefixed month       | 01          |\n| MMM   | abbreviated month name | Jan         |\n| MMMM  | month name             | January     |\n| yy    | two digit year         | 16          |\n| yyyy  | four digit year        | 2016        |\n\n#### Function formatter\n\nDelegates date formatting to provided function.\nFunction will be called with date and it has to return formated date as a string.\nThis allow us to use moment, date-fns, globalize or any other library to format date.\n\n``` html\n<script>\n  methods: {\n    customFormatter(date) {\n      return moment(date).format('MMMM Do YYYY, h:mm:ss a');\n    }\n  }\n</script>\n<datepicker :format=\"customFormatter\"></datepicker>\n```\n\n## Disabled Dates\nDates can be disabled in a number of ways.\n\n``` html\n<script>\nvar state = {\n  disabledDates: {\n    to: new Date(2016, 0, 5), // Disable all dates up to specific date\n    from: new Date(2016, 0, 26), // Disable all dates after specific date\n    days: [6, 0], // Disable Saturday's and Sunday's\n    daysOfMonth: [29, 30, 31], // Disable 29th, 30th and 31st of each month\n    dates: [ // Disable an array of dates\n      new Date(2016, 9, 16),\n      new Date(2016, 9, 17),\n      new Date(2016, 9, 18)\n    ],\n    ranges: [{ // Disable dates in given ranges (exclusive).\n      from: new Date(2016, 11, 25),\n      to: new Date(2016, 11, 30)\n    }, {\n      from: new Date(2017, 1, 12),\n      to: new Date(2017, 2, 25)\n    }],\n    // a custom function that returns true if the date is disabled\n    // this can be used for wiring you own logic to disable a date if none\n    // of the above conditions serve your purpose\n    // this function should accept a date and return true if is disabled\n    customPredictor: function(date) {\n      // disables the date if it is a multiple of 5\n      if(date.getDate() % 5 == 0){\n        return true\n      }\n    }\n  }\n}\n</script>\n<datepicker :disabled-dates=\"state.disabledDates\"></datepicker>\n```\n\n## Highlighted Dates\nDates can be highlighted (e.g. for marking an appointment) in a number of ways. Important:\nBy default disabled dates are ignored, to highlight disabled dates set the `includeDisabled`\nproperty to `true`. Note: Both `to` and `from` properties are required to define a range of\ndates to highlight.\n\n``` html\n<script>\nvar state = {\n  highlighted: {\n    to: new Date(2016, 0, 5), // Highlight all dates up to specific date\n    from: new Date(2016, 0, 26), // Highlight all dates after specific date\n    days: [6, 0], // Highlight Saturday's and Sunday's\n    daysOfMonth: [15, 20, 31], // Highlight 15th, 20th and 31st of each month\n    dates: [ // Highlight an array of dates\n      new Date(2016, 9, 16),\n      new Date(2016, 9, 17),\n      new Date(2016, 9, 18)\n    ],\n    // a custom function that returns true of the date is highlighted\n    // this can be used for wiring you own logic to highlight a date if none\n    // of the above conditions serve your purpose\n    // this function should accept a date and return true if is highlighted\n    customPredictor: function(date) {\n      // highlights the date if it is a multiple of 4\n      if(date.getDate() % 4 == 0){\n        return true\n      }\n    },\n    includeDisabled: true // Highlight disabled dates\n  }\n}\n</script>\n<datepicker :highlighted=\"state.highlighted\"></datepicker>\n```\n## Slots\n\nSlots will help you customize content.  .\n\n#### beforeCalendarHeader\n\nSometimes you need to show custom content before the calendar header. For such cases you can use the named slot `beforeCalendarHeader`.\n\nAn example would be to use bootstrap's `input-group-prepend` and `input-group-append`\nto show some custom text:\n``` html\n<datepicker :bootstrap-styling=\"true\">\n  <div slot=\"beforeCalendarHeader\" class=\"calender-header\">\n    Choose a Date\n  </div>\n</datepicker>\n```\n\n#### afterDateInput\n\nTo implement some custom styling (for instance to add an animated placeholder) on DateInput, you might need to add elements as DateInput siblings. Slot named\n`afterDateInput` allows you to do that:\n\n``` html\n<datepicker>\n  <span slot=\"afterDateInput\" class=\"animated-placeholder\">\n    Choose a Date\n  </span>\n</datepicker>\n```\n\n\n## Translations\n\nContributing guide - please use appropriate code from this [list](http://www.iana.org/assignments/language-subtag-registry/language-subtag-registry) as the translation property.\n\n- Add your language as a module in the `src/locale/translations` dir.\n- Import and export it in the `src/locale/index` file\n- Add the Language to the available languages in the readme file.\n- Run `npm run lint` to make sure your code formatting is in line with the required code style.\n\n### How to apply language\n\nBelow script tag in component.\n```javascript\nimport {en, es} from 'vuejs-datepicker/dist/locale'\n```\n\nIn component data.\n```javascript\ndata () {\n    return {\n      en: en,\n      es: es\n    }\n}\n```\n\nhtml.\n```javascript\n<datepicker :language=\"es\"></datepicker>\n```\n\nAvailable languages\n\n| Abbr        | Language         |          |\n| ----------- |------------------|----------|\n| af          | Afrikaans        |          |\n| ar          | Arabic           |          |\n| bg          | Bulgarian        |          |\n| bs          | Bosnian          |          |\n| ca          | Catalan          |          |\n| cs          | Czech            |          |\n| da          | Danish           |          |\n| de          | German           |          |\n| ee          | Estonian         |          |\n| el          | Greek            |          |\n| en          | English          | *Default*|\n| es          | Spanish          |          |\n| fa          | Persian (Farsi)  |          |\n| fi          | Finnish          |          |\n| fo          | Faroese          |          |\n| fr          | French           |          |\n| ge          | Georgia          |          |\n| gl          | Galician         |          |\n| he          | Hebrew           |          |\n| hu          | Hungarian        |          |\n| hr          | Croatian         |          |\n| id          | Indonesian       |          |\n| is          | Icelandic        |          |\n| it          | Italian          |          |\n| ja          | Japanese         |          |\n| kk          | Kazakh           |          |\n| ko          | Korean           |          |\n| lb          | Luxembourgish    |          |\n| lt          | Lithuanian       |          |\n| lv          | Latvian          |          |\n| mk          | Macedonian       |          |\n| mn          | Mongolian        |          |\n| nbNO        | Norwegian Bokmål |          |\n| nl          | Dutch            |          |\n| pl          | Polish           |          |\n| ptBR        | Portuguese-Brazil|          |\n| ro          | Romanian         |          |\n| ru          | Russian          |          |\n| sk          | Slovak           |          |\n| slSI        | Slovenian        |          |\n| sv          | Swedish          |          |\n| sr          | Serbian (Latin)  |          |\n| srCyrl      | Serbian (Cyrl)   |          |\n| th          | Thai             |          |\n| tr          | Turkish          |          |\n| uk          | Ukrainian        |          |\n| ur          | Urdu             |          |\n| vi          | Vietnamese       |          |\n| zh          | Chinese          |          |\n| zhHK        | Chinese_HK       |          |\n","readmeFilename":"README.md"}