Display events from a public Google Calendar feed
Install the FullCalendar core package, the Google Calendar plugin, and any other plugins (like daygrid):
npm install @fullcalendar/core @fullcalendar/google-calendar @fullcalendar/daygridInstantiate a Calendar with the necessary plugin:
import { Calendar } from '@fullcalendar/core'
import googleCalendarPlugin from '@fullcalendar/google-calendar'
import dayGridPlugin from '@fullcalendar/daygrid'
const calendarEl = document.getElementById('calendar')
const calendar = new Calendar(calendarEl, {
plugins: [
googleCalendarPlugin,
dayGridPlugin
],
initialView: 'dayGridMonth',
events: {
googleCalendarId: 'abcd1234@group.calendar.google.com'
}
})
calendar.render()