# @fullcalendar/react

> FullCalendar React package for rendering a calendar

Latest version **7.1.0** (published 2026-09-05) · MIT license · 0 weekly downloads

## Install

```sh
npm install @fullcalendar/react
pnpm add @fullcalendar/react
yarn add @fullcalendar/react
bun add @fullcalendar/react
```

## 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 | 2019-04-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 1.2 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 20654 |
| Author | Adam Shaw |
| Maintainers | arshaw |
| Keywords | calendar, event, full-sized, fullcalendar |

## Links

- npm: https://www.npmjs.com/package/@fullcalendar/react
- Repository: https://github.com/fullcalendar/fullcalendar
- Homepage: https://fullcalendar.io
- Issues: https://fullcalendar.io/reporting-bugs
- npm.io page: https://npm.io/package/@fullcalendar/react

## Dependencies (2)

- [@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
- … 64 more at https://npm.io/package/@fullcalendar/react/versions

## README

# FullCalendar React

FullCalendar React package for rendering a calendar

## Installation

```sh
npm install @fullcalendar/react temporal-polyfill
```

## Usage

Render a `FullCalendar` component with [options](https://fullcalendar.io/docs#toc), including one or more plugins:

```jsx
import FullCalendar from '@fullcalendar/react'
import classicThemePlugin from '@fullcalendar/react/themes/classic'
import dayGridPlugin from '@fullcalendar/react/daygrid'

import '@fullcalendar/react/skeleton.css'
import '@fullcalendar/react/themes/classic/theme.css'
import '@fullcalendar/react/themes/classic/palette.css'

<FullCalendar
  plugins={[
    dayGridPlugin,
    classicThemePlugin,
    // any other plugins
  ]}
  initialView='dayGridMonth'
  weekends={false}
  events={[
    { title: 'Meeting', start: new Date() },
  ]}
/>
```

## Plugins

| Import                            | Provides                                     |
| --------------------------------- | -------------------------------------------- |
| `@fullcalendar/react/daygrid`     | `dayGridDay`/`Week`/`Month`/`Year` views     |
| `@fullcalendar/react/timegrid`    | `timeGridDay`/`Week` views                   |
| `@fullcalendar/react/list`        | `listDay`/`Week`/`Month`/`Year` views        |
| `@fullcalendar/react/multimonth`  | `multiMonthYear` view                        |
| `@fullcalendar/react/interaction` | dragging, resizing, and date/event selection |

Themes are plugins too. `@fullcalendar/react/themes/classic`, `/monarch`, `/breezy`, `/forma`, and `/pulse` are available, each paired with a `theme.css` and a palette stylesheet.

## Links

- [React Documentation](https://fullcalendar.io/docs/react)
- [React Scheduler Documentation](https://fullcalendar.io/docs/react#fullcalendar-premium)
- [React Example Project](https://github.com/fullcalendar/fullcalendar-examples/tree/main/react19)
- [Options Reference](https://fullcalendar.io/docs#toc)

---
_Source: https://npm.io/package/@fullcalendar/react · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._