Display events on a month view or "day grid" view
Install the necessary packages:
npm install @fullcalendar/core @fullcalendar/daygrid
Instantiate a Calendar with the necessary plugin:
import { Calendar } from '@fullcalendar/core'
import dayGridPlugin from '@fullcalendar/daygrid'
const calendarEl = document.getElementById('calendar')
const calendar = new Calendar(calendarEl, {
plugins: [dayGridPlugin],
initialView: 'dayGridMonth',
events: [
{ title: 'Meeting', start: new Date() }
]
})
calendar.render()