This sharing for newbie to get started on the right direction.
Install dependencies
npm install --save \
@fullcalendar/rrule \
@fullcalendar/core \
@fullcalendar/daygrid
Example implementation
import { Calendar } from '@fullcalendar/core'
import rrulePlugin from '@fullcalendar/rrule'
import dayGridPlugin from '@fullcalendar/daygrid'
let calendarEl = document.getElementById('calendar')
let calendar = new Calendar(calendarEl, {
plugins: [ rrulePlugin, dayGridPlugin ],
events: [
{
title: "Afternoon for 3 days",
startTime: "12:00",
endTime: "16:00",
rrule: {
freq: "daily", // Every day
count: 3, // Repeat 3 times
dtstart: "2025-04-01", // Start from 2025-04-01
interval: 1
}
},
{
title: "Weekly Morning - Mon to Fri",
startTime: "12:00",
endTime: "16:00",
rrule: {
freq: "weekly", // Every week
byweekday: [0,1,2,3,4], // Mon - Fri
dtstart: "2025-04-13" // Start from 2025-04-13
},
exdate: ["2025-04-15"] // Exclude 2025-04-15
}
]
})
calendar.render()