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 over 10 years of …

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: Initializing with an ES6 build …

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 »

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

You’ll be manually initializing FullCalendar with script tags and globals, so make sure you’ve included all the necessary files for whatever plugins you choose.

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 manipulation.

If you do NOT allow source code editing, you only need a single FullCalendar Premium license in your company's name. You must deliver the project to your client with minified JS/CSS. Buy Premium