Can't get recurring GCal event to show up in FullCalendar with rrule

Allen Y 0
Viewed 13

I'm making calls to the Google Calendar API to retrieve event data. I want to display the events in a FullCalendar in my app. While normal events show up, I'm now working on getting recurring events to show up with all their instances.

Per the FullCalendar documentation, I'm using the rrule plugin. I have an event with data like this:

{
    "id": "6cvikr7n7g7ctler24dr1lgkjf",
    "title": "Test recurring event",
    "backgroundColor": "#9fe1e7",
    "borderColor": "#9fe1e7",
    "rrule": {
        "freq": "daily",
        "dtstart": "2022-09-14T15:00:00.000Z",
        "interval": 1,
        "until": "2022-12-31"
    },
    "duration": "00:30"
}

But this is not showing up in the FullCalendar. It ought to be an event that happens every day, starting 9/14/22, at 11am ET = 3pm UTC.

Am I missing something about how rrule and FullCalendar work?

Bonus: are there any tools that help translate a Google Calendar event's recurrence rules to a working rrule configuration?

rrule fullcalendar
1 Answers

Dumb mistake on my part - I forgot to include rrulePlugin in the config for FullCalendar, i.e.:

<FullCalendar
...
    plugins={[ timeGridPlugin, rrulePlugin ]}
...
Allen Y0
Related