FullCalendar
v7
v7
latest
v6
(opens in a new tab)
v5
(opens in a new tab)
v4
(opens in a new tab)
v3
(opens in a new tab)
v2
(opens in a new tab)
v1
(opens in a new tab)
Demos
Docs
Support
Getting Help
Debug Templates
Reporting Bugs
Requesting Features
Contributing
Pricing
20.7k
Demos
Docs
Support
Getting Help
Debug Templates
Reporting Bugs
Requesting Features
Contributing
Pricing
Search
⌘
K
Getting Started
React
Vue
Angular
Vanilla JS
Preact
Web Component
Salesforce LWC
Tools & Plugins
Agent Guide
Plugins
Premium
V7 Migration
Overall Display
Theme
Toolbar
Sizing
Virtual Rendering
Locale
Views
Month
TimeGrid
List
DayGrid
Multi-Month Stack
Multi-Month Grid
Timeline
Vertical Resource
Custom Views
View API
Date & Time
Date Model
Time Zone
Date & Time Display
Date Navigation
Date Nav Links
Week Numbers
Date Clicking & Selecting
Now Indicator
Business Hours
Events
Event Model
Event Sources
Event Display
Event Clicking & Hovering
Event Dragging & Resizing
Event Popover
Background Events
Resources
Resource Data
Resource Display
Accessibility
Accessibility
Touch Support
Printer-Friendly Rendering
Docs menu
All Docs
V7 Migration
Copy page
Edit page
Use these guides to upgrade an existing FullCalendar v6 installation to v7.
Changelog
Upgrade from v6 to v7.
JavaScript API Migration
This document will help you migrate from v6 of the API to v7.
Custom CSS Migration
Move CSS that targets FullCalendar's built-in fc-* class names to v7's settings.
See Also
Render Hook Index
A quick index of render-hook articles, and the hooks each one exposes.