Display events on time slots
Install the necessary packages:
npm install @fullcalendar/core @fullcalendar/timegridInstantiate a Calendar with the necessary plugin:
import { Calendar } from '@fullcalendar/core'
import timeGridPlugin from '@fullcalendar/timegrid'
const calendarEl = document.getElementById('calendar')
const calendar = new Calendar(calendarEl, {
plugins: [timeGridPlugin],
initialView: 'timeGridWeek',
events: [
{ title: 'Meeting', start: new Date() }
]
})
calendar.render()