With over 300 settings, and more being added every release, FullCalendar can do just about anything. Reduce your project's bundle size by using FullCalendar's modular plugins. With …

Date & Time Display Date Navigation Date Nav Links Week Numbers Date Clicking & Selecting Now Indicator Business Hours

The simplest way to get started is with FullCalendar’s pre-built bundles and <script> tags: Initializing with script tags For larger projects, it’s best to use some type of build system: …

How to get FullCalendar’s code, initialize a calendar, and other basic principles.

10% of profits donated to effective charities Does your company use FullCalendar? Tell us »

Most of FullCalendar’s documentation describes options that affect the look or behavior of the calendar. Options are usually set when the calendar is initialized, like so:

FullCalendar seamlessly integrates with the React JavaScript framework. It provides a component that exactly matches the functionality of FullCalendar’s standard API.

A number of free CDNs host FullCalendar’s dist files. A clever way to choose a CDN and figure out the URLs of the files you need is to visit the package on Yarn.

FullCalendar offers the following packages: FullCalendar offers the following packages:

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 …