These docs are a work-in-progress, for a beta release
edit doc

Getting Started

There are a few different ways to install the FullCalendar library.

Individual Packages

Use fullcalendar’s individual packages if you use an ES6 build system like Webpack. First, install them from NPM or Yarn. You’ll first need to install FullCalendar’s core package as well as any plugins. Example:

npm install --save @fullcalendar/core@5.0.0-beta.4 @fullcalendar/daygrid@5.0.0-beta.4

To initialize a calendar, read about using an ES6 build system

Pre-built Bundles

You might want to avoid a built system by initializing fullcalendar with script tags and globals. Or, you might simply want to avoid dealing with individual plugins. If so, use one of the pre-built bundles:

Bundle Contents

Here are the packages inside of each bundle:

  • fullcalendar
    • the main.js and main.css include the following packages:
      • @fullcalendar/core
      • @fullcalendar/interaction
      • @fullcalendar/daygrid
      • @fullcalendar/timegrid
      • @fullcalendar/list
      • @fullcalendar/bootstrap
      • @fullcalendar/google-calendar
  • fullcalendar-scheduler
    • the main.js and main.css include the following packages:
      • @fullcalendar/core
      • @fullcalendar/interaction
      • @fullcalendar/daygrid
      • @fullcalendar/timegrid
      • @fullcalendar/list
      • @fullcalendar/bootstrap
      • @fullcalendar/google-calendar
      • @fullcalendar/scrollgrid (premium)
      • @fullcalendar/timeline (premium)
      • @fullcalendar/resource-common (premium)
      • @fullcalendar/resource-daygrid (premium)
      • @fullcalendar/resource-timegrid (premium)
      • @fullcalendar/resource-timeline (premium)