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

Locale

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 The locale and locales options localize the calendar's text and date formats.direction The direction that elements in the calendar are rendered.firstDay The day that each week begins.

See Also

eventTimeFormat Determines the time-text that will be displayed on each event.dayHeaderFormat Determines the text that will be displayed on the calendar's column headings.titleFormat Determines the text that will be displayed in the headerToolbar's title.weekTextLong Like weekTextShort but only used when the date-formatting week setting is set to 'long'.weekTextShort The short heading text for week numbers.moreLink These hooks apply to more-links across views.popoverFormat Determines the date format of title of the popover created by the moreLinkClick option.

Demo

Screenshot: Dynamically switch between locales Dynamically switch between locales
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