V-Calendar

V-Calendar is a lightweight, dependency-free plugin for displaying annotated calendars in Vue.js.

Visit http://vcalendar.netlify.com for demos and the API reference.

Features

• Display clean, animated calendars with support for navigation, double-panes and header slots
• Built-in support for various attributes, including
  • highlighted regions
  • indicators
  • day content styles (hovered and non-hovered)
• Apply attributes over multiple dates or date ranges (start & end dates)
• Date-picker wrapper supporting all native v-calendar props/events with various selection modes
  • single date
  • multiple dates
  • date range

Quick Start

Vue.js version 2.4+ is required.

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run all tests
npm test

For detailed explanation on how things work, checkout the guide and docs for vue-loader.