Simple Vue Component To Show Calendar With Events


A simple Vue component to show a month-grid calendar with events.


  • Shows a traditional month-grid calendar.
  • Can show “events,” including multi-day events.
  • Optional event drag/drop support.
  • Localized automatically (overridable).
  • Lightweight!
  • Supprots both Vue.js 2 and Vue.js 3.
  • Flexbox layout (look ma, no tables!).
  • No external dependencies (Moment, JQuery, etc.).
  • Emphasizes customization via plain ol’ CSS.
  • User events (clicks, drags, etc.) are exposed as Vue events.


Simple Vue Component To Show Calendar With Events


v6.0.3 (11/20/2021)

  • Pass URL to normalized items
  • Updated dependencies

v6.0.2 (07/11/2021)

  • Dependency updates
  • Fixed where not returning CalendarMath in calendar view component led to IDE warnings in template
  • Minor ARIA fixes.

v6.0.1 (04/27/2021)

  • Just minor dependency updates

v6.0.0 (03/27/2021)

  • Upgraded to Vue 3. This shouldn’t cause an issue for people using it with Vue 2.
  • Migrated to TypeScript. Needed an excuse to learn it.
  • Now using Vite instead of vue-cli for the development and built process.
  • CalendarMathMixin is now CalendarMath, a normal class
  • Added St. Valentine’s Day to the US Traditional Holiday theme


  • v5.0.0

Download Details:

Author: richardtallent

Live Demo:

Download Link:

Official Website:

Install & Download:

$ npm install vue-simple-calendar --save

You Might Be Interested In:

Add Comment