TypeScript icon, indicating that this package has built-in type declarations

2.1.3 • Public • Published

TOAST UI Calendar for Vue 2

This is a Vue component wrapping TOAST UI Calendar.

vue2 npm version license PRs welcome code with hearth by NHN Cloud

🚩 Table of Contents

📙 Documents

Collect statistics on the use of open source

TOAST UI Calendar for Vue applies Google Analytics (GA) to collect statistics on the use of open source, in order to identify how widely TOAST UI Calendar is used throughout the world. It also serves as important index to determine the future course of projects. location.hostname (e.g. > “ui.toast.com") is to be collected and the sole purpose is nothing but to measure statistics on the usage.

To disable GA, set the usageStatistics option to false:

  <ToastUICalendar :usage-statistics="false" />

💾 Install

Using npm

npm install --save @toast-ui/vue-calendar

📅 Usage

Install Vue 2

To use TOAST UI Calendar for Vue, Vue 2 should be installed. Vue 3 is not supported.


You can use Toast UI Calendar for Vue as moudule format or namespace. Also you can use Single File Component (SFC of Vue).

/* ES6 module in Node.js environment */
import ToastUICalendar from '@toast-ui/vue-calendar';
import '@toast-ui/calendar/dist/toastui-calendar.css';
/* CommonJS in Node.js environment */
const Calendar = require('@toast-ui/vue-calendar');
// browser environment namespace
const Calendar = tui.VueCalendar;


  <Calendar style="height: 800px" />

import Calendar from '@toast-ui/vue-calendar';
import '@toast-ui/calendar/dist/toastui-calendar.min.css';

export default {
  name: 'YourComponent',
  components: {
import Calendar from '@toast-ui/vue-calendar';
import '@toast-ui/calendar/dist/toastui-calendar.min.css';

new Vue({
  el: '#app',
  components: {

🔧 Pull Request Steps

TOAST UI products are open source, so you can create a pull request(PR) after you fix issues. Run npm scripts and develop yourself with the following process.


Fork main branch into your personal repository. Clone it to local computer. Install node modules. Before starting development, you should check to have any errors.

git clone https://github.com/{your-personal-repo}/[[repo name]].git
cd [[repo name]]
npm install


Let's start development!

Pull Request

Before PR, check to test lastly and then check any errors. If it has no error, commit and then push it!

For more information on PR's step, please see links of Contributing section.

💬 Contributing

📜 License

This software is licensed under the MIT © NHN Cloud.

Package Sidebar


npm i @toast-ui/vue-calendar

Weekly Downloads






Unpacked Size

3.17 MB

Total Files


Last publish


  • nhnent
  • codepink