A calendar is one of the most important components used to display tasks, schedules, appointments, and meetings in an elegant way.
This is a hand-picked list of the 7 best Vue.js components to help create various calendars you might need in the next Vue.js project. Have fun.
Originally published Feb 18 2020, updated Apr 27 2022
1. Clean And Lightweight Calendar Plugin For Vue.js – V-Calendar
A lightweight, dependency-free plugin for building attributed calendars in Vue.js.
2. Simple Vue Component To Show Calendar With Events
A simple Vue component to show a month-grid calendar with events.
3. vue-cal
A draggable, responsive, animated event calendar component for Vue 3 or Vue 2 applications.
4. mpvue-calendar
A calendar component for vue 3. Support gesture sliding, range selection.
5. Functional Calendar
A lightweight, powerful, high-performance calendar & date picker component for Vue applications.
6. Material Style Monthly Calendar For Vue
An easy-to-use, Material Design style monthly calendar component for Vue.js applications.
7. Full Calendar To Show Daily Events – Spring Calendar
A Vue.js component that generates a full calendar (day/week/month/year) to show daily events.
More Resources:
Looking for more JavaScript libraries and Vue.js components for modern web app design? Here are a few resources you might find useful:
- VueScript Calendar Section
- Calendar Plugins In Vanilla JavaScript
- Best JavaScript/jQuery Calendar Plugins For Scheduled Events