@fullcalendar/rrule

FullCalendar RRule Plugin

Recurring events with RRule

Installation

First, ensure the RRule lib is installed:

npm install rrule

Then, install the FullCalendar core package, the RRule plugin, and any other plugins (like daygrid):

npm install @fullcalendar/core @fullcalendar/rrule @fullcalendar/daygrid

Usage

Instantiate a Calendar with the necessary plugin:

import { Calendar } from '@fullcalendar/core'
import rrulePlugin from '@fullcalendar/rrule'
import dayGridPlugin from '@fullcalendar/daygrid'

const calendarEl = document.getElementById('calendar')
const calendar = new Calendar(calendarEl, {
  plugins: [
    rrulePlugin,
    dayGridPlugin
  ],
  initialView: 'dayGridMonth',
  events: [
    {
      title: 'Meeting',
      rrule: {
        freq: 'weekly',
        byweekday: ['mo', 'fr']
      }
    }
  ]
})

calendar.render()

Changelog

6.0.3 (2023-01-11)

Standard/premium

• FIX: Time grid and timeline more-events link positioned incorrectly (#7134, #7115)
• FIX: file extensions of CJS/ESM dist files changed to support Jest (#7113)

React:

• FIX: Maximum update depth exceeded w/ eventContent & dayMaxEvents (#7116)
• FIX: Certain cases of broken rendering w/ React 17 and content-injection (#7127, #7131)
• FIX: Content-injection not using updated function closures for rendering (#7119)

Vue 3:

• FIX: With Webpack, fullySpecified:false workaround no longer needed (#7125, #7114)