{"_id":"@elyse0/vue-datepicker","_rev":"2-bb9496c2110726e5c63cd6d323b55fe3","name":"@elyse0/vue-datepicker","dist-tags":{"latest":"0.2.13"},"versions":{"0.2.12":{"name":"@elyse0/vue-datepicker","description":"A clean datepicker made with VueJs","version":"0.2.12","author":{"name":"Mathieu Stanowski","email":"mathieu.stan@gmail.com"},"keywords":["vue","vuejs","javascript","vue-component","date","month","quarter","picker","datepicker","monthpicker","quarterpicker"],"license":"MIT","main":"dist/vue-datepicker.umd.js","module":"dist/vue-datepicker.esm.js","unpkg":"dist/vue-datepicker.min.js","repository":{"type":"git","url":"git+https://github.com/mathieustan/vue-datepicker.git"},"bugs":{"url":"https://github.com/mathieustan/vue-datepicker/issues"},"homepage":"https://vue-datepicker.netlify.com/","scripts":{"commit":"git cz","dev":"npm run build:es -- --watch","build":"npm run build:browser && npm run build:es && npm run build:umd","build:doc":"cd doc-src && npm install && npm run build","build:browser":"rollup --config build/rollup.config.browser.js","build:es":"rollup --config build/rollup.config.es.js","build:umd":"rollup --config build/rollup.config.umd.js","send:coverage":"cat ./tests/coverage/lcov.info | codacy-coverage","lint":"vue-cli-service lint --ext .js,.vue src tests/unit/* build/*","lint:fix":"npm run lint --fix","test:client":"vue-cli-service test:unit","prepublishOnly":"npm run lint:fix && npm run test:client && npm run build"},"dependencies":{"body-scroll-lock":"^2.6.1","dayjs":"1.8.24"},"peerDependencies":{"core-js":"^2.6.5","vue":"^2.6.10"},"devDependencies":{"@babel/core":"^7.4.5","@babel/plugin-transform-runtime":"^7.6.2","@commitlint/cli":"^8.3.5","@commitlint/config-conventional":"^8.3.4","@rollup/plugin-babel":"^5.0.0","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^11.1.0","@rollup/plugin-node-resolve":"^7.1.3","@rollup/plugin-replace":"^2.3.2","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-plugin-unit-jest":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","babel-plugin-dynamic-import-node-babel-7":"^2.0.7","codacy-coverage":"^3.4.0","commitizen":"^4.1.2","core-js":"^2.6.5","cssnano":"^4.1.10","cz-customizable":"^6.2.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","husky":"^4.2.5","mockdate":"^2.0.2","node-sass":"^4.14.1","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-simple-vars":"^5.0.2","rollup":"^1.14.6","rollup-plugin-cleanup":"^3.1.1","rollup-plugin-css-porter":"^0.1.2","rollup-plugin-eslint":"^4.0.0","rollup-plugin-node-builtins":"^2.1.2","rollup-plugin-postcss":"^3.1.1","rollup-plugin-size-snapshot":"^0.12.0","rollup-plugin-terser":"^5.0.0","rollup-plugin-visualizer":"^4.0.4","rollup-plugin-vue":"4.2.0","sass":"^1.26.5","sass-loader":"^7.1.0","vue":"^2.6.10","vue-template-compiler":"^2.6.10"},"directories":{"test":"tests"},"gitHead":"d6f5f06d2a8cd5a67666aefa7f5ebd2fe3ad489a","_id":"@elyse0/vue-datepicker@0.2.12","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-hvoirQ1/8+e8AN4/ydaHbttLHFUlrQVH4w+rheUbCn0GOCczeY7d92G/qEcM6+GBRvpc34AtlUAci5MGNqso8A==","shasum":"119a35e78428b4115f155c49faf545fb5e142f86","tarball":"https://registry.npmjs.org/@elyse0/vue-datepicker/-/vue-datepicker-0.2.12.tgz","fileCount":7,"unpackedSize":318366,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCyneCRA9TVsSAnZWagAAbDsP/AqGnfh87nrDZJepk4sB\nYOODbftnCmNwt+o6NPV3o59hIq/e+yeMVjyHonkKeDwJjQMNzMy+luAiSYwb\ngpbpJGJD7qGqqVumK4iCh7faynkxBy0YfO5Qk3AY2+C2ujAu6wd38ZhjXc02\nqLcx6SbCUpnvpr08B/DSUz4S1xVLETyw3BPPMimkFBJ/5kmxzp9bbpW3dJL3\nfpZYuTDf7yT4DVaVFZEFXrFBjwP+t5NjnqFykT3vS5OYnLcM3XH3hU7Qmr/6\nVLlWfPvHvyTbnCE4ehhvz4oCI4XkSVhbNRMWQ3SaH9niVGzd22qEZWLc3WE9\nGmIiVyWQSCqLGTcnIEecQApzNGQQYqa2cVujk2KOdgYAcUxZx/TG9oJIcZw/\nf7cHu1rqkm8hZQUA6gvYXglGTZ8sV7liOwXV+BqNtBhjwNzBB+fPm1LTcIKb\nbMHRKBZO1I6jwkIerspO2z6XbAYV2NiAKYozpLti7OS7OajcFkFKxq852Y7h\nnk+M+MpyS+/cw7CMajTu47bJz63JlgM4a2+TN4i/a4st1PI/yTTuDCnSya2L\nyzP1jb8FUUddFhrAbjEgcdS0KNSIzGhdh8cC5I66dT/KHyzbRCkvcmwB/2WS\n6QdwVmzg3ux0tbyWAJaJEBwxJTPpz7ThrAyqmCHQ6cuyRXlUp5GULVHKdzcK\n8v+v\r\n=jfVZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEzfD/eJGMZTZvrxiDcOSPX/wDKnl7B9Fi/iEHV3z6HEAiBP471AgdsbtfXEg7swWWLMdzwoRhWPbe7hMNHaNit2cw=="}]},"_npmUser":{"name":"elyse0","email":"kevincristian@outlook.com"},"maintainers":[{"name":"elyse0","email":"kevincristian@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-datepicker_0.2.12_1644898782492_0.10547674034760446"},"_hasShrinkwrap":false},"0.2.13":{"name":"@elyse0/vue-datepicker","description":"A clean datepicker made with VueJs","version":"0.2.13","author":{"name":"Mathieu Stanowski","email":"mathieu.stan@gmail.com"},"keywords":["vue","vuejs","javascript","vue-component","date","month","quarter","picker","datepicker","monthpicker","quarterpicker"],"license":"MIT","main":"dist/vue-datepicker.umd.js","module":"dist/vue-datepicker.esm.js","unpkg":"dist/vue-datepicker.min.js","repository":{"type":"git","url":"git+https://github.com/mathieustan/vue-datepicker.git"},"bugs":{"url":"https://github.com/mathieustan/vue-datepicker/issues"},"homepage":"https://vue-datepicker.netlify.com/","scripts":{"commit":"git cz","dev":"npm run build:es -- --watch","build":"npm run build:browser && npm run build:es && npm run build:umd","build:doc":"cd doc-src && npm install && npm run build","build:browser":"rollup --config build/rollup.config.browser.js","build:es":"rollup --config build/rollup.config.es.js","build:umd":"rollup --config build/rollup.config.umd.js","send:coverage":"cat ./tests/coverage/lcov.info | codacy-coverage","lint":"vue-cli-service lint --ext .js,.vue src tests/unit/* build/*","lint:fix":"npm run lint --fix","test:client":"vue-cli-service test:unit","prepublishOnly":"npm run lint:fix && npm run test:client && npm run build"},"dependencies":{"body-scroll-lock":"^2.6.1","dayjs":"1.8.24"},"peerDependencies":{"core-js":"^3.14.0","vue":"^2.6.10"},"devDependencies":{"@babel/core":"^7.4.5","@babel/plugin-transform-runtime":"^7.6.2","@commitlint/cli":"^8.3.5","@commitlint/config-conventional":"^8.3.4","@rollup/plugin-babel":"^5.0.0","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^11.1.0","@rollup/plugin-node-resolve":"^7.1.3","@rollup/plugin-replace":"^2.3.2","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-plugin-unit-jest":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","babel-plugin-dynamic-import-node-babel-7":"^2.0.7","codacy-coverage":"^3.4.0","commitizen":"^4.1.2","core-js":"^3.14.0","cssnano":"^4.1.10","cz-customizable":"^6.2.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","husky":"^4.2.5","mockdate":"^2.0.2","node-sass":"^4.14.1","postcss-nested":"^4.2.1","postcss-preset-env":"^6.7.0","postcss-simple-vars":"^5.0.2","rollup":"^1.14.6","rollup-plugin-cleanup":"^3.1.1","rollup-plugin-css-porter":"^0.1.2","rollup-plugin-eslint":"^4.0.0","rollup-plugin-node-builtins":"^2.1.2","rollup-plugin-postcss":"^3.1.1","rollup-plugin-size-snapshot":"^0.12.0","rollup-plugin-terser":"^5.0.0","rollup-plugin-visualizer":"^4.0.4","rollup-plugin-vue":"4.2.0","sass":"^1.26.5","sass-loader":"^7.1.0","vue":"^2.6.10","vue-template-compiler":"^2.6.10"},"directories":{"test":"tests"},"gitHead":"d6f5f06d2a8cd5a67666aefa7f5ebd2fe3ad489a","_id":"@elyse0/vue-datepicker@0.2.13","_nodeVersion":"16.14.2","_npmVersion":"8.11.0","dist":{"integrity":"sha512-Z4OLD3AoqWdtInVmqslVLW1Xmne6FZP0wVEHK1eSODRArgzmQzAdcmp7Gvik3WuJ7Yn9EyLXzqOvi+FOPWJn7Q==","shasum":"2c6ad198f394feb6391abd8051d7ef9607c9e832","tarball":"https://registry.npmjs.org/@elyse0/vue-datepicker/-/vue-datepicker-0.2.13.tgz","fileCount":7,"unpackedSize":318368,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICWDAzCl9lYMcPnPd3HgB7WUqoMta7qLXf4szaoOnXUXAiEArsadUeeC+O6HAIT8m6A4DA6gTHiDZNzIdYg280M5xXE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipnqUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqX/hAAgVM2DcSxKYzKGq1S5A4zg1e6+13+4Kmffy9QIxAysE6P+alZ\r\nVaqFve/DJN5RYoOMJLq7h5rRg7lqVvb1tLcmTerEhqxdrRcNbPMgMnNJy+yj\r\nlEjghXXhH5e9o0vFgXSV67cENteYH79eDkaYlvFWEXiLBo+6gEkEyKhWhnax\r\nyLnmv+WaGdezMTFBxDPJdl2c+/u1yvVH72Dwh823UM5DyjFlDpb8CcXc/Tah\r\ne648T6Zwg0yTW4xgOCf6cWBsFjTdC9rtWozDRMhBIPNJIDRKJ0vZDw3yxCuF\r\nN/cnFsVXPU/x8hfMEukotL5KbSDy2TF9w+14fifZWpHTHfEayCiuxMmaLSHx\r\niRUNP+sqZZQJWuQULkkTWKmvtcafQ5+1knda/jnstQkDa/gL08/vk7juqlSi\r\nfA/2r05tnNGDTVLwaLqwdVPDceDyA21dSRP/B/fWafVe9ucmk+akvJRUQlGK\r\n2kOj0xVSpU+mknE8I+jH36DCM4mA92MZ+FFuSFlEpaZEZufZuRsD5CuX9LbV\r\nqFaKk4mxDRXfjRhBE/rDQgKYGkgNSqj12wG0jooZEUeft+kZfQaOl41PV/WG\r\nL57OYjpnbiS2pNnm102VTNa+hepC8wb73JSo8DZ30/JMjROFIkBBe/y5XxO6\r\n4o/41OKc1t7+Wbpg4QMK15Bq0l545/kbktg=\r\n=Wn+g\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"elyse0","email":"kevincristian@outlook.com"},"maintainers":[{"name":"elyse0","email":"kevincristian@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-datepicker_0.2.13_1655077524186_0.8015097446343691"},"_hasShrinkwrap":false}},"time":{"created":"2022-02-15T04:19:42.436Z","0.2.12":"2022-02-15T04:19:42.692Z","modified":"2022-06-12T23:45:24.446Z","0.2.13":"2022-06-12T23:45:24.367Z"},"maintainers":[{"name":"elyse0","email":"kevincristian@outlook.com"}],"description":"A clean datepicker made with VueJs","homepage":"https://vue-datepicker.netlify.com/","keywords":["vue","vuejs","javascript","vue-component","date","month","quarter","picker","datepicker","monthpicker","quarterpicker"],"repository":{"type":"git","url":"git+https://github.com/mathieustan/vue-datepicker.git"},"author":{"name":"Mathieu Stanowski","email":"mathieu.stan@gmail.com"},"bugs":{"url":"https://github.com/mathieustan/vue-datepicker/issues"},"license":"MIT","readme":"# vue-datepicker\n\n[![Codacy Badge](https://api.codacy.com/project/badge/Grade/22e0f8947502421bb85192ef11d7c2f9)](https://www.codacy.com/app/mathieustan/vue-datepicker?utm_source=github.com&utm_medium=referral&utm_content=mathieustan/vue-datepicker&utm_campaign=Badge_Grade)\n[![Codacy Badge](https://api.codacy.com/project/badge/Coverage/22e0f8947502421bb85192ef11d7c2f9)](https://www.codacy.com/app/mathieustan/vue-datepicker?utm_source=github.com&utm_medium=referral&utm_content=mathieustan/vue-datepicker&utm_campaign=Badge_Coverage)\n\n> A datepicker Vue component. Compatible with Vue 2.x\n\n- [Demo](#demo)\n- [Install](#install)\n- [Usage](#usage)\n- [Props](#available-props)\n- [Events](#events)\n- [Date Formatting](#date-formatting)\n- [Translations](#translations)\n- [Best Practices](#best-practices)\n\n## Demo\n\nTo view a demo online: \n\n## Install\n\n```bash\nnpm install @mathieustan/vue-datepicker --save\n```\n\nor\n\n```bash\nyarn add @mathieustan/vue-datepicker\n```\n\n```javascript\nimport { VueDatePicker } from '@mathieustan/vue-datepicker';\nimport '@mathieustan/vue-datepicker/dist/vue-datepicker.min.css';\n\nexport default {\n // ...\n components: {\n VueDatePicker\n }\n // ...\n}\n```\n\nor\n\n```javascript\nimport VueDatePicker from '@mathieustan/vue-datepicker';\nimport '@mathieustan/vue-datepicker/dist/vue-datepicker.min.css';\n\nVue.use(VueDatePicker);\n```\n\n## Usage\n\n```html\n\n```\n\n_value_ prop if passed should be a Date object\n\n```html\n\n```\n\n```javascript\n\n```\n\nsupport name attribute for normal html form submission\n\n```html\n\n```\n\nUsing `v-model`\n\n```html\n\n```\n\n## Available props\n\n| Prop | Type | Default | Description |\n| ------------------ | -------------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| id | String | 'datepicker' | Sets the input id |\n| value | Date\\|String\\|Number | | Date picker model (ISO 8601 format, YY-mm-dd or YY-mm) |\n| name | String | 'datepicker' | Input name property & datepicker title in fullscreenMobile |\n| clearable | Boolean | false | Add input clear functionality |\n| validate | Boolean | false | Shows validations button to select date |\n| buttonValidate | String | 'Ok' | Sets validate text button |\n| buttonCancel | String | 'Cancel' | Sets cancel text button |\n| format | String | DD MMMM YYYY | Allows you to customize input date format |\n| formatHeader | String | dddd DD MMM | Allows you to customize header date format |\n| placeholder | String | 'YYYY-MM-DD' | Sets the input’s placeholder text |\n| visible | Boolean | false | Allows you to trigger datepicker visibility |\n| disabled | Boolean | false | Sets datepicker disabled |\n| color | String | #4f88ff | Allows you to customize color |\n| contentClass | String | '' | Applies custom class to datepicker content |\n| noHeader | Boolean | | Hides datepicker header |\n| noInput | Boolean | | Hides datepicker input. It'll show a button instead |\n| noCalendarIcon | Boolean | | Hides datepicker icon |\n| fullscreenMobile | Boolean | false | Shows datepicker in a bottom sheet when in mobile view |\n| allowedDates | Function | | Function which validate allowed date (allowedDates: (date) => .... // date is a javascript date) |\n| minDate | String\\|Number\\|Date | | Dates are availables after this date |\n| maxDate | String\\|Number\\|Date | | Dates are disabled after this date |\n| visibleYearsNumber | Number | 10 | Allows to set years range in year picker (it will add X years before & after current year) |\n| locale | Object | {lang: 'en'} | Allows to change language. More informations here [Translations](#translations) |\n| inline | Boolean | false | Shows an inline datepicker |\n| attach | String\\|DOM Element | false | Specifies which DOM element that this component should detach to.String can be any valid querySelector and Object can be any valid Node. This will attach to the root body component by default. [Best Practices](#best-practices) |\n| type | String | 'date' | Determines the type of the picker - date/month/quarter |\n| range | Boolean | false | Sets range mode active (currently, only available for date) |\n| rangeInputText | String | '%d ~ %d' | Sets input text format |\n| rangeHeaderText | String | 'From %d To %d ' | Sets header text format |\n| rangePresets | Array | | Allows to add custom range presets to range datepicker. (Max custom presets = 6) Example: `[{ name: 'This year', dates: { start: ..., end: ... } }]` |\n| tabindex | String\\|Number | '0' | Specify input tabindex |\n| origin | String | | Allows to set origin (otherwise, it will be generated from position) |\n| rtl | Boolean | false | Allow to use datepicker with rtl mode |\n| zIndex | Number | | Specify a z-index to datepicker & overlay |\n\n## Events\n\n| Event | Output | Description |\n| --------- | ------ | -------------------- |\n| onOpen | | datepicker opened |\n| onClose | | datepicker closed |\n| onChange | | datepicker changed |\n| onDestroy | | datepicker destroyed |\n\n## Date Formatting\n\nYou can use this with `format` props.\n\nExample :\n\n```html\n\n```\n\n| Format | Output | Description |\n| ------ | ---------------- | --------------------------------- |\n| `YY` | 18 | Two-digit year |\n| `YYYY` | 2018 | Four-digit year |\n| `M` | 1-12 | Month, beginning at 1 |\n| `MM` | 01-12 | Month, 2-digits |\n| `MMM` | Jan-Dec | The abbreviated month name |\n| `MMMM` | January-December | The full month name |\n| `D` | 1-31 | Day of month |\n| `DD` | 01-31 | Day of month, 2-digits |\n| `H` | 0-23 | Hours |\n| `HH` | 00-23 | Hours, 2-digits |\n| `h` | 1-12 | Hours, 12-hour clock |\n| `hh` | 01-12 | Hours, 12-hour clock, 2-digits |\n| `m` | 0-59 | Minutes |\n| `mm` | 00-59 | Minutes, 2-digits |\n| `s` | 0-59 | Seconds |\n| `ss` | 00-59 | Seconds, 2-digits |\n| `S` | 0-9 | Hundreds of milliseconds, 1-digit |\n| `SS` | 00-99 | Tens of milliseconds, 2-digits |\n| `SSS` | 000-999 | Milliseconds, 3-digits |\n| `Z` | -5:00 | Offset from UTC |\n| `ZZ` | -0500 | Compact offset from UTC, 2-digits |\n| `A` | AM PM | Post or ante meridiem, upper-case |\n| `a` | am pm | Post or ante meridiem, lower-case |\n| `Do` | 1st... 31st | Day of Month with ordinal |\n\n## Translations\n\nBy default, locale will be set from your navigator language.\nBut it's possible to set it from `locale` props.\nActually, there are some locale inside project ('en', 'fr, 'es', 'de');\n\nexemple:\n\n```html\n\n```\n\n```javascript\n\n```\n\n:rocket: **Now, you can use your own language object**\n\nBelow, an exemple for `it` language :\nYou should have those properties to make it works :\n\n```javascript\n'name', 'weekdays', 'weekdaysShort', 'weekdaysMin', 'weekStart', 'months', 'monthsShort', 'ordinal', 'formats', 'buttonCancel', 'buttonValidate', 'rangeHeaderText'\n```\n\n```html\n\n```\n\n```javascript\n\n```\n\nIf you need more exemples, you can go to this link to find your language :\n \\-> [locales](https://github.com/iamkun/dayjs/tree/dev/src/locale)\n\n## Best Practices\n\nWhen should you use `attach` prop :\n\n### Attach\n\nis great when you have a fixed element in your page like a panel, a dialog or a fixed fullscreen container.\nThe datepicker position will not take care of scroll page position and it'll be `absolutely positioned` into your fixed container. (if you scroll, datepicker popup will scroll too).\n","readmeFilename":"README.md"}