{"_id":"@chantouchsek/vue-calendar","_rev":"3-80a2269a7407856c81a3b70a6c5a3f59","name":"@chantouchsek/vue-calendar","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.1":{"name":"@chantouchsek/vue-calendar","version":"0.0.1","description":"TOAST UI Calendar for Vue","main":"dist/vue-calendar.js","types":"index.d.ts","scripts":{"lint":"eslint src/**","build":"webpack --mode production","build:dev":"webpack --mode development","serve":"vue serve ./example/App.vue"},"repository":{"type":"git","url":"https://github.com/chantouchsek/vue-tuicalendar.git"},"homepage":"https://github.com/chantouchsek/vue-tuicalendar","bugs":{"url":"https://github.com/chantouchsek/vue-tuicalendar/issues"},"author":{"name":"NHN. FE Development Lab","email":"dl_javascript@nhn.com"},"license":"MIT","browserslist":"last 2 versions, ie 9","peerDependencies":{"vue":"^2.6.12"},"devDependencies":{"@babel/core":"^7.13.15","@babel/preset-env":"^7.13.15","@vue/cli":"^4.5.12","@vue/cli-service-global":"^4.5.12","babel-eslint":"^10.1.0","babel-loader":"^8.2.2","core-js":"^3.10.1","eslint":"^7.24.0","eslint-config-tui":"^4.1.0","eslint-loader":"^4.0.2","eslint-plugin-vue":"^7.9.0","vue-loader":"^15.9.6","vue-template-compiler":"^2.6.12","webpack":"^4.46.0","webpack-cli":"^4.6.0"},"dependencies":{"tui-calendar":"^1.13.0"},"licenseText":"MIT License\n\nCopyright (c) 2021 Chantouch Sek.\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n","_id":"@chantouchsek/vue-calendar@0.0.1","dist":{"shasum":"12139c76e1415de621aa643d715c58e727c9e831","integrity":"sha512-JjiyvxTiOgati/D5EHip2myEkKxMC1Cwez7/qo5t62uRwA0Ielh1FIgfCWAKKJcBbS3X+LEk+2FkhUP0ujbyyg==","tarball":"https://registry.npmjs.org/@chantouchsek/vue-calendar/-/vue-calendar-0.0.1.tgz","fileCount":10,"unpackedSize":27341,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdaXoCRA9TVsSAnZWagAA1WQP/jsxmFZG9fE1c+GsU7sU\ngJuIUspg3thQ4aqciqh13bEhoi/YyriUXedaFqDF3RY690UxIfXFVVGlY7Tf\n1KCvo95v0E/IM17jW8UvOeoefTzYIHOJQx9fwcvEkOQW1cVgtnb0tOpiiJ38\naOC3AV4JPXsv/43mZ7wKLLOpl7eqEJmCDZj0fKXYJKFpfIld3/ZRCnk/OKdb\nLAvIhTTrIVeiMxNfSeumZKCFEeuo97L0ZhjRwyPkJIzHWzHugSgU+fbCuW0k\nouxnscjYO4JRhkaHq66hriG2ach3z0BxyBLZIe8AwheCgVAQ7VwnZrufB4Vo\n5dko0T+Ny9wz9rl7WKe9ndS58EgAiGl/53TqrHlzts4yJCLdJidRCjH2oLKy\nePLhv0wgMDYXpzRNKmGxj6yPS5BAkS526ClhHnizeAmKov7A7/3Qx895VOzC\nFVmQCCiydJNdv1klvFhhuW/3+oGfxNUlnkbIsAGzQkFDAHRVE2upoHMslPfL\n69RGRnAOlP2P/0CWBAzy2M/UFpVpb+AERdZ1567IQLNkvgf/Dl0cprcrOk0N\nBKQfIErY5WCS+2JtcxtP6z+k9nm1LTZ+RirqZ2XEc4L1M4LJ7zzECHUjki6s\nkfO4baQkrD6Zx8Oacp/dhdko5kpLXS68ojFwLAMwy1tpna8h5PcaTqClyXYZ\nkuHg\r\n=SFPA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHkmw9SnGtz7eyAXv00OJ06KWNx63EixBHfSXZlUfnfTAiAQ7U0qteB1w50WSFlRNGBoRCD8NCyM5Qh8EnUn3tnnsg=="}]},"_npmUser":{"name":"chantouchsek","email":"chantouchsek.cs83@gmail.com"},"directories":{},"maintainers":[{"name":"chantouchsek","email":"chantouchsek.cs83@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-calendar_0.0.1_1618322919724_0.05346160564426605"},"_hasShrinkwrap":false},"0.0.2":{"name":"@chantouchsek/vue-calendar","version":"0.0.2","description":"TOAST UI Calendar for Vue","main":"dist/vue-calendar.js","types":"index.d.ts","scripts":{"lint":"eslint src/**","build":"webpack --mode production","build:dev":"webpack --mode development","serve":"vue serve ./example/App.vue"},"repository":{"type":"git","url":"https://github.com/chantouchsek/vue-tuicalendar.git"},"homepage":"https://github.com/chantouchsek/vue-tuicalendar","bugs":{"url":"https://github.com/chantouchsek/vue-tuicalendar/issues"},"author":{"name":"NHN. FE Development Lab","email":"dl_javascript@nhn.com"},"license":"MIT","browserslist":"last 2 versions, ie 9","peerDependencies":{"vue":"^2.6.12"},"devDependencies":{"@babel/core":"^7.13.15","@babel/preset-env":"^7.13.15","@vue/cli":"^4.5.12","@vue/cli-service-global":"^4.5.12","babel-eslint":"^10.1.0","babel-loader":"^8.2.2","core-js":"^3.10.1","eslint":"^7.24.0","eslint-config-tui":"^4.1.0","eslint-loader":"^4.0.2","eslint-plugin-vue":"^7.9.0","vue-loader":"^15.9.6","vue-template-compiler":"^2.6.12","webpack":"^4.46.0","webpack-cli":"^4.6.0"},"dependencies":{"tui-calendar":"^1.13.0"},"licenseText":"MIT License\n\nCopyright (c) 2021 Chantouch Sek.\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n","_id":"@chantouchsek/vue-calendar@0.0.2","dist":{"shasum":"b6a04b3ea51d2f93b8d43a8c83bb30a5aa02417e","integrity":"sha512-5P6OQgXGkNDbijfsttX3ceJcKyRS/zS8xTzXh16w/YSfcf8t5uOlYwbce4+WV8kC3KWcmHZiO4L3GDstBetOnw==","tarball":"https://registry.npmjs.org/@chantouchsek/vue-calendar/-/vue-calendar-0.0.2.tgz","fileCount":10,"unpackedSize":27392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdbC0CRA9TVsSAnZWagAAwIcP/io6NV/Tx04ETJsp5Rt6\n4biMtoWa438/4dbxClQVpivJWs0LjsK8P5cIASmws0pSbIHJw+s8gtRbY4ep\nEKOUc1AfPlj3Y8sWxJx6CBcXhIhGHqqhiol0EOLrD3V70F8dzQmGECQ6Pnz7\npF4IOPEW/CkKgjPxy+fXkA8eQhhecu/iek872jhc1dTJAhT6+R/n6C2qRVlT\nvjo8/TuU6MTbJHE0tiRsmKAxK3HXAQB/0HzGiub2DgrNtGqMOR7+fmCYfgn2\nSVfya7NDt9pjs5F6ABS5YGv1N3kM+TOSOOXsnHKfMrFLiHMrdHx4hj+R1WeX\nPGMLw4X9+6gHpGuM46z/5pgtEnoGvbE2KDEEvXOqOar9rucT6ZfYwIucCGRI\n1jR+tqOcBwBie+twwi1KqHvun9bpYD5U2SjgO0MLgIWQbKQ65V0KZaVUYWJW\nGUjISOanW0oQvbuza3V6Su4v9DDhq3d79+JgL/nAOkDZ+utfdZR5LDLldXzq\ncwkt7gw9i8Dx2l9RHT7wUwFWdKPO0tJOR2AnPt1bs0qaYtUa0y877S8Aa2sQ\nhjdVdLqvoPb479uO1bCcSURq/uiTpmhHGvNgauMlzuoerfb3U2Q7F7no5j7d\nd9uX57n9nb2ceGTuxVSgC/kiyAjFkOj1ekgztg6Lf2dFDGkfkP0iiLH8PyMM\njvpU\r\n=K9ga\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCbvNPSzhX/kS2a5zu3CQHaZPd2iGhz5muMTfOvlIEFcwIgSQxY869DXLdFBzbP9O7ikNm3MYQZPZGT7az9moKJ0uU="}]},"_npmUser":{"name":"chantouchsek","email":"chantouchsek.cs83@gmail.com"},"directories":{},"maintainers":[{"name":"chantouchsek","email":"chantouchsek.cs83@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-calendar_0.0.2_1618325684397_0.7380533201541672"},"_hasShrinkwrap":false},"0.0.3":{"name":"@chantouchsek/vue-calendar","version":"0.0.3","description":"TOAST UI Calendar for Vue","main":"dist/vue-calendar.js","types":"index.d.ts","keywords":["vue-calendar","tui-calendar","vue-tui-calendar","vue-tuicalenar","calendar","event-calendar","vue-event-calendar","vue-event-schedule","vue-event-list"],"scripts":{"lint":"eslint src/**","build":"webpack --mode production","build:dev":"webpack --mode development","serve":"vue serve ./example/App.vue"},"repository":{"type":"git","url":"https://github.com/chantouchsek/vue-tuicalendar.git"},"homepage":"https://github.com/chantouchsek/vue-tuicalendar","bugs":{"url":"https://github.com/chantouchsek/vue-tuicalendar/issues"},"author":{"name":"NHN. FE Development Lab","email":"dl_javascript@nhn.com"},"license":"MIT","browserslist":"last 2 versions, ie 9","peerDependencies":{"vue":"^2.6.12"},"devDependencies":{"@babel/core":"^7.13.15","@babel/preset-env":"^7.13.15","@vue/cli":"^4.5.12","@vue/cli-service-global":"^4.5.12","babel-eslint":"^10.1.0","babel-loader":"^8.2.2","core-js":"^3.10.1","eslint":"^7.24.0","eslint-config-tui":"^4.1.0","eslint-loader":"^4.0.2","eslint-plugin-vue":"^7.9.0","vue-loader":"^15.9.6","vue-template-compiler":"^2.6.12","webpack":"^4.46.0","webpack-cli":"^4.6.0"},"dependencies":{"tui-calendar":"^1.13.0"},"licenseText":"MIT License\n\nCopyright (c) 2021 Chantouch Sek.\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n","_id":"@chantouchsek/vue-calendar@0.0.3","dist":{"shasum":"8d7c80ab5dafc2e62a5b37b2b16d97a70b2ece4e","integrity":"sha512-Hv/nDzE0INLnCUVmrzcokz8DzaP5vfXp0rLg4HL7WQ5mqwPh1rrJGUMOmtQ0EpJIEB5HzPzkD2vHi08TBBSb7g==","tarball":"https://registry.npmjs.org/@chantouchsek/vue-calendar/-/vue-calendar-0.0.3.tgz","fileCount":10,"unpackedSize":27354,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeGf+CRA9TVsSAnZWagAAx6oQAIL9/Fr0N1JHsuKiKjKN\nPCptsO/l1opYa/hZTH6WeH9oeUOyjYU6/5pUG8ipLVOkJ9kKE1hKXjL8+0q+\nkSXLaAp0GUu0Fmmsi7erlPIzqF2fEuku+bzsEuLPR/d0HkcTiq9AWAsogWIF\ncl22IcYqLIkMYPgiEysFqWMlHuXLdQx3DTEGgJstfib2KkXDozJ+/7eCHg6F\nXO/Eo0ibEkFyjrn1XEmQx/h/dgUc6fXAayqnY5H+QJVkKwr2KP6UqBud9arw\nsQGWvjrYeBtASw3HvZt56waJSgtbU5JY8MwG4R97caPliUx9w60mYpP9anWS\nJveiuwdjpLTmxJmsRt3QD6EXinIzIQJLhMrURnzq/Oc47qZeui4cYhdi+gUZ\na68x3jMlzsP7V6gWC7yBEcc3+RncyS6CGss0I10MpkkfgA+XCxUjtpXR1tfq\nWnDMK7+6U5zD+OPscfVIZhdqTA79W+0743g6nXI+LfKjzat4gjcy56LBXzci\nef2ATLS1nCwOdokTg5k4IUiq3VhF1Hpx9zTqBjmK7gX80ia2f06rOj0lyGaN\nJCu89bnvVS0WNC2CG6Fq1np9ql1vapZpVRlGITM7oSRC5K4p2viP+b8Pgb/J\nrSFhDO9YgpVZVGa3HsmfiyUQqxGIM0k6LGjObGcPDfHiDigUyqdkMIEaSZiB\nO20C\r\n=7nEe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC4zZIlihiAoTf3QxLODyl3kAq3aMEvi+TWGx8t6kMTywIhALnnI7xiwKmuV+tzYO3Ve8Xsk1bcePEHhlXSAcEmcSno"}]},"_npmUser":{"name":"chantouchsek","email":"chantouchsek.cs83@gmail.com"},"directories":{},"maintainers":[{"name":"chantouchsek","email":"chantouchsek.cs83@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-calendar_0.0.3_1618503678297_0.3268996094935508"},"_hasShrinkwrap":false}},"time":{"created":"2021-04-13T14:08:39.673Z","0.0.1":"2021-04-13T14:08:39.842Z","modified":"2022-04-04T22:30:59.310Z","0.0.2":"2021-04-13T14:54:44.533Z","0.0.3":"2021-04-15T16:21:18.445Z"},"maintainers":[{"name":"chantouchsek","email":"chantouchsek.cs83@gmail.com"}],"description":"TOAST UI Calendar for Vue","homepage":"https://github.com/chantouchsek/vue-tuicalendar","repository":{"type":"git","url":"https://github.com/chantouchsek/vue-tuicalendar.git"},"author":{"name":"NHN. FE Development Lab","email":"dl_javascript@nhn.com"},"bugs":{"url":"https://github.com/chantouchsek/vue-tuicalendar/issues"},"license":"MIT","readme":"# TOAST UI Calendar for Vue\n\n> This is Vue component wrapping [TOAST UI Calendar](https://github.com/nhn/tui.calendar).\n\n[![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/)\n[![github version](https://img.shields.io/github/release/chantouchsek/vue-tuicalendar.svg)](https://github.com/chantouchsek/vue-tuicalendar/releases/latest)\n[![npm version](https://img.shields.io/npm/v/@chantouchsek/vue-calendar.svg)](https://www.npmjs.com/package/@chantouchsek/vue-calendar)\n[![license](https://img.shields.io/github/license/chantouchsek/vue-tuicalendar.svg)](https://github.com/chantouchsek/vue-tuicalendar/blob/main/LICENSE)\n[![PRs welcome](https://img.shields.io/badge/PRs-welcome-ff69b4.svg)](https://github.com/chantouchsek/vue-tuicalendar/issues?q=is%3Aissue+is%3Aopen+label%3A%22help+wanted%22)\n\n## 🚩 Table of Contents\n\n* [Install](#-install)\n    * [Using npm](#using-npm)\n* [Usage](#-usage)\n    * [Load](#load)\n    * [Implement](#implement)\n    * [Props](#props)\n    * [Event](#event)\n    * [Method](#method)\n* [Pull Request Steps](#-pull-request-steps)\n* [Contributing](#-contributing)\n* [License](#-license)\n\n## 💾 Install\n\n### Using npm\n\n```sh\nnpm install --save @chantouchsek/vue-calendar\n```\n\n### Using yarn\n\n```sh\nyarn add @chantouchsek/vue-calendar\n```\n\n## ♻️ Usage with Nuxt.js\n\nCreate `vue-calendar.client.[js,ts]`\n\n```js\nimport VueCalendar from '@chantouchsek/vue-calendar'\nimport Vue from 'vue'\nimport 'tui-calendar/dist/tui-calendar.css'\n\nVue.use(VueCalendar)\n\n```\n\nAdd `vue-calendar.client` to plugins section of `nuxt.config.js`\n\n```js\nexport default {\n    plugins: ['~plugins/vue-calendar.client'],\n}\n```\n\n## 📅 Usage\n\n### Load\n\nYou can use Toast UI Calendar for Vue as moudule format or namespace. Also you can use Single File Component (SFC of\nVue). When using module format and SFC, you should load `tui-calendar.css` in the script.\n\n* Using Ecmascript module\n\n   ```js\n   import { VueCalendar } from '@chantouchsek/vue-calendar';\n   import 'tui-calendar/dist/tui-calendar.css';\n\n   // If you use the default popups, use this.\n   import 'tui-date-picker/dist/tui-date-picker.css';\n   import 'tui-time-picker/dist/tui-time-picker.css';\n   ```\n\n* Using Commonjs module\n\n   ```js\n   require('tui-calendar/dist/tui-calendar.css');\n\n   // If you use the default popups, use this.\n   require('tui-date-picker/dist/tui-date-picker.css');\n   require('tui-time-picker/dist/tui-time-picker.css');\n\n   var tuicalendar = require('@chantouchsek/vue-calendar');\n   var VueCalendar = tuicalendar.VueCalendar;\n   ```\n\n* Using Single File Component\n\n   ```js\n   import 'tui-calendar/dist/tui-calendar.css'\n   import VueCalendar from '@chantouchsek/vue-calendar/src/VueCalendar.vue'\n\n   // If you use the default popups, use this.\n   import 'tui-date-picker/dist/tui-date-picker.css';\n   import 'tui-time-picker/dist/tui-time-picker.css';\n   ```\n\n* Using namespace\n\n    ```js\n    var VueCalendar = tuicalendar.VueCalendar;\n    ```\n\n### Implement\n\n* Load calendar component and then add it to the `components` in your component or Vue instance.\n\n    ```js\n    import 'tui-calendar/dist/tui-calendar.css'\n    import { VueCalendar } from '@chantouchsek/vue-calendar'\n\n    export default {\n        name: 'YourComponent',\n        components: {\n            'calendar': VueCalendar\n        }\n    }\n    ```\n  or\n    ```js\n    import 'tui-calendar/dist/tui-calendar.css'\n    import { VueCalendar } from '@chantouchsek/vue-calendar'\n\n    new Vue({\n        el: '#app',\n        components: {\n            'calendar': VueCalendar\n        }\n    });\n    ```\n\n* Insert `<calendar>` in the template or html. `<calendar>` element should have own height.\n\n    ```html\n    <calendar height=\"800\" />\n    ```\n\n### Props\n\nWe provide props for [Options of Toast UI Calendar](https://nhn.github.io/tui.calendar/latest/Options). Each name of\nprops is same options of Toast UI Calendar except `view` is for `defaultView` of option. Additionally you can set\nschedules using `schedules` of prop.\n\n| Name | Type | Default | Reactive | Description |\n| --- | --- | --- | --- | --- |\n| tag | String | div | O | Tag of render element. |\n| height | String | 800 | O | Set height of calendar. |\n| events | Array | [] | O | Schedule list of calendar. If this prop is changed, Calendar is rendering. |\n| calendars | Array | [] | O | Type list of calendars |\n| view | String | 'week' | O | View of calendar. There are three views, `day`, `week` and `month`. |\n| taskView | Boolean, Array | true | O | Show the milestone and task in weekly, daily view. If set `true`, the milestone and task show. If you want to show only the milestone or task, set array like this: `['mileston']` or `['task']`. |\n| scheduleView | Boolean, Array | true | O | Show the all day and time grid in weekly, daily view. If set `true`, the all day and time show. If you want to show only the all day or time, set array like this: `['allday']` or `['time']`.|\n| theme | Object | {} | O | Customize theme. For more infomation about theme, see [ThemeConfig of Toast UI Calendar](https://nhn.github.io/tui.calendar/latest/themeConfig). |\n| week | Object | {} | O | Set more for the `week` and `day` view. For more infomation about week, see [WeekOptions of Toast UI Calendar](https://nhn.github.io/tui.calendar/latest/WeekOptions). |\n| month | Object | {} | O | Set more for the `month` view. For more infomation about month, see [MonthOptions of Toast UI Calendar](https://nhn.github.io/tui.calendar/latest/MonthOptions). |\n| timezones | Array | [] | O | Set multiple time zones. For more information about timezones, see [Timezone of Toast UI Calendar](https://nhn.github.io/tui.calendar/latest/Timezone). |\n| disableDblClick | Boolean | false | O | Disable double click to create a schedule. |\n| disableClick | Boolean | false | O | Whether to use mouse click events as defaults to create schedules. |\n| isReadOnly | Boolean | false | O | Set read only mode. If `true`, a user can't create and modify any schedule. |\n| template | Object | {} | X | Customize renderer. For more information about template, see [Template of Toast UI Calendar](https://nhn.github.io/tui.calendar/latest/Template). |\n| useCreationPopup | Boolean | true | X | Whether use default creation popup or not. |\n| useDetailPopup | Boolean | true | X | Whether use default detail popup or not. |\n| usageStatistics | Boolean | true | X | Whether send hostnames to Google Analytics or not. |\n\n#### Example\n\n```vue\n\n<template>\n  <calendar\n      height=\"800\"\n      :calendars=\"calendarList\"\n      :schedules=\"scheduleList\"\n      :view=\"view\"\n      :taskView=\"taskView\"\n      :scheduleView=\"scheduleView\"\n      :theme=\"theme\"\n      :week=\"week\"\n      :month=\"month\"\n      :timezones=\"timezones\"\n      :disableDblClick=\"disableDblClick\"\n      :isReadOnly=\"isReadOnly\"\n      :template=\"template\"\n      :useCreationPopup=\"useCreationPopup\"\n      :useDetailPopup=\"useDetailPopup\"\n  />\n</template>\n<script>\nimport 'tui-calendar/dist/tui-calendar.css'\nimport {VueCalendar} from '@chantouchsek/vue-calendar';\n\nexport default {\n  name: 'myCalendar',\n  components: {\n    'calendar': VueCalendar\n  },\n  data() {\n    return {\n      calendarList: [\n        {\n          id: '0',\n          name: 'home'\n        },\n        {\n          id: '1',\n          name: 'office'\n        }\n      ],\n      scheduleList: [\n        {\n          id: '1',\n          calendarId: '1',\n          title: 'my schedule',\n          category: 'time',\n          dueDateClass: '',\n          start: '2018-10-18T22:30:00+09:00',\n          end: '2018-10-19T02:30:00+09:00'\n        },\n        {\n          id: '2',\n          calendarId: '1',\n          title: 'second schedule',\n          category: 'time',\n          dueDateClass: '',\n          start: '2018-10-18T17:30:00+09:00',\n          end: '2018-10-19T17:31:00+09:00'\n        }\n      ],\n      view: 'day',\n      taskView: false,\n      scheduleView: ['time'],\n      theme: {\n        'month.dayname.height': '30px',\n        'month.dayname.borderLeft': '1px solid #ff0000',\n        'month.dayname.textAlign': 'center',\n        'week.today.color': '#333',\n        'week.daygridLeft.width': '100px',\n        'week.timegridLeft.width': '100px'\n      },\n      week: {\n        narrowWeekend: true,\n        showTimezoneCollapseButton: true,\n        timezonesCollapsed: false\n      },\n      month: {\n        visibleWeeksCount: 6,\n        startDayOfWeek: 1\n      },\n      timezones: [{\n        timezoneOffset: 540,\n        displayLabel: 'GMT+09:00',\n        tooltip: 'Seoul'\n      }, {\n        timezoneOffset: -420,\n        displayLabel: 'GMT-08:00',\n        tooltip: 'Los Angeles'\n      }],\n      disableDblClick: true,\n      isReadOnly: false,\n      template: {\n        milestone: function (schedule) {\n          return `<span style=\"color:red;\">${schedule.title}</span>`;\n        },\n        milestoneTitle: function () {\n          return 'MILESTONE';\n        },\n      },\n      useCreationPopup: true,\n      useDetailPopup: false,\n    }\n  }\n}\n</script>\n```\n\n### Event\n\n* afterRenderSchedule : Occurs when every single schedule after rendering whole calendar.\n* beforeCreateSchedule : Occurs when select time period in daily, weekly, monthly.\n* beforeDeleteSchedule : Occurs when delete a schedule.\n* beforeUpdateSchedule : Occurs when drag a schedule to change time in daily, weekly, monthly.\n* clickDayname : Occurs when click a day name in weekly.\n* clickSchedule : Occurs when click a schedule.\n* clickTimezonesCollapseBtn : Occurs when click timezones collapse button. This event works when `timezone` prop has\n  multi timezones and `week` prop has `{ showTimezoneCollapseButton: true }`.\n\nFor more information such as the parameters of each event,\nsee [Event of Toast UI Calendar](https://nhn.github.io/tui.calendar/latest/Calendar#event-afterRenderSchedule).\n\n#### Example\n\n```vue\n\n<template>\n  <calendar\n      height=\"800\"\n      @afterRenderSchedule=\"onAfterRenderSchedule\"\n      @beforeCreateSchedule=\"onBeforeCreateSchedule\"\n      @beforeDeleteSchedule=\"onBeforeDeleteSchedule\"\n      @beforeUpdateSchedule=\"onBeforeUpdateSchedule\"\n      @clickDayname=\"onClickDayname\"\n      @clickSchedule=\"onClickSchedule\"\n      @clickTimezonesCollapseBtn=\"onClickTimezonesCollapseBtn\"\n  />\n</template>\n<script>\nimport 'tui-calendar/dist/tui-calendar.css'\nimport {VueCalendar} from '@chantouchsek/vue-calendar';\n\nexport default {\n  name: 'myCalendar',\n  components: {\n    'calendar': VueCalendar\n  },\n  methods: {\n    onAfterRenderSchedule(e) {\n      // implement your code\n    },\n    onBeforeCreateSchedule(e) {\n      // implement your code\n    },\n    onBeforeDeleteSchedule(e) {\n      // implement your code\n    },\n    onBeforeUpdateSchedule(e) {\n      // implement your code\n    },\n    onClickDayname(e) {\n      // implement your code\n    },\n    onClickSchedule(e) {\n      // implement your code\n    },\n    onClickTimezonesCollapseBtn(e) {\n      // implement your code\n    }\n  }\n}\n</script>\n```\n\n### Method\n\nFor use method, first you need to assign `ref` attribute of element like this:\n\n```html\n\n<calendar ref=\"calendar\"/>\n```\n\nAfter then, you can use methods through `this.$refs`. We provide `getRootElement` and `invoke` methods.\n\n* `getRootElement`\n\n  You can get root element of calendar using this method.\n\n    ```js\n    this.$refs.calendar.getRootElement();\n    ```\n\n* `invoke`\n\n  If you want to more manipulate the Calendar, you can use `invoke` method to call the method of Toast UI Calendar.\n  First argument of `invoke` is name of the method and second argument is parameters of the method. To find out what\n  kind of methods are available, see [method of Toast UI Calendar](https://nhn.github.io/tui.calendar/latest/).\n\n    ```js\n    this.$refs.calendar.invoke('today');\n    ```\n\n## 🔧 Pull Request Steps\n\nTOAST UI products are open source, so you can create a pull request(PR) after you fix issues. Run npm scripts and\ndevelop yourself with the following process.\n\n### Setup\n\nFork `develop` branch into your personal repository. Clone it to local computer. Install node modules. Before starting\ndevelopment, you should check to haveany errors.\n\n``` sh\n$ git clone https://github.com/{your-personal-repo}/[[repo name]].git\n$ cd [[repo name]]\n$ npm install\n```\n\n### Develop\n\nLet's start development!\n\n### Pull Request\n\nBefore PR, check to test lastly and then check any errors. If it has no error, commit and then push it!\n\nFor more information on PR's step, please see links of Contributing section.\n\n## 💬 Contributing\n\n* [Code of Conduct](https://github.com/chantouchsek/vue-tuicalendar/blob/main/CODE_OF_CONDUCT.md)\n* [Contributing guideline](https://github.com/chantouchsek/vue-tuicalendar/blob/main/CONTRIBUTING.md)\n* [Commit convention](https://github.com/chantouchsek/vue-tuicalendar/blob/main/docs/COMMIT_MESSAGE_CONVENTION.md)\n\n## 📜 License\n\nThis software is licensed under the [MIT](./LICENSE) © [ChantouchSek](https://github.com/chantouchsek)\n","readmeFilename":"README.md","keywords":["vue-calendar","tui-calendar","vue-tui-calendar","vue-tuicalenar","calendar","event-calendar","vue-event-calendar","vue-event-schedule","vue-event-list"]}