Simple Vue Component To Show Calendar With Events

Description:

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

Features:

  • 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.

Preview:

Simple Vue Component To Show Calendar With Events

Changelog:

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

09/05/2020

  • v5.0.0

Download Details:

Author: richardtallent

Live Demo: https://www.tallent.us/vue-simple-calendar/

Download Link: https://github.com/richardtallent/vue-simple-calendar/archive/master.zip

Official Website: https://github.com/richardtallent/vue-simple-calendar

Install & Download:

$ npm install vue-simple-calendar --save

You Might Be Interested In:

Add Comment