# FullCalendar v5 > Documentation for FullCalendar v5, an old release. The current version is v7, documented at https://fullcalendar.io/docs/llms.txt. Every page linked here is Markdown. Only use these docs for code that still runs FullCalendar v5. Each major version since has breaking changes. Upgrade guides, in order: - [Upgrading from v5](https://legacy.fullcalendar.io/v6/upgrading-from-v5.md) - [Upgrading from v6](https://fullcalendar.io/docs/upgrading-from-v6.md) ## Getting Started - [Introduction](https://legacy.fullcalendar.io/v5/intro.md): How to get FullCalendar’s code, initialize a calendar, and other basic principles. - [Getting Started](https://legacy.fullcalendar.io/v5/getting-started.md): How to initialize a calendar - [Initialize with Script Tags](https://legacy.fullcalendar.io/v5/initialize-globals.md): Use pre-built bundles and HTML script tags - [Initialize with ES6 Build System](https://legacy.fullcalendar.io/v5/initialize-es6.md): For non-trivial projects, it is recommended to use an ES6-compatible build system like Webpack or Rollup along with a package manager like NPM or Yarn. - [Plugin Index](https://legacy.fullcalendar.io/v5/plugin-index.md) - [Handlers](https://legacy.fullcalendar.io/v5/handlers.md): How to attach handlers to your calendar, which execute when other things happen. - [Methods](https://legacy.fullcalendar.io/v5/methods.md): Methods provide ways to manipulate the calendar from JavaScript code. - [Reduced Test Cases](https://legacy.fullcalendar.io/v5/reduced-test-cases.md): How to create a simplified, reproducible demonstration of a bug - [V5 Release Notes and Upgrade Guide](https://legacy.fullcalendar.io/v5/upgrading-from-v4.md): What changed between v4 and v5, and how to upgrade - [CSS Customization](https://legacy.fullcalendar.io/v5/css-customization.md): This article describes the various techniques for customizing the CSS of your calendar. - [View-Specific Options](https://legacy.fullcalendar.io/v5/view-specific-options.md): You can specify options that apply only to specific calendar views. - [Get/Set Options Dynamically](https://legacy.fullcalendar.io/v5/dynamic-options.md): You can get/set calendar options after a calendar has already been initialized. - [render](https://legacy.fullcalendar.io/v5/render.md): Will initially render a calendar, or if it is already rendered, will rerender it. - [destroy](https://legacy.fullcalendar.io/v5/destroy.md): Restores the container element to the state before FullCalendar was initialized. - [rerenderDelay](https://legacy.fullcalendar.io/v5/rerenderDelay.md): The amount of milliseconds to wait before rerendering anything on a calendar. - [Calendar::render](https://legacy.fullcalendar.io/v5/Calendar-render.md): Initially render the calendar, or rerender it after initialization. - [Calendar::batchRendering](https://legacy.fullcalendar.io/v5/Calendar-batchRendering.md): A way to group operations that cause rerenders. - [ClassName Inputs](https://legacy.fullcalendar.io/v5/classname-input.md): CSS classNames can be injected into FullCalendar’s DOM in various places. They can be provided in the following formats. - [Content Injection](https://legacy.fullcalendar.io/v5/content-injection.md): Custom content can be injected into FullCalendar’s DOM in various places. This content can be provided in the following formats. - [Premium Plugins](https://legacy.fullcalendar.io/v5/premium.md): FullCalendar Premium (also known as “FullCalendar Scheduler”) is a collection of plugins released under a different license than the standard plugins. - [Date Library](https://legacy.fullcalendar.io/v5/date-library.md) - [Date Parsing](https://legacy.fullcalendar.io/v5/date-parsing.md): FullCalendar’s API accepts date information in many places, such as when you set the initialDate or define an event’s start/end. - [Date Objects](https://legacy.fullcalendar.io/v5/date-object.md): FullCalendar’s API exposes Date objects in many places, such as dateClick or a View object’s activeStart/activeEnd. - [Duration Object](https://legacy.fullcalendar.io/v5/duration-object.md): A duration is a way to express an amount of time that has passed. It can also be used to express a time-of-day, in other words, the amount of time that has passed since the start of the day. - [Date Formatting](https://legacy.fullcalendar.io/v5/date-formatting.md): The term “date formatting” means taking a Date object and converting it into a string. The string can either be a standard string format like ISO8601 (ex: '2018-05-01') or it can be something more custom that you can display to users. - [defaultRangeSeparator](https://legacy.fullcalendar.io/v5/defaultRangeSeparator.md): The separator text used for date-formatting ranges throughout the API. - [formatDate](https://legacy.fullcalendar.io/v5/formatDate.md): A utility function that formats a date into a string. - [formatRange](https://legacy.fullcalendar.io/v5/formatRange.md): Formats two dates, a start and an end, into a string. A separator string, most likely a dash, will be intelligently inserted between the two dates. - [Calendar::formatDate](https://legacy.fullcalendar.io/v5/Calendar-formatDate.md): A method that formats a date into a string. It inherits the locale and time zone settings of the calendar it’s called on. - [Calendar::formatIso](https://legacy.fullcalendar.io/v5/Calendar-formatIso.md): Formats a date into an ISO8601 string. Outputs a UTC offset appropriate to the calendar it’s called on. - [Calendar::formatRange](https://legacy.fullcalendar.io/v5/Calendar-formatRange.md): Formats two dates, a start and an end, into a string. A separator string, most likely a dash, will be intelligently inserted between the two dates. Inherits the time zone and locale settings of the calendar it’s called on. - [Moment Plugin](https://legacy.fullcalendar.io/v5/moment-plugin.md): Moment JS is a popular library for parsing, formatting, and manipulating dates. - [Moment Timezone Plugin](https://legacy.fullcalendar.io/v5/moment-timezone-plugin.md): Moment Timezone is a library for dealing with time zones. FullCalendar has a connector plugin that gives your calendar support for arbitrary named time zones. It provides a “named timezone implementation” for the timeZone setting. - [Luxon 2 Plugin](https://legacy.fullcalendar.io/v5/luxon2.md): Luxon is a JavaScript date library that cleverly leverages the browser’s native APIs for many things such as time zones, locales, and formatting. However, it requires IE11 and above, and if you want to use named time zones, it does not support IE at all, only Microsoft Edge. If these browser requirements are okay for your project, then all is good! - [Luxon 1 Plugin](https://legacy.fullcalendar.io/v5/luxon1.md): Luxon is a JavaScript date library that cleverly leverages the browser’s native APIs for many things such as time zones, locales, and formatting. However, it requires IE11 and above, and if you want to use named time zones, it does not support IE at all, only Microsoft Edge. If these browser requirements are okay for your project, then all is good! ## Overall Display - [Toolbar](https://legacy.fullcalendar.io/v5/toolbar.md): The area at the top and bottom of the calendar that contains buttons and other controls. - [headerToolbar](https://legacy.fullcalendar.io/v5/headerToolbar.md): Defines the buttons and title at the top of the calendar. - [footerToolbar](https://legacy.fullcalendar.io/v5/footerToolbar.md): Defines the controls at the bottom of the calendar. - [titleFormat](https://legacy.fullcalendar.io/v5/titleFormat.md): Determines the text that will be displayed in the headerToolbar’s title. - [titleRangeSeparator](https://legacy.fullcalendar.io/v5/titleRangeSeparator.md): Determines the separator text when formatting the date range in the toolbar title. - [buttonText](https://legacy.fullcalendar.io/v5/buttonText.md): Text that will be displayed on buttons of the headerToolbar/footerToolbar. - [buttonIcons](https://legacy.fullcalendar.io/v5/buttonIcons.md): Icons that will be displayed in buttons of the headerToolbar/footerToolbar. - [customButtons](https://legacy.fullcalendar.io/v5/customButtons.md): Defines custom buttons that can be used in the headerToolbar/footerToolbar. - [Theme](https://legacy.fullcalendar.io/v5/theming.md): It is possible to change the look of the calendar (colors, fonts, etc) by applying a theme. - [themeSystem](https://legacy.fullcalendar.io/v5/themeSystem.md): Renders the calendar with a given theme system. - [Bootstrap 5 Theming](https://legacy.fullcalendar.io/v5/bootstrap5.md): In order to correctly theme your calendar with a Bootstrap 5 theme, you must include the correct stylesheets, include the JavaScript plugin, and set themeSystem to 'bootstrap5'. - [Bootstrap 4 Theming](https://legacy.fullcalendar.io/v5/bootstrap4.md): In order to correctly theme your calendar with a Bootstrap 4 theme, you must include the correct stylesheets, include the JavaScript plugin, and set themeSystem to 'bootstrap'. - [bootstrapFontAwesome](https://legacy.fullcalendar.io/v5/bootstrapFontAwesome.md): Determines which icons are displayed in buttons of the headerToolbar/footerToolbar when Bootstrap 4 theming is on. This setting does not apply to Bootstrap 5 theming. Use buttonIcons instead. - [Sizing](https://legacy.fullcalendar.io/v5/sizing.md): How to control the dimensions of the calendar. - [height](https://legacy.fullcalendar.io/v5/height.md): Sets the height of the entire calendar, including header and footer. - [contentHeight](https://legacy.fullcalendar.io/v5/contentHeight.md): Sets the height of the view area of the calendar. - [aspectRatio](https://legacy.fullcalendar.io/v5/aspectRatio.md): Sets the width-to-height aspect ratio of the calendar. - [expandRows](https://legacy.fullcalendar.io/v5/expandRows.md): If the rows of a given view don’t take up the entire height, they will expand to fit. - [updateSize](https://legacy.fullcalendar.io/v5/updateSize.md): Immediately forces the calendar to readjusts its size. - [handleWindowResize](https://legacy.fullcalendar.io/v5/handleWindowResize.md): Whether to automatically resize the calendar when the browser window resizes. - [windowResizeDelay](https://legacy.fullcalendar.io/v5/windowResizeDelay.md): The time the calendar will wait to adjust its size after a window resize occurs, in milliseconds. - [stickyHeaderDates](https://legacy.fullcalendar.io/v5/stickyHeaderDates.md): Whether to fix the date-headers at the top of the calendar to the viewport while scrolling. - [stickyFooterScrollbar](https://legacy.fullcalendar.io/v5/stickyFooterScrollbar.md): Whether to fix the view’s horizontal scrollbar to the bottom of the viewport while scrolling. - [windowResize](https://legacy.fullcalendar.io/v5/windowResize.md): Triggered after the calendar’s dimensions have been changed due to the browser window being resized. ## Views - [Month View](https://legacy.fullcalendar.io/v5/month-view.md): Month view displays the current month’s days, and usually a few days of the previous and next months, in a table-like format. It’s technically considered “dayGridMonth” view and is part of the DayGrid plugin. - [fixedWeekCount](https://legacy.fullcalendar.io/v5/fixedWeekCount.md): Determines the number of weeks displayed in a month view. - [showNonCurrentDates](https://legacy.fullcalendar.io/v5/showNonCurrentDates.md): In month view, whether dates in the previous or next month should be rendered at all. - [TimeGrid View](https://legacy.fullcalendar.io/v5/timegrid-view.md): A TimeGrid view displays one or more days side by side, against a vertical axis of time. The time axis usually runs from midnight to midnight. The two predefined TimeGrid views are the timeGridWeek and timeGridDay views. - [eventMinHeight](https://legacy.fullcalendar.io/v5/eventMinHeight.md): In timeGrid view, the minimum height an event is allowed to be. - [eventShortHeight](https://legacy.fullcalendar.io/v5/eventShortHeight.md): In timeGrid view, the height threshold for when an event has a “short” style. - [slotEventOverlap](https://legacy.fullcalendar.io/v5/slotEventOverlap.md): Determines if timed events in TimeGrid view should visually overlap. - [allDaySlot](https://legacy.fullcalendar.io/v5/allDaySlot.md): Determines if the “all-day” slot is displayed at the top of the calendar. - [All-Day Render Hooks](https://legacy.fullcalendar.io/v5/all-day-render-hooks.md): Customize parts of the UI that typically display the text “all-day”. - [List View](https://legacy.fullcalendar.io/v5/list-view.md): A list view displays events in a simple vertical list for a specific interval of time. If there are no events during a specific interval of time, the “No events to display” screen is displayed, which can be customized via render hooks. There are 4 preset list views: listDay, listWeek, listMonth, and listYear. - [listDayFormat](https://legacy.fullcalendar.io/v5/listDayFormat.md): A Date Formatter that affects the text on the left side of the day headings in list view. - [listDaySideFormat](https://legacy.fullcalendar.io/v5/listDaySideFormat.md): A Date Formatter that affects the text on the right side of the day headings in list view. - [No-Events Render Hooks](https://legacy.fullcalendar.io/v5/no-events-render-hooks.md): In list view, the “No events to display” message. - [DayGrid View](https://legacy.fullcalendar.io/v5/daygrid-view.md): A DayGrid view is a view with one or more columns, each representing a day. The pre-configured DayGrid views are dayGridDay and dayGridWeek. - [Timeline View](https://legacy.fullcalendar.io/v5/timeline-view.md): FullCalendar Premium provides a view called “timeline view” with a customizable horizontal time-axis and resources as rows. - [resourceGroupField](https://legacy.fullcalendar.io/v5/resourceGroupField.md): Visually groups resources by certain criteria. - [resourceAreaWidth](https://legacy.fullcalendar.io/v5/resourceAreaWidth.md): Determines the width of the area that contains the list of resources. - [resourceAreaColumns](https://legacy.fullcalendar.io/v5/resourceAreaColumns.md): Turns the resource area from a plain list of titles into a grid of data. - [resourcesInitiallyExpanded](https://legacy.fullcalendar.io/v5/resourcesInitiallyExpanded.md): Whether child resources should be expanded when the view loads. - [slotMinWidth](https://legacy.fullcalendar.io/v5/slotMinWidth.md): Determines how wide each of the time-axis slots will be. Specified as a number of pixels. - [eventMinWidth](https://legacy.fullcalendar.io/v5/eventMinWidth.md): In timeline view, the minimum width an event is allowed to be. - [Timeline View with no Resources](https://legacy.fullcalendar.io/v5/timeline-view-no-resources.md): You might like the way the time axis operates in Timeline view, but you simply don’t want to display resource rows. - [Resource Group Render Hooks](https://legacy.fullcalendar.io/v5/resource-group-render-hooks.md): Label Hooks - [Resource-Area Header Render Hooks](https://legacy.fullcalendar.io/v5/resource-area-header-render-hooks.md): The “resource-area header” is above the resource data and displays the text “Resources” by default. - [Vertical Resource View](https://legacy.fullcalendar.io/v5/vertical-resource-view.md): FullCalendar Premium provides TimeGrid view and DayGrid view with the ability to display resources as columns. - [datesAboveResources](https://legacy.fullcalendar.io/v5/datesAboveResources.md): Determines if resourceTimeGrid or resourceDayGrid views should render their date headings above their resource headings. - [Resource DayGrid View](https://legacy.fullcalendar.io/v5/resource-daygrid-view.md): A DayGrid view like dayGridDay can be given resource functionality. - [Custom Views](https://legacy.fullcalendar.io/v5/custom-views.md): It’s possible to take a pre-defined view that FullCalendar provides and create your own view that spans a different period of time. You can even code your own view from scratch with JS. - [Custom Views via Settings](https://legacy.fullcalendar.io/v5/custom-view-with-settings.md): It is possible to customize an existing available view by tweaking settings. - [Custom Views via JS](https://legacy.fullcalendar.io/v5/custom-view-with-js.md): For advanced developers, FullCalendar provides an API for building custom views with the unlimited flexibility of JavaScript code. - [duration](https://legacy.fullcalendar.io/v5/duration.md): Sets the exact duration of a custom view. - [dayCount](https://legacy.fullcalendar.io/v5/dayCount.md): Sets the exact number of days displayed in a custom view, regardless of weekends or hiddenDays. - [visibleRange](https://legacy.fullcalendar.io/v5/visibleRange.md): Sets the exact date range that is visible in a view. - [View API](https://legacy.fullcalendar.io/v5/view-api.md): FullCalendar provides settings, methods, and callbacks for interacting with and switching the current view. - [initialView](https://legacy.fullcalendar.io/v5/initialView.md): The initial view when the calendar loads. - [View Object](https://legacy.fullcalendar.io/v5/view-object.md): A View object contains information about a calendar view, such as title and date range. This information about the current view is passed into nearly every handler. - [Calendar::view](https://legacy.fullcalendar.io/v5/Calendar-view.md): Access the View Object for the current view. - [Calendar::changeView](https://legacy.fullcalendar.io/v5/Calendar-changeView.md): Immediately switches to a different view. - [View Render Hooks](https://legacy.fullcalendar.io/v5/view-render-hooks.md): Hooks ## Date & Time - [Date & Time Display](https://legacy.fullcalendar.io/v5/date-display.md): Settings that control presence/absence of dates as well as their styling and text. These settings work across a variety of different views. - [weekends](https://legacy.fullcalendar.io/v5/weekends.md): Whether to include Saturday/Sunday columns in any of the calendar views. - [hiddenDays](https://legacy.fullcalendar.io/v5/hiddenDays.md): Exclude certain days-of-the-week from being displayed. - [dayHeaders](https://legacy.fullcalendar.io/v5/dayHeaders.md): Whether the day headers should appear. For the Month, TimeGrid, and DayGrid views. - [dayHeaderFormat](https://legacy.fullcalendar.io/v5/dayHeaderFormat.md): Determines the text that will be displayed on the calendar’s column headings. - [dayMinWidth](https://legacy.fullcalendar.io/v5/dayMinWidth.md): A minimum width for day cells, past which the calendar scrolls horizontally. When the calendar gets narrow enough that day cells can no longer meet their dayMinWidth, horizontal scrollbars appear. - [Day-Header Render Hooks](https://legacy.fullcalendar.io/v5/day-header-render-hooks.md): Customize the header elements above the day cells in daygrid and timegrid views with the following options. The same options also apply to the title elements for each day in list view. For the timeline view, see the slot render hooks. - [Day-Cell Render Hooks](https://legacy.fullcalendar.io/v5/day-cell-render-hooks.md) - [slotDuration](https://legacy.fullcalendar.io/v5/slotDuration.md): The frequency for displaying time slots. - [slotLabelInterval](https://legacy.fullcalendar.io/v5/slotLabelInterval.md): The frequency that the time slots should be labeled with text. - [slotLabelFormat](https://legacy.fullcalendar.io/v5/slotLabelFormat.md): Determines the text that will be displayed within a time slot. - [slotMinTime](https://legacy.fullcalendar.io/v5/slotMinTime.md): Determines the first time slot that will be displayed for each day. - [slotMaxTime](https://legacy.fullcalendar.io/v5/slotMaxTime.md): Determines the last time slot that will be displayed for each day. In line with the discussion about the Event object, it is important to stress that this should be specified as an exclusive end time. - [scrollTime](https://legacy.fullcalendar.io/v5/scrollTime.md): Determines how far forward the scroll pane is initially scrolled. - [scrollTimeReset](https://legacy.fullcalendar.io/v5/scrollTimeReset.md): Whether the view should scroll to scrollTime every time the date range changes. - [Slot Render Hooks](https://legacy.fullcalendar.io/v5/slot-render-hooks.md): The horizontal time slots in timegrid view or the vertical datetime slots in timeline view. - [scrollToTime](https://legacy.fullcalendar.io/v5/scrollToTime.md): Programatically scroll the current view to the given time. - [datesSet](https://legacy.fullcalendar.io/v5/datesSet.md): Called after the calendar’s date range has been initially set or changed in some way and the DOM has been updated. - [Date Navigation](https://legacy.fullcalendar.io/v5/date-navigation.md): Methods and settings that determine the view’s current dates. - [initialDate](https://legacy.fullcalendar.io/v5/initialDate.md): The initial date displayed when the calendar first loads. - [dateIncrement](https://legacy.fullcalendar.io/v5/dateIncrement.md): How far into the future/past the calendar navigates when prev/next is executed. - [dateAlignment](https://legacy.fullcalendar.io/v5/dateAlignment.md): Determines the first visible day of a custom view. - [validRange](https://legacy.fullcalendar.io/v5/validRange.md): Limits which dates the user can navigate to and where events can go. - [Calendar::prev](https://legacy.fullcalendar.io/v5/Calendar-prev.md): Moves the calendar one step back (by a month or week for example). - [Calendar::next](https://legacy.fullcalendar.io/v5/Calendar-next.md): Moves the calendar one step forward (by a month or week for example). - [Calendar::prevYear](https://legacy.fullcalendar.io/v5/Calendar-prevYear.md): Moves the calendar back one year. - [Calendar::nextYear](https://legacy.fullcalendar.io/v5/Calendar-nextYear.md): Moves the calendar forward one year. - [Calendar::today](https://legacy.fullcalendar.io/v5/Calendar-today.md): Moves the calendar to the current date. - [Calendar::gotoDate](https://legacy.fullcalendar.io/v5/Calendar-gotoDate.md): Moves the calendar to an arbitrary date. - [Calendar::incrementDate](https://legacy.fullcalendar.io/v5/Calendar-incrementDate.md): Moves the calendar forward/backward an arbitrary amount of time. - [Calendar::getDate](https://legacy.fullcalendar.io/v5/Calendar-getDate.md): Returns a Date for the current date of the calendar. - [Date Nav Links](https://legacy.fullcalendar.io/v5/date-nav-links.md): Turns various datetime text into clickable links that the user can use for navigation. - [navLinks](https://legacy.fullcalendar.io/v5/navLinks.md): Determines if day names and week names are clickable. - [navLinkDayClick](https://legacy.fullcalendar.io/v5/navLinkDayClick.md): Determines what happens upon a day heading nav-link click. - [navLinkWeekClick](https://legacy.fullcalendar.io/v5/navLinkWeekClick.md): Determines what happens upon a week-number nav-link click. - [Week Numbers](https://legacy.fullcalendar.io/v5/week-numbers.md): Display week numbers in various parts of your calendar views. - [weekNumbers](https://legacy.fullcalendar.io/v5/weekNumbers.md): Determines if week numbers should be displayed on the calendar. - [weekNumberCalculation](https://legacy.fullcalendar.io/v5/weekNumberCalculation.md): The method for calculating week numbers that are displayed with the weekNumbers setting. - [weekText](https://legacy.fullcalendar.io/v5/weekText.md): The heading text for week numbers. Also affects weeks in date formatting. - [weekTextLong](https://legacy.fullcalendar.io/v5/weekTextLong.md): Like weekText but only used when the date-formatting week setting is set to 'long'. - [weekNumberFormat](https://legacy.fullcalendar.io/v5/weekNumberFormat.md): Controls the week number text. - [Week-Number Render Hooks](https://legacy.fullcalendar.io/v5/week-number-render-hooks.md): weekNumberClassNames - a ClassName Input - [Date Clicking & Selecting](https://legacy.fullcalendar.io/v5/date-clicking-selecting.md): Detect when the user clicks on dates or times. Give the user the ability to select multiple dates or time slots with their mouse or touch device. - [selectable](https://legacy.fullcalendar.io/v5/selectable.md): Allows a user to highlight multiple days or timeslots by clicking and dragging. - [selectMirror](https://legacy.fullcalendar.io/v5/selectMirror.md): Whether to draw a “placeholder” event while the user is dragging. - [unselectAuto](https://legacy.fullcalendar.io/v5/unselectAuto.md): Whether clicking elsewhere on the page will cause the current selection to be cleared. - [unselectCancel](https://legacy.fullcalendar.io/v5/unselectCancel.md): A way to specify elements that will ignore the unselectAuto option. - [selectOverlap](https://legacy.fullcalendar.io/v5/selectOverlap.md): Determines whether the user is allowed to select periods of time that are occupied by events. - [selectConstraint](https://legacy.fullcalendar.io/v5/selectConstraint.md): Limits user selection to certain windows of time. - [selectAllow](https://legacy.fullcalendar.io/v5/selectAllow.md): Exact programmatic control over where the user can select. - [selectMinDistance](https://legacy.fullcalendar.io/v5/selectMinDistance.md): The minimum distance the user’s mouse must travel after a mousedown, before a selection is allowed. - [dateClick](https://legacy.fullcalendar.io/v5/dateClick.md): Triggered when the user clicks on a date or a time. - [select](https://legacy.fullcalendar.io/v5/select-callback.md): Triggered when a date/time selection is made. - [unselect](https://legacy.fullcalendar.io/v5/unselect-callback.md): Triggered when the current selection is cleared. - [Calendar::select](https://legacy.fullcalendar.io/v5/Calendar-select.md): A method for programmatically selecting a period of time. - [Calendar::unselect](https://legacy.fullcalendar.io/v5/Calendar-unselect.md): A method for programmatically clearing the current selection. - [Now Indicator](https://legacy.fullcalendar.io/v5/now-indicator.md): You can display a marker that represents the exact current time in both TimeGrid view and Timeline view. - [nowIndicator](https://legacy.fullcalendar.io/v5/nowIndicator.md): Whether or not to display a marker indicating the current time. - [now](https://legacy.fullcalendar.io/v5/now.md): Explicitly sets the “today” date of the calendar. This is the day that is normally highlighted in yellow. - [Now-Indicator Render Hooks](https://legacy.fullcalendar.io/v5/now-indicator-render-hooks.md): nowIndicatorClassNames - a ClassName Input - [Business Hours](https://legacy.fullcalendar.io/v5/business-hours.md): Emphasize a view’s “business hours” (aka “working hours”). - [businessHours](https://legacy.fullcalendar.io/v5/businessHours.md): Emphasizes certain time slots on the calendar. By default, Monday-Friday, 9am-5pm. - [businessHours-per-resource](https://legacy.fullcalendar.io/v5/businessHours-per-resource.md): The main businessHours settings can be applied more granularly to individual resources via the businessHours property on the Resource input ## Events - [Event Model](https://legacy.fullcalendar.io/v5/event-model.md) - [Event Parsing](https://legacy.fullcalendar.io/v5/event-parsing.md): When you give your calendar event data, whether it’s through an array, a json feed, or the addEvent method, you specify the event as a plain JavaScript object with properties. This object then gets “parsed” into a proper Event Object that is then exposed in other parts of the API, like the event render hooks method. - [Event Object](https://legacy.fullcalendar.io/v5/event-object.md): A JavaScript object that FullCalendar uses to store information about a calendar event. It is exposed in various places of the API such as getEventById and provides methods for dynamic manipulation. It was originally parsed from a plain object. - [Recurring Events](https://legacy.fullcalendar.io/v5/recurring-events.md): A recurring event is an event that happens more than once, on a repeating schedule. When a repeating event is turned into individual event instances with individual dates, it is called “expanding” the event. - [RRule Plugin](https://legacy.fullcalendar.io/v5/rrule-plugin.md): The RRule plugin is a connector to the rrule js library. It is powerful for specifying recurring events, moreso than FullCalendar’s built-in simple event recurrence. - [eventDataTransform](https://legacy.fullcalendar.io/v5/eventDataTransform.md): A hook for transforming custom data into a standard Event object. - [defaultAllDay](https://legacy.fullcalendar.io/v5/defaultAllDay.md): Determines the default value for each Event Object’s allDay property when it is unspecified. - [defaultAllDayEventDuration](https://legacy.fullcalendar.io/v5/defaultAllDayEventDuration.md): A fallback duration for all-day Event Objects without a specified end value. - [defaultTimedEventDuration](https://legacy.fullcalendar.io/v5/defaultTimedEventDuration.md): A fallback duration for timed Event Objects without a specified end value. - [forceEventDuration](https://legacy.fullcalendar.io/v5/forceEventDuration.md): A flag to force assignment of an event’s end if it is unspecified. - [Calendar::getEvents](https://legacy.fullcalendar.io/v5/Calendar-getEvents.md): Retrieves events that FullCalendar has in memory. - [Calendar::getEventById](https://legacy.fullcalendar.io/v5/Calendar-getEventById.md): Returns a single event with the matching id. - [Calendar::addEvent](https://legacy.fullcalendar.io/v5/Calendar-addEvent.md): Adds a new event to the calendar. - [Event::setProp](https://legacy.fullcalendar.io/v5/Event-setProp.md): Modifies any of the non-date-related properties of an Event Object. - [Event::setExtendedProp](https://legacy.fullcalendar.io/v5/Event-setExtendedProp.md): Modifies a single property in an Event Object’s extendedProps hash. - [Event::setStart](https://legacy.fullcalendar.io/v5/Event-setStart.md): Sets an event’s start date. - [Event::setEnd](https://legacy.fullcalendar.io/v5/Event-setEnd.md): Sets an event’s end date. - [Event::setDates](https://legacy.fullcalendar.io/v5/Event-setDates.md): Sets an event’s start date, end date, and allDay properties at the same time. - [Event::setAllDay](https://legacy.fullcalendar.io/v5/Event-setAllDay.md): Sets whether an event is considered all-day. - [Event::moveStart](https://legacy.fullcalendar.io/v5/Event-moveStart.md): Will move an event’s start date by a specific period of time. - [Event::moveEnd](https://legacy.fullcalendar.io/v5/Event-moveEnd.md): Will move an event’s end date by a specific period of time. - [Event::moveDates](https://legacy.fullcalendar.io/v5/Event-moveDates.md): Will move an event’s start and end dates by a specific period of time. - [Event::formatRange](https://legacy.fullcalendar.io/v5/Event-formatRange.md): Formats an event’s dates into a string. - [Event::remove](https://legacy.fullcalendar.io/v5/Event-remove.md): Removes an event from the calendar. - [Event::getResources](https://legacy.fullcalendar.io/v5/Event-getResources.md): Gets the Resources associated with the given event. - [Event::setResources](https://legacy.fullcalendar.io/v5/Event-setResources.md): Sets the Resources associated with the given event. - [Event::toPlainObject](https://legacy.fullcalendar.io/v5/Event-toPlainObject.md): Serializes an Event API Object to a plain object that would be fit for JSON.stringify. - [eventAdd](https://legacy.fullcalendar.io/v5/eventAdd.md): Called after an event has been added to the calendar. - [eventChange](https://legacy.fullcalendar.io/v5/eventChange.md): Called after an event has been modified in some way. - [eventRemove](https://legacy.fullcalendar.io/v5/eventRemove.md): Called after an event has been removed from the calendar. - [eventsSet](https://legacy.fullcalendar.io/v5/eventsSet.md): Called after event data is initialized OR changed in any way. - [Event Sources](https://legacy.fullcalendar.io/v5/event-source.md) - [events (as an array)](https://legacy.fullcalendar.io/v5/events-array.md): An array of Event Objects that will be displayed on the calendar. - [events (as a json feed)](https://legacy.fullcalendar.io/v5/events-json-feed.md): A URL of a JSON feed that the calendar will fetch Event Objects from. - [events (as a function)](https://legacy.fullcalendar.io/v5/events-function.md): A custom function for programmatically generating Events. - [events from Google Calendar](https://legacy.fullcalendar.io/v5/google-calendar.md): FullCalendar can display events from a public Google Calendar. - [events from an iCalendar feed](https://legacy.fullcalendar.io/v5/icalendar.md): FullCalendar can display events from a public iCalendar feed. - [Event Source Object](https://legacy.fullcalendar.io/v5/event-source-object.md): An “event source” is anything that provides FullCalendar with data about events. - [eventSources](https://legacy.fullcalendar.io/v5/eventSources.md): A way to specify multiple event sources. - [eventSourceSuccess](https://legacy.fullcalendar.io/v5/eventSourceSuccess.md): A function that gets called when fetching succeeds. It can transform the response. Gets called for any type of Event source. - [eventSourceFailure](https://legacy.fullcalendar.io/v5/eventSourceFailure.md): Called when any of the event sources fails. Probably because an AJAX request failed. - [initialEvents](https://legacy.fullcalendar.io/v5/initialEvents.md): This is exactly like specifying events as an array except that if the supplied value changes, the calendar will NOT be updated to reflect. Only applicable to declarative front-end frameworks such as React, Vue, and Angular. - [startParam](https://legacy.fullcalendar.io/v5/startParam.md): A parameter of this name will be sent to each JSON event feed. It describes the start of the interval being fetched. - [endParam](https://legacy.fullcalendar.io/v5/endParam.md): A parameter of this name will be sent to each JSON event feed. It describes the exclusive end of the interval being fetched. - [timeZoneParam](https://legacy.fullcalendar.io/v5/timeZoneParam.md): A parameter of this name will be sent to each JSON event feed. It describes the timezone of the startParam and endParam values, as well as the desired timezone of the returned events. - [lazyFetching](https://legacy.fullcalendar.io/v5/lazyFetching.md): Determines when event fetching should occur. - [loading](https://legacy.fullcalendar.io/v5/loading.md): Triggered when event or resource fetching starts/stops. - [Calendar::getEventSources](https://legacy.fullcalendar.io/v5/Calendar-getEventSources.md): Retrieves all Event Source Objects. - [Calendar::getEventSourceById](https://legacy.fullcalendar.io/v5/Calendar-getEventSourceById.md): Retrieves a specific Event Source Object. - [Calendar::addEventSource](https://legacy.fullcalendar.io/v5/Calendar-addEventSource.md): Dynamically adds an event source. - [Calendar::refetchEvents](https://legacy.fullcalendar.io/v5/Calendar-refetchEvents.md): Refetches events from all sources and rerenders them on the screen. - [EventSource::refetch](https://legacy.fullcalendar.io/v5/EventSource-refetch.md): Causes this event source to fetch its event data again. - [EventSource::remove](https://legacy.fullcalendar.io/v5/EventSource-remove.md): Removes all events associated with this source and prevents it from being fetched again. - [Event Display](https://legacy.fullcalendar.io/v5/event-display.md): How to control the appearance of events on your calendar. - [eventColor](https://legacy.fullcalendar.io/v5/eventColor.md): Sets the background and border colors for all events on the calendar. - [eventBackgroundColor](https://legacy.fullcalendar.io/v5/eventBackgroundColor.md): Sets the background color for all events on the calendar. - [eventBorderColor](https://legacy.fullcalendar.io/v5/eventBorderColor.md): Sets the border color for all events on the calendar. - [eventTextColor](https://legacy.fullcalendar.io/v5/eventTextColor.md): Sets the text color for all events on the calendar. - [eventDisplay](https://legacy.fullcalendar.io/v5/eventDisplay.md): Controls which preset rendering style events use. - [eventTimeFormat](https://legacy.fullcalendar.io/v5/eventTimeFormat.md): Determines the time-text that will be displayed on each event. - [displayEventTime](https://legacy.fullcalendar.io/v5/displayEventTime.md): Whether or not to display the text for an event’s date/time. - [displayEventEnd](https://legacy.fullcalendar.io/v5/displayEventEnd.md): Whether or not to display an event’s end time. - [nextDayThreshold](https://legacy.fullcalendar.io/v5/nextDayThreshold.md): How far an event must run into the next day before it renders on that day. It applies when an event’s end time spans into another day. - [eventOrder](https://legacy.fullcalendar.io/v5/eventOrder.md): Determines the ordering events within the same day. - [eventOrderStrict](https://legacy.fullcalendar.io/v5/eventOrderStrict.md): Ensures the eventOrder setting is strictly followed. - [progressiveEventRendering](https://legacy.fullcalendar.io/v5/progressiveEventRendering.md): When to render multiple asynchronous event sources in an individual or batched manner. - [Event Render Hooks](https://legacy.fullcalendar.io/v5/event-render-hooks.md) - [Event Clicking & Hovering](https://legacy.fullcalendar.io/v5/event-clicking-hovering.md): Handlers to know when an event has been clicked or hovered over. - [eventClick](https://legacy.fullcalendar.io/v5/eventClick.md): Triggered when the user clicks an event. - [eventMouseEnter](https://legacy.fullcalendar.io/v5/eventMouseEnter.md): Triggered when the user mouses over an event. Similar to the native mouseenter. - [eventMouseLeave](https://legacy.fullcalendar.io/v5/eventMouseLeave.md): Triggered when the user mouses out of an event. Similar to the native mouseleave. - [Event Dragging & Resizing](https://legacy.fullcalendar.io/v5/event-dragging-resizing.md): How to enable and control where the user can drag-n-drop and resize events. Start by setting the editable setting to true. If you want to allow external elements to be dropped onto your calendar, visit the droppable, drop, and eventReceive articles. - [External Event Dragging](https://legacy.fullcalendar.io/v5/external-dragging.md): It’s possible to take elements that live outside of a calendar and make them drag-and-droppable. When they are dropped on a specific date of a calendar, a new event might be created and certain callbacks might fire. It is possible to achieve this using FullCalendar alone, without any third party libraries. - [Dragging Between Calendars](https://legacy.fullcalendar.io/v5/other-calendar-dragging.md): It’s possible to initialize two or more separate Calendars, and then allow the user to drag events between the calendars! - [Third-Party Dragging Libraries](https://legacy.fullcalendar.io/v5/third-party-dragging.md): It’s possible to leverage a third-party library to do your external element drag-n-drop, instead of FullCalendar’s own. You might want to do this if you prefer the visual effects of another library, need “sorting” functionality, or need the ability to drag-n-drop between multiple containers, functionality that FullCalendar does not have. - [editable](https://legacy.fullcalendar.io/v5/editable.md): Determines whether the events on the calendar can be modified. - [eventStartEditable](https://legacy.fullcalendar.io/v5/eventStartEditable.md): Allow events’ start times to be editable through dragging. - [eventResizableFromStart](https://legacy.fullcalendar.io/v5/eventResizableFromStart.md): Whether the user can resize an event from its starting edge. - [eventDurationEditable](https://legacy.fullcalendar.io/v5/eventDurationEditable.md): Allow events’ durations to be editable through resizing. - [eventResourceEditable](https://legacy.fullcalendar.io/v5/eventResourceEditable.md): Determines whether the user can drag events between resources. - [droppable](https://legacy.fullcalendar.io/v5/droppable.md): Determines if external draggable elements or events from other calendars can be dropped onto the calendar. - [eventDragMinDistance](https://legacy.fullcalendar.io/v5/eventDragMinDistance.md): How many pixels the user’s mouse/touch must move before an event drag activates. - [dragRevertDuration](https://legacy.fullcalendar.io/v5/dragRevertDuration.md): Time it takes for an event to revert to its original position after an unsuccessful drag. - [dragScroll](https://legacy.fullcalendar.io/v5/dragScroll.md): Whether to automatically scoll the scroll-containers during event drag-and-drop and date selecting. - [snapDuration](https://legacy.fullcalendar.io/v5/snapDuration.md): The time interval at which a dragged event will snap to the time axis. Also affects the granularity at which selections can be made. - [allDayMaintainDuration](https://legacy.fullcalendar.io/v5/allDayMaintainDuration.md): Determines how an event’s duration changes when it’s dragged between timed and all-day sections. - [fixedMirrorParent](https://legacy.fullcalendar.io/v5/fixedMirrorParent.md): The parent element that fixed-positioned event mirror elements are attached to while dragging. - [eventOverlap](https://legacy.fullcalendar.io/v5/eventOverlap.md): Determines if events being dragged and resized are allowed to overlap each other. - [eventConstraint](https://legacy.fullcalendar.io/v5/eventConstraint.md): Limits event dragging and resizing to certain windows of time. - [eventAllow](https://legacy.fullcalendar.io/v5/eventAllow.md): Exact programmatic control over where an event can be dropped. - [dropAccept](https://legacy.fullcalendar.io/v5/dropAccept.md): Provides a way to filter which external elements can be dropped onto the calendar. - [eventDragStart](https://legacy.fullcalendar.io/v5/eventDragStart.md): Triggered when event dragging begins. - [eventDragStop](https://legacy.fullcalendar.io/v5/eventDragStop.md): Triggered when event dragging stops. - [eventDrop](https://legacy.fullcalendar.io/v5/eventDrop.md): Triggered when dragging stops and the event has moved to a different day/time. - [drop](https://legacy.fullcalendar.io/v5/drop.md): Called when an external draggable element or an event from another calendar has been dropped onto the calendar. - [eventReceive](https://legacy.fullcalendar.io/v5/eventReceive.md): Called when an external draggable element with associated event data was dropped onto the calendar. Or an event from another calendar. - [eventLeave](https://legacy.fullcalendar.io/v5/eventLeave.md): Triggered when on a calendar when one if its events is about to be dropped onto another calendar. - [eventResizeStart](https://legacy.fullcalendar.io/v5/eventResizeStart.md): Triggered when event resizing begins. - [eventResizeStop](https://legacy.fullcalendar.io/v5/eventResizeStop.md): Triggered when event resizing stops. - [eventResize](https://legacy.fullcalendar.io/v5/eventResize.md): Triggered when resizing stops and the event has changed in duration. - [Event Popover](https://legacy.fullcalendar.io/v5/event-popover.md): When not all events will fit in a given day, you can display the excess events in a small window that will show up when the user clicks a “more” link. - [dayMaxEventRows](https://legacy.fullcalendar.io/v5/dayMaxEventRows.md): In dayGrid view, the max number of stacked event levels within a given day. This includes the +more link if present. The rest will show up in a popover. - [dayMaxEvents](https://legacy.fullcalendar.io/v5/dayMaxEvents.md): In, dayGrid view, the max number of events within a given day, not counting the +more link. The rest will show up in a popover. - [eventMaxStack](https://legacy.fullcalendar.io/v5/eventMaxStack.md): For timeline view, the maximum number of events that stack top-to-bottom. For timeGrid view, the maximum number of events that stack left-to-right. - [moreLinkClick](https://legacy.fullcalendar.io/v5/moreLinkClick.md): Determines what happens when the user clicks a “more” link. These links are created by the dayMaxEventRows or dayMaxEvents options. - [dayPopoverFormat](https://legacy.fullcalendar.io/v5/dayPopoverFormat.md): Determines the date format of title of the popover created by the moreLinkClick option. - [More-Link Render Hooks](https://legacy.fullcalendar.io/v5/more-link-render-hooks.md): moreLinkClassNames - a ClassName Input for adding classNames - [Background Events](https://legacy.fullcalendar.io/v5/background-events.md) ## Resources - [Resource Data](https://legacy.fullcalendar.io/v5/resource-data.md): How to get resources onto your calendar and how to manipulate resource data thereafter. - [resources (as an array)](https://legacy.fullcalendar.io/v5/resources-array.md): Tells the calendar to display resources from an array input. - [resources (as a JSON feed)](https://legacy.fullcalendar.io/v5/resources-json-feed.md): Tells the calendar to fetch the resource list from a remote script. - [resources (as a function)](https://legacy.fullcalendar.io/v5/resources-function.md): A custom function for programmatically generating raw Resources objects. - [Resource Parsing](https://legacy.fullcalendar.io/v5/resource-parsing.md): All of the techniques for specifying resources accept an array of raw objects. These raw objects are “parsed” into proper Resource objects, which are accessible via methods like getResources and getResourceById. - [Resource Object](https://legacy.fullcalendar.io/v5/resource-object.md): Raw resource objects are eventually parsed into proper resource objects, which are accessible via Calendar methods such as getResources and getResourceById. You can read their properties or manipulate them via methods. - [Associating Events with Resources](https://legacy.fullcalendar.io/v5/resources-and-events.md): How to specify which resources your events are assigned to. - [refetchResourcesOnNavigate](https://legacy.fullcalendar.io/v5/refetchResourcesOnNavigate.md): Whether to refetch and rerender resources when the user navigates to a different date or changes the view. - [initialResources](https://legacy.fullcalendar.io/v5/initialResources.md): This is exactly like specifying resources as an array except that if the supplied value changes, the calendar will NOT be updated to reflect. Only applicable to declarative front-end frameworks such as React, Vue, and Angular. - [refetchResources](https://legacy.fullcalendar.io/v5/refetchResources.md): Causes the resource data to be fetched and freshly rerendered. - [getTopLevelResources](https://legacy.fullcalendar.io/v5/getTopLevelResources.md): A method that retrieves only top-level Resources. - [getResources](https://legacy.fullcalendar.io/v5/getResources.md): A method that retrieves all Resources, including children, as a single flat list. - [getResourceById](https://legacy.fullcalendar.io/v5/getResourceById.md): A method that retrieves a specific Resource Object in memory. - [addResource](https://legacy.fullcalendar.io/v5/addResource.md): Adds a new resource to the calendar after the initial resources have been displayed. - [Resource::getParent](https://legacy.fullcalendar.io/v5/Resource-getParent.md): Returns the parent Resource of a child resource. - [Resource::getChildren](https://legacy.fullcalendar.io/v5/Resource-getChildren.md): Returns a list of a resource’s child resources. - [Resource::getEvents](https://legacy.fullcalendar.io/v5/Resource-getEvents.md): Retrieves a list of Event Objects that are associated with the given resource. - [Resource::setProp](https://legacy.fullcalendar.io/v5/Resource-setProp.md): Modifies any of the properties of a Resource Object. - [Resource::setExtendedProp](https://legacy.fullcalendar.io/v5/Resource-setExtendedProp.md): Modifies a single property in an Resource Object’s extendedProps hash. - [Resource::remove](https://legacy.fullcalendar.io/v5/Resource-remove.md): Programmatically removes a resource from the calendar. - [Resource::toPlainObject](https://legacy.fullcalendar.io/v5/Resource-toPlainObject.md): Serializes a Resource API Object to a plain object that would be fit for JSON.stringify. - [resourceAdd](https://legacy.fullcalendar.io/v5/resourceAdd.md): Called after a resource has been added to the calendar. - [resourceChange](https://legacy.fullcalendar.io/v5/resourceChange.md): Called after a resource has been modified in some way. - [resourceRemove](https://legacy.fullcalendar.io/v5/resourceRemove.md): Called after a resource has been removed from the calendar. - [resourcesSet](https://legacy.fullcalendar.io/v5/resourcesSet.md): Called after resource data is initialized OR changed in any way. - [Resource Display](https://legacy.fullcalendar.io/v5/resource-display.md): Control the visual aspects of your resources, such as ordering and text. - [resourceOrder](https://legacy.fullcalendar.io/v5/resourceOrder.md): Determines the ordering of the resource list. - [filterResourcesWithEvents](https://legacy.fullcalendar.io/v5/filterResourcesWithEvents.md): When this setting is activated, only resources that have associated events will be displayed. - [Resource Render Hooks](https://legacy.fullcalendar.io/v5/resource-render-hooks.md): Label Hooks ## International - [Locale](https://legacy.fullcalendar.io/v5/localization.md): You can tailor the calendar for certain languages (aka “locales”). The locale setting is the most important, as it sets the defaults of many other options at the same time. - [locale](https://legacy.fullcalendar.io/v5/locale.md) - [direction](https://legacy.fullcalendar.io/v5/direction.md): The direction that elements in the calendar are rendered. Either left-to-right or right-to-left. - [firstDay](https://legacy.fullcalendar.io/v5/firstDay.md): The day that each week begins. - [timeZone](https://legacy.fullcalendar.io/v5/timeZone.md): A time zone is a region of the world that serves as a context for displaying dates. ## Third Party - [TypeScript Support](https://legacy.fullcalendar.io/v5/typescript.md): It is possible to use FullCalendar and Scheduler with TypeScript, a type-aware superset of the JavaScript language that compiles down to JavaScript. - [React Component](https://legacy.fullcalendar.io/v5/react.md): FullCalendar seamlessly integrates with the React JavaScript framework. It provides a component that exactly matches the functionality of FullCalendar’s standard API. - [Vue Component](https://legacy.fullcalendar.io/v5/vue.md): FullCalendar seamlessly integrates with the Vue JavaScript framework. It provides a component that exactly matches the functionality of FullCalendar’s standard API. - [Angular Component](https://legacy.fullcalendar.io/v5/angular.md): FullCalendar integrates with the Angular 9 - 14. It provides a component that exactly matches the functionality of FullCalendar’s standard API. ## Accessibility - [Accessibility](https://legacy.fullcalendar.io/v5/accessibility.md): FullCalendar leverages WAI-ARIA techniques for increased accessibility with keyboard usage and screen readers. These improvements are available in versions 5.10.0 and later. - [eventInteractive](https://legacy.fullcalendar.io/v5/eventInteractive.md): Setting to true will cause all events to be focusable/tabbable. By default, only events that have an event.url property are tabbable. - [Hints](https://legacy.fullcalendar.io/v5/hints.md): Interactive HTML elements are annotated with aria-label and title attributes to make them more descriptive. It is possible to control the text of these attributes. - [Touch Support](https://legacy.fullcalendar.io/v5/touch.md): FullCalendar’s Touch support includes smooth scrolling, time-range selection via long-press, and event drag-n-drop/resizing via long-press. - [longPressDelay](https://legacy.fullcalendar.io/v5/longPressDelay.md): For touch devices, the amount of time the user must hold down before an event becomes draggable or a date becomes selectable. - [eventLongPressDelay](https://legacy.fullcalendar.io/v5/eventLongPressDelay.md): For touch devices, the amount of time the user must hold down before an event becomes draggable. - [selectLongPressDelay](https://legacy.fullcalendar.io/v5/selectLongPressDelay.md): For touch devices, the amount of time the user must hold down before a date becomes selectable. - [Optimizing for Print](https://legacy.fullcalendar.io/v5/print.md): FullCalendar looks great on a computer screen, but by default it does not look very good for printing on a piece of paper. A web browser isn’t able to convert certain things consistently, such as absolute positioning and scrollbars. Fortunately FullCalendar can render differently for print if you configure it to do so. ## Optional - [dragScrollEls](https://legacy.fullcalendar.io/v5/dragScrollEls.md): Determines which elements in the DOM the dragScroll setting will auto-scroll. - [schedulerLicenseKey](https://legacy.fullcalendar.io/v5/schedulerLicenseKey.md): The schedulerLicenseKey setting is the license key you must enter to use premium features. - [Third Party Tools](https://legacy.fullcalendar.io/v5/third-party.md): How to use FullCalendar with third-party tools and frameworks.