feat: Extend Angular support to v22

README.md

@@ -77,7 +77,7 @@ You can even supply nested templates:
 
 ## Supported Angular Versions
 
-`@fullcalendar/angular` version 6 supports Angular 12 - 20
+`@fullcalendar/angular` version 6 supports Angular 12 - 22
 
 ## Links
 

lib/package.json

@@ -20,8 +20,8 @@
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/common": "12 - 21",
-    "@angular/core": "12 - 21",
+    "@angular/common": "12 - 22",
+    "@angular/core": "12 - 22",
     "@fullcalendar/core": "~6.1.20"
   }
 }

lib/src/full-calendar.component.ts

@@ -10,6 +10,7 @@ import {
   OnDestroy,
   ViewEncapsulation,
   ChangeDetectorRef,
+  ChangeDetectionStrategy,
 } from '@angular/core';
 import { Calendar, CalendarOptions } from '@fullcalendar/core';
 import { CustomRendering, CustomRenderingStore } from '@fullcalendar/core/internal';
@@ -21,7 +22,8 @@ import { deepEqual } from './utils/fast-deep-equal';
 @Component({
   selector: 'full-calendar',
   templateUrl: './full-calendar.component.html',
-  encapsulation: ViewEncapsulation.None // the styles are root-level, not scoped within the component
+  encapsulation: ViewEncapsulation.None, // the styles are root-level, not scoped within the component
+  changeDetection: ChangeDetectionStrategy.Default
 })
 export class FullCalendarComponent implements AfterViewInit, DoCheck, AfterContentChecked, OnDestroy {
   @Input() options?: CalendarOptions;

lib/src/utils/offscreen-fragment.component.ts

@@ -1,6 +1,7 @@
 import {
   Component,
   ViewEncapsulation,
+  ChangeDetectionStrategy,
   AfterViewInit,
   OnDestroy,
   ElementRef
@@ -11,7 +12,8 @@ const dummyContainer = typeof document !== 'undefined' ? document.createDocument
 @Component({
   selector: 'offscreen-fragment',
   template: '<ng-content></ng-content>',
-  encapsulation: ViewEncapsulation.None
+  encapsulation: ViewEncapsulation.None,
+  changeDetection: ChangeDetectionStrategy.Default
 })
 export class OffscreenFragmentComponent implements AfterViewInit, OnDestroy {
   constructor(private element: ElementRef) {

lib/src/utils/transport-container.component.ts

@@ -1,5 +1,6 @@
 import {
   Component,
+  ChangeDetectionStrategy,
   Input,
   ViewEncapsulation,
   ViewChild,
@@ -16,7 +17,8 @@ const dummyContainer = typeof document !== 'undefined' ? document.createDocument
 @Component({
   selector: 'transport-container',
   templateUrl: './transport-container.component.html',
-  encapsulation: ViewEncapsulation.None
+  encapsulation: ViewEncapsulation.None,
+  changeDetection: ChangeDetectionStrategy.Default
 })
 export class TransportContainerComponent implements OnChanges, AfterViewInit, OnDestroy {
   @Input() inPlaceOf!: HTMLElement; // required

package.json

@@ -16,8 +16,8 @@
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/common": "12 - 21",
-    "@angular/core": "12 - 21",
+    "@angular/common": "12 - 22",
+    "@angular/core": "12 - 22",
     "@fullcalendar/core": "~6.1.20"
   },
   "devDependencies": {