noop(); pop(); map();

    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. > “") 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{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.


    npm i @toast-ui/vue-calendar

    DownloadsWeekly Downloads






    Unpacked Size

    3.17 MB

    Total Files


    Last publish


    • nhnent
    • codepink