vue-google-calendar

VueJs Week Calendar based on Google Calendar API.

install component

npm i vue-google-calendar

import VueGoogleCalendar from "vue-google-calendar/src/vue-google-calendar"

and use it in your component file

<template>
  <vue-google-calendar :data="calendarData"/>
</template>

components: {VueGoogleCalendar}

props

props: {
  precision: { type: Number, default: 30 },
  data: Array,
  selected: Date
}

data format of prop data: Array

data: [
  {
    id: "[email protected]",
    summary: "description ....",
    color: "#cd74e6",
    dates: [
      {
        id: "7413lef3g1hip8hvk6tbipkqrq_20200917T140000Z",
        summary: "event name",
        start: { dateTime: "2020-09-17T10:00:00-04:00" },
        end: { dateTime: "2020-09-17T11:00:00-04:00" }
      }
    ]
  }
]