@fullcalendar/moment-timezone

FullCalendar Moment Timezone Plugin

Enhanced named time zone functionality with Moment Timezone

Installation

First, ensure Moment Timezone is installed:

npm install moment-timezone

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

npm install @fullcalendar/core @fullcalendar/moment-timezone @fullcalendar/daygrid

Usage

Instantiate a Calendar with the necessary plugin:

import { Calendar } from '@fullcalendar/core'
import momentTimezonePlugin from '@fullcalendar/moment-timezone'
import dayGridPlugin from '@fullcalendar/daygrid'

const calendarEl = document.getElementById('calendar')
const calendar = new Calendar(calendarEl, {
  plugins: [
    momentTimezonePlugin,
    dayGridPlugin
  ],
  initialView: 'dayGridMonth',
  timeZone: 'America/New_York' // enhance named time zones
})

calendar.render()

Changelog

6.1.9 (2023-09-21)

• fix: Table selection is not prevented when long pressing to drag events in Safari (#7441)
• fix: Custom event rendering with white-space:normal can causes infinite loop (#7447)
• fix: eventClick does not fire for allDay events with async provided resources (#7365)
• fix: eventContent with Preact nodes (via createElement) not rendering (#7342)
• fix: React 16: calling calendarApi methods within useEffect causes fatal error (#7448)
• fix: Angular/Vue2: dot-event element from eventDidMount does not exists in the DOM (#7191)
• fix: Angular Universal: document is not defined error (#7352)