FullCalendar Angular 16 Example Project

This is a fully-buildable example project for FullCalendar and Angular. It was initially created with the ng new command of the Angular CLI. For a complete walkthrough, read the FullCalendar Angular Docs »

Installation

bash git clone https://github.com/fullcalendar/fullcalendar-examples.git cd fullcalendar-examples/angular16 npm install

Build commands

bash npm run build # build to a directory npm run start # continously build, as a server

After running the npm run start command, you will be given a localhost URL that can be visited in a browser.

Monorepo Quirk

To get this example working within a monorepo, this hack was added to tsconfig.app.json. It can be safely removed if you're not using a monorepo.

json "paths": { "@angular/*": ["./node_modules/@angular/*"] },

TODO: Restore the ability to run the test command, fix Cannot read properties of undefined (reading 'length') error in compileComponentFromMetadata.

StackBlitz Quirk

To get this example working within StackBlitz, the following hack was added to src/main.ts. It can be safely removed in other environments.

ts import 'zone.js' // hack for StackBlitz