FullCalendar
  • 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)
DemosDocs
  • 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

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
  1. All Docs

Event Popover

When a day has more events than fit, show the rest in a popover behind a “more” link.

This UI component applies to:

  • Month view, DayGrid view, and the “all-day” slot of TimeGrid view, limited by dayMaxEventRows or dayMaxEvents
  • the timed area of TimeGrid view and the lanes of Timeline view, limited by eventMaxStack

Options

dayMaxEventRows In dayGrid view, the max number of stacked event levels within a given day.dayMaxEvents In, dayGrid view, the max number of events within a given day, not counting the +more link.eventMaxStack For timeline view, the maximum number of events that stack top-to-bottom.moreLinkClick Determines what happens when the user clicks a "more" link.popoverFormat Determines the date format of title of the popover created by the moreLinkClick option.

Render Hooks

moreLink These hooks apply to more-links across views.columnMoreLink Column more-links appear in TimeGrid view when too many timed events overlap within a day column.rowMoreLink Customize the more-links in row-based layouts, such as DayGrid and Timeline rows.popover Customize the popover that opens when the user clicks a more-link, and its close button.

Demo

Screenshot: Event popover when too many events Event popover when too many events
FullCalendar
Get started →
  • Blog
  • · Roadmap
  • · License
  • · Giving
v7.1.2 Released Oct 12, 2026 All releases →

Integration Docs

  • React 7.7M/MO
  • Vue 850K/MO
  • Angular 930K/MO
  • Vanilla JS 2.5M/MO
  • Preact
  • Web Component

Also from FullCalendar

temporal-polyfill

The Temporal API, polyfilled in under 20 kB.

18M downloads / month

© 2026 FullCalendar LLC

Built and maintained by Adam Shaw