New look, new major release. Read the post →
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

Touch Support

FullCalendar supports touch, with smooth scrolling and long-press to select, drag and resize.

On a touch device, for the user to begin drag-n-dropping events, they must first tap-and-hold on the event in order to “select” it!

longPressDelay How long a touch user must hold down before they can drag an event or select a date.eventLongPressDelay For touch devices, the amount of time the user must hold down before an event becomes draggable.selectLongPressDelay For touch devices, the amount of time the user must hold down before a date becomes selectable.

Screenshots

Screenshot: Example of a TimeGrid view event in the selected state
Example of a TimeGrid view event in the selected state
Screenshot: Example of a Timeline view event in the selected state
Example of a Timeline view event in the selected state
FullCalendar
Get started →
  • Blog
  • · Roadmap
  • · License
  • · Giving
v7.1.1 Released Oct 6, 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