# fullcalendar > FullCalendar Vanilla JS package for rendering a calendar Latest version **7.1.0** (published 2026-09-05) · MIT license · 0 weekly downloads ## Install ```sh npm install fullcalendar pnpm add fullcalendar yarn add fullcalendar bun add fullcalendar ``` ## Health **Score 70/100 (B)** — status: active. Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score; popular repo. Warnings: low downloads. ## Facts | | | |---|---| | Version | 7.1.0 | | Published | 2026-09-05 | | First published | 2015-03-09 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Dependencies | 3 | | Unpacked size | 2.2 MB | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 20653 | | Author | Adam Shaw | | Maintainers | arshaw | | Keywords | calendar, event, full-sized, fullcalendar | ## Links - npm: https://www.npmjs.com/package/fullcalendar - Repository: https://github.com/fullcalendar/fullcalendar - Homepage: https://fullcalendar.io - Issues: https://fullcalendar.io/reporting-bugs - npm.io page: https://npm.io/package/fullcalendar ## Dependencies (3) - [preact](https://npm.io/package/preact.md) ^10.29.8 - [@fullcalendar/core](https://npm.io/package/@fullcalendar/core.md) 7.1.0 - [@full-ui/headless-calendar](https://npm.io/package/@full-ui/headless-calendar.md) 7.1.0 ## Alternatives - [async-exit-hook](https://npm.io/package/async-exit-hook.md) — 3.7M weekly downloads - [evnty](https://npm.io/package/evnty.md) — 7.2K weekly downloads - [eleventy-plugin-asciidoc](https://npm.io/package/eleventy-plugin-asciidoc.md) — 3.5K weekly downloads - [@jswork/next-get2get](https://npm.io/package/@jswork/next-get2get.md) — 945 weekly downloads - [@dashersw/axon](https://npm.io/package/@dashersw/axon.md) — 934 weekly downloads ## Recent versions - 7.1.0 (latest) — 2026-09-05 - 7.0.0 (next) — 2026-06-19 - 7.0.0-rc.3 (rc) — 2026-05-09 - 7.1.0-alpha.0 (alpha) — 2026-04-21 - 7.0.0-beta.8 (beta) — 2026-03-16 - 5.11.5 (legacy) — 2023-05-08 - 7.0.2 — 2026-07-24 - 7.0.1 — 2026-07-19 - 6.1.21 — 2026-06-18 - 7.0.0-rc.2 — 2026-04-23 - 7.0.0-rc.1 — 2026-04-12 - 7.0.0-beta.7 — 2026-02-03 - 7.0.0-beta.6 — 2025-12-31 - 6.1.20 — 2025-12-23 - 7.0.0-beta.5 — 2025-12-20 - … 102 more at https://npm.io/package/fullcalendar/versions ## README # FullCalendar (Vanilla JS) FullCalendar Vanilla JS package for rendering a calendar ## Installation ```sh npm install fullcalendar temporal-polyfill ``` ## Usage First, ensure there's a DOM element for your calendar to render into: ```html

``` Then, instantiate a Calendar object with [options](https://fullcalendar.io/docs#toc) and call its `render` method: ```js import { Calendar } from 'fullcalendar' import dayGridPlugin from 'fullcalendar/daygrid' import classicThemePlugin from 'fullcalendar/themes/classic' import 'fullcalendar/skeleton.css' import 'fullcalendar/themes/classic/theme.css' import 'fullcalendar/themes/classic/palette.css' const calendarEl = document.getElementById('calendar') const calendar = new Calendar(calendarEl, { plugins: [ dayGridPlugin, classicThemePlugin, // any other plugins ], initialView: 'dayGridMonth', weekends: false, events: [ { title: 'Meeting', start: new Date() } ] }) calendar.render() ``` ## Plugins | Import | Provides | | -------------------------- | -------------------------------------------- | | `fullcalendar/daygrid` | `dayGridDay`/`Week`/`Month`/`Year` views | | `fullcalendar/timegrid` | `timeGridDay`/`Week` views | | `fullcalendar/list` | `listDay`/`Week`/`Month`/`Year` views | | `fullcalendar/multimonth` | `multiMonthYear` view | | `fullcalendar/interaction` | dragging, resizing, and date/event selection | Themes are plugins too. `fullcalendar/themes/classic`, `/monarch`, `/breezy`, `/forma`, and `/pulse` are available, each paired with a `theme.css` and a palette stylesheet. ## Links - [Documentation](https://fullcalendar.io/docs/getting-started) - [Scheduler Documentation](https://fullcalendar.io/docs/premium) - [Options Reference](https://fullcalendar.io/docs#toc) --- _Source: https://npm.io/package/fullcalendar · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._