# FullCalendar Angular Component The official [Angular](https://angular.io/) Component for [FullCalendar](https://fullcalendar.io) ## Installation Install the Angular connector, the core package, and any plugins (like [daygrid](https://fullcalendar.io/docs/month-view)): ```sh npm install @fullcalendar/angular @fullcalendar/core @fullcalendar/daygrid ``` ## Usage First, connect `FullCalendarModule` to your app module: ```js import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { FullCalendarModule } from '@fullcalendar/angular'; import { AppComponent } from './app.component'; @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, FullCalendarModule // register FullCalendar with your app ], providers: [], bootstrap: [AppComponent] }) export class AppModule { } ``` Then, use the `full-calendar` component, supplying an [options](https://fullcalendar.io/docs#toc) object: ```js import { Component } from '@angular/core'; import { CalendarOptions } from '@fullcalendar/core'; import dayGridPlugin from '@fullcalendar/daygrid'; @Component({ selector: 'app-root', templateUrl: `