v-calendar-custom

A clean and extendable plugin for building simple attributed calendars in Vue.js.

Usage no npm install needed!

<script type="module">
  import vCalendarCustom from 'https://cdn.skypack.dev/v-calendar-custom';
</script>

README


An elegant calendar and datepicker plugin for Vuejs.

Total Downloads Latest Release Next Release License 

npm i --save v-calendar-custom

Documentation

For full documentation, visit vcalendar.io.

Public Holiday [Custom from v-caledar]

<v-calendar
  :columns="2"
  :step="1"
  :masks="{ holiday: 'DD MMM' }"
  :holiday="holiday"
  locale="id"
/>

Holiday Data

<v-calendar
holiday: [
  {
    id: 24,
    date: '2020-03-22',
    name: "Isra Mi'raj",
    description: '',
    status: 'published',
    is_public: 1,
    created_by: 6633,
    updated_by: null,
  },
  {
    id: 25,
    date: '2020-03-25',
    name: 'Hari Raya Nyepi',
    description: '',
    status: 'published',
    is_public: 1,
    created_by: 6633,
    updated_by: null,
  },
  {
    id: 26,
    date: '2020-04-10',
    name: 'Hari Raya Paskah',
    description: '',
    status: 'published',
    is_public: 1,
    created_by: 6633,
    updated_by: null,
  },
],
/>

Example

Attributes

Highlights Dots
Bars Popovers

Multi-Paned Calendars

Theme Colors & Dark-Mode

Date Pickers

Single Date Multiple Date Date Range

Custom Calendars w/ Scoped Slots