fullcalendar / fullcalendar
Full-sized drag & drop event calendar
Installs: 366 684
Dependents: 7
Suggesters: 0
Security: 0
Stars: 19 506
Watchers: 435
Forks: 3 666
Open Issues: 1 047
Language:TypeScript
Type:component
Requires
This package is not auto-updated.
Last update: 2025-05-20 21:41:51 UTC
README
Full-sized drag & drop calendar in JavaScript
Connectors:
Bundle
The FullCalendar Standard Bundle is easier to install than individual plugins, though filesize will be larger. It works well with a CDN.
Installation
Install the FullCalendar core package and any plugins you plan to use:
npm install @fullcalendar/core @fullcalendar/interaction @fullcalendar/daygrid
Usage
Instantiate a Calendar with plugins and options:
import { Calendar } from '@fullcalendar/core' import interactionPlugin from '@fullcalendar/interaction' import dayGridPlugin from '@fullcalendar/daygrid' const calendarEl = document.getElementById('calendar') const calendar = new Calendar(calendarEl, { plugins: [ interactionPlugin, dayGridPlugin ], initialView: 'timeGridWeek', editable: true, events: [ { title: 'Meeting', start: new Date() } ] }) calendar.render()
Development
You must install this repo with PNPM:
pnpm install
Available scripts (via pnpm run <script>
):
build
- build production-ready dist filesdev
- build & watch development dist filestest
- test headlesslytest:dev
- test interactivelylint
clean