@odx/angular 12.26.1 → 13.0.0

package/fesm2022/odx-angular-components-calendar.mjs

@@ -1,8 +1,8 @@
-import { __decorate, __metadata } from 'tslib';
+import { __decorate } from 'tslib';
 import { A11yModule } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
-import { EventEmitter, Injectable, Output, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, inject, ChangeDetectorRef, Pipe, Directive } from '@angular/core';
-import * as i2 from '@odx/angular';
+import { EventEmitter, Injectable, Output, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, inject, ChangeDetectorRef, Pipe, Directive, DOCUMENT } from '@angular/core';
+import * as i1 from '@odx/angular';
 import { CoreModule, WindowRef, DisabledController } from '@odx/angular';
 import { CSSComponent, fastDeepEqual, CSSModifier } from '@odx/angular/internal';
 import { createConfigTokens, isString, isPresent, injectElement, hasChanged, EventManager, deferFn, untilDestroyed, isFunction } from '@odx/angular/utils';
@@ -12,8 +12,7 @@ import { ActionGroupComponent } from '@odx/angular/components/action-group';
 import { ButtonComponent } from '@odx/angular/components/button';
 import { IconComponent } from '@odx/angular/components/icon';
 import { LocalizationService } from '@odx/angular/localization';
-import * as i1 from '@angular/common';
-import { DOCUMENT } from '@angular/common';
+import * as i2 from '@angular/common';
 
 var CalendarSelectionMode;
 (function (CalendarSelectionMode) {
@@ -255,10 +254,10 @@ class CalendarService {
     changeView(view) {
         this.calendarView$$.next(view);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarService, decorators: [{
             type: Injectable
         }] });
 
@@ -319,15 +318,15 @@ let CalendarHeaderComponent = class CalendarHeaderComponent {
             return;
         this.next.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CalendarHeaderComponent, isStandalone: true, selector: "odx-calendar-header", inputs: { activeDate: "activeDate", calendarView: "calendarView", minDate: "minDate", maxDate: "maxDate" }, outputs: { previous: "previous", next: "next", changeView: "changeView" }, usesOnChanges: true, ngImport: i0, template: "<odx-action-group>\n  <button odxButton [disabled]=\"isPreviousDisabled\" (click)=\"previousClicked($event)\"><odx-icon name=\"chevron-left\" /></button>\n\n  <button odxButton class=\"odx-calendar-header__title\" (click)=\"changeView.emit()\">\n    <ng-content />\n  </button>\n\n  <button odxButton [disabled]=\"isNextDisabled\" (click)=\"nextClicked($event)\"><odx-icon name=\"chevron-right\" /></button>\n</odx-action-group>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i2.DisabledController, selector: "[disabled]", inputs: ["disabled"] }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet", "identifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: CalendarHeaderComponent, isStandalone: true, selector: "odx-calendar-header", inputs: { activeDate: "activeDate", calendarView: "calendarView", minDate: "minDate", maxDate: "maxDate" }, outputs: { previous: "previous", next: "next", changeView: "changeView" }, usesOnChanges: true, ngImport: i0, template: "<odx-action-group>\n  <button odxButton [disabled]=\"isPreviousDisabled\" (click)=\"previousClicked($event)\"><odx-icon name=\"core::chevron-left\" /></button>\n\n  <button odxButton class=\"odx-calendar-header__title\" (click)=\"changeView.emit()\">\n    <ng-content />\n  </button>\n\n  <button odxButton [disabled]=\"isNextDisabled\" (click)=\"nextClicked($event)\"><odx-icon name=\"core::chevron-right\" /></button>\n</odx-action-group>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.DisabledController, selector: "[disabled]", inputs: ["disabled"] }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["size", "name", "set", "identifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 CalendarHeaderComponent = __decorate([
     CSSComponent('calendar-header')
 ], CalendarHeaderComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'odx-calendar-header', standalone: true, imports: [CoreModule, ActionGroupComponent, ButtonComponent, IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<odx-action-group>\n  <button odxButton [disabled]=\"isPreviousDisabled\" (click)=\"previousClicked($event)\"><odx-icon name=\"chevron-left\" /></button>\n\n  <button odxButton class=\"odx-calendar-header__title\" (click)=\"changeView.emit()\">\n    <ng-content />\n  </button>\n\n  <button odxButton [disabled]=\"isNextDisabled\" (click)=\"nextClicked($event)\"><odx-icon name=\"chevron-right\" /></button>\n</odx-action-group>\n" }]
+            args: [{ selector: 'odx-calendar-header', standalone: true, imports: [CoreModule, ActionGroupComponent, ButtonComponent, IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<odx-action-group>\n  <button odxButton [disabled]=\"isPreviousDisabled\" (click)=\"previousClicked($event)\"><odx-icon name=\"core::chevron-left\" /></button>\n\n  <button odxButton class=\"odx-calendar-header__title\" (click)=\"changeView.emit()\">\n    <ng-content />\n  </button>\n\n  <button odxButton [disabled]=\"isNextDisabled\" (click)=\"nextClicked($event)\"><odx-icon name=\"core::chevron-right\" /></button>\n</odx-action-group>\n" }]
         }], propDecorators: { activeDate: [{
                 type: Input
             }], calendarView: [{
@@ -374,10 +373,10 @@ class DateLabelPipe {
         this.cdr.markForCheck();
         return this.formattedValue;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateLabelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DateLabelPipe, isStandalone: true, name: "odxDateLabel", pure: false }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DateLabelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: DateLabelPipe, isStandalone: true, name: "odxDateLabel", pure: false }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateLabelPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DateLabelPipe, decorators: [{
             type: Pipe,
             args: [{
                     standalone: true,
@@ -525,45 +524,37 @@ let CalendarCellDirective = class CalendarCellDirective {
             this.calendarService.setHoveredDate(this.date);
         }, this.element.nativeElement)[0];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: CalendarCellDirective, isStandalone: true, selector: "[odxCalendarCell]", inputs: { date: ["odxCalendarCell", "date"], calendarView: ["odxCalendarCellCalendarView", "calendarView"], activeDate: ["odxCalendarCellActiveDate", "activeDate"], selectedDate: ["odxCalendarCellSelectedDate", "selectedDate"], selectedDateRange: ["odxCalendarCellSelectedDateRange", "selectedDateRange"], previewDate: ["odxCalendarCellPreviewDate", "previewDate"] }, host: { properties: { "class.is-disabled": "isDisabled", "class.is-selected": "isSelected", "class.is-in-any-range": "isInRange || isInPreviewRange", "attr.hidden": "isHidden || null", "tabindex": "isActive ? 0 : -1", "attr.aria-label": "ariaLabel", "attr.aria-disabled": "isDisabled", "attr.type": "\"button\"" } }, providers: [DisabledController.connect(), DateLabelPipe], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: CalendarCellDirective, isStandalone: true, selector: "[odxCalendarCell]", inputs: { date: ["odxCalendarCell", "date"], calendarView: ["odxCalendarCellCalendarView", "calendarView"], activeDate: ["odxCalendarCellActiveDate", "activeDate"], selectedDate: ["odxCalendarCellSelectedDate", "selectedDate"], selectedDateRange: ["odxCalendarCellSelectedDateRange", "selectedDateRange"], previewDate: ["odxCalendarCellPreviewDate", "previewDate"] }, host: { properties: { "class.is-disabled": "isDisabled", "class.is-selected": "isSelected", "class.is-in-any-range": "isInRange || isInPreviewRange", "attr.hidden": "isHidden || null", "tabindex": "isActive ? 0 : -1", "attr.aria-label": "ariaLabel", "attr.aria-disabled": "isDisabled", "attr.type": "\"button\"" } }, providers: [DisabledController.connect(), DateLabelPipe], usesOnChanges: true, ngImport: i0 }); }
 };
 __decorate([
-    CSSModifier(),
-    __metadata("design:type", Object)
+    CSSModifier()
 ], CalendarCellDirective.prototype, "isCurrent", void 0);
 __decorate([
-    CSSModifier(),
-    __metadata("design:type", Object)
+    CSSModifier()
 ], CalendarCellDirective.prototype, "adjacent", void 0);
 __decorate([
-    CSSModifier(),
-    __metadata("design:type", Object)
+    CSSModifier()
 ], CalendarCellDirective.prototype, "isInRange", void 0);
 __decorate([
-    CSSModifier(),
-    __metadata("design:type", Object)
+    CSSModifier()
 ], CalendarCellDirective.prototype, "isRangeStart", void 0);
 __decorate([
-    CSSModifier(),
-    __metadata("design:type", Object)
+    CSSModifier()
 ], CalendarCellDirective.prototype, "isRangeEnd", void 0);
 __decorate([
-    CSSModifier(),
-    __metadata("design:type", Object)
+    CSSModifier()
 ], CalendarCellDirective.prototype, "isInPreviewRange", void 0);
 __decorate([
-    CSSModifier(),
-    __metadata("design:type", Object)
+    CSSModifier()
 ], CalendarCellDirective.prototype, "isPreviewRangeStart", void 0);
 __decorate([
-    CSSModifier(),
-    __metadata("design:type", Object)
+    CSSModifier()
 ], CalendarCellDirective.prototype, "isPreviewRangeEnd", void 0);
 CalendarCellDirective = __decorate([
     CSSComponent('calendar-cell')
 ], CalendarCellDirective);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarCellDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarCellDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[odxCalendarCell]',
@@ -678,10 +669,10 @@ class CalendarViewDirective {
         event.stopPropagation();
         this.calendar.setActiveDate(date);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarViewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: CalendarViewDirective, isStandalone: true, inputs: { activeDate: "activeDate", selectedDate: "selectedDate", selectedDateRange: "selectedDateRange", previewDate: "previewDate", minDate: "minDate", maxDate: "maxDate", filterFn: "filterFn" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarViewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: CalendarViewDirective, isStandalone: true, inputs: { activeDate: "activeDate", selectedDate: "selectedDate", selectedDateRange: "selectedDateRange", previewDate: "previewDate", minDate: "minDate", maxDate: "maxDate", filterFn: "filterFn" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarViewDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarViewDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -728,10 +719,10 @@ class CalendarMonthService {
     generateDaysForWeek(date, currentDate) {
         return Array.from({ length: 7 }).map((_, i) => addDays(date, i), currentDate);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarMonthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarMonthService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarMonthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarMonthService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarMonthService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarMonthService, decorators: [{
             type: Injectable
         }] });
 
@@ -756,10 +747,10 @@ class CalendarYearService {
         }
         return seasons;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarYearService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarYearService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarYearService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarYearService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarYearService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarYearService, decorators: [{
             type: Injectable
         }] });
 
@@ -788,10 +779,10 @@ class CalendarYearsService {
         }
         return yearRows;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarYearsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarYearsService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarYearsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarYearsService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarYearsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarYearsService, decorators: [{
             type: Injectable
         }] });
 
@@ -831,13 +822,13 @@ let CalendarMonthComponent = class CalendarMonthComponent extends CalendarViewDi
             return;
         this.calendar.selectDate(value, { emitOutside: true });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarMonthComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CalendarMonthComponent, isStandalone: true, selector: "odx-calendar-month", providers: [CalendarMonthService], usesInheritance: true, ngImport: i0, template: "<table class=\"odx-calendar__table\" role=\"grid\" aria-describedby=\"odx-calendar\">\n  <thead>\n    <tr>\n      <th colspan=\"7\">\n        <odx-calendar-header\n          [calendarView]=\"currentView\"\n          [activeDate]=\"activeDate\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          (previous)=\"previousMonth($event)\"\n          (next)=\"nextMonth($event)\"\n          (changeView)=\"changeView()\"\n        >\n          {{ activeDate | odxDateLabel: { month: 'long', year: 'numeric' } }}\n        </odx-calendar-header>\n      </th>\n    </tr>\n\n    <tr class=\"odx-calendar__weekdays\">\n      @for (day of calendarMonth.weekDays$ | async; track $index) {\n        <td>\n          {{ (day | odxDateLabel: { weekday: 'short' }).charAt(0) }}\n        </td>\n      }\n    </tr>\n  </thead>\n\n  <tbody\n    class=\"odx-calendar__body\"\n    (keydown.ArrowLeft)=\"previousDay($event)\"\n    (keydown.ArrowRight)=\"nextDay($event)\"\n    (keydown.ArrowUp)=\"previousWeek($event)\"\n    (keydown.ArrowDown)=\"nextWeek($event)\"\n    (keydown.PageUp)=\"previousMonth($event)\"\n    (keydown.PageDown)=\"nextMonth($event)\"\n  >\n    @for (week of calendarMonth.weeks$ | async; track $index) {\n      <tr>\n        @for (day of week; track $index) {\n          <td role=\"gridcell\">\n            <button\n              [disabled]=\"isDateDisabled(day)\"\n              [odxCalendarCell]=\"day\"\n              [odxCalendarCellActiveDate]=\"activeDate\"\n              [odxCalendarCellCalendarView]=\"currentView\"\n              [odxCalendarCellSelectedDate]=\"selectedDate\"\n              [odxCalendarCellSelectedDateRange]=\"selectedDateRange\"\n              [odxCalendarCellPreviewDate]=\"previewDate\"\n              (click)=\"selectDate(day)\"\n            >\n              {{ day | odxDateLabel: { day: 'numeric' } }}\n            </button>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "directive", type: i2.DisabledController, selector: "[disabled]", inputs: ["disabled"] }, { kind: "directive", type: CalendarCellDirective, selector: "[odxCalendarCell]", inputs: ["odxCalendarCell", "odxCalendarCellCalendarView", "odxCalendarCellActiveDate", "odxCalendarCellSelectedDate", "odxCalendarCellSelectedDateRange", "odxCalendarCellPreviewDate"] }, { kind: "component", type: CalendarHeaderComponent, selector: "odx-calendar-header", inputs: ["activeDate", "calendarView", "minDate", "maxDate"], outputs: ["previous", "next", "changeView"] }, { kind: "pipe", type: DateLabelPipe, name: "odxDateLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarMonthComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: CalendarMonthComponent, isStandalone: true, selector: "odx-calendar-month", providers: [CalendarMonthService], usesInheritance: true, ngImport: i0, template: "<table class=\"odx-calendar__table\" role=\"grid\" aria-describedby=\"odx-calendar\">\n  <thead>\n    <tr>\n      <th colspan=\"7\">\n        <odx-calendar-header\n          [calendarView]=\"currentView\"\n          [activeDate]=\"activeDate\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          (previous)=\"previousMonth($event)\"\n          (next)=\"nextMonth($event)\"\n          (changeView)=\"changeView()\"\n        >\n          {{ activeDate | odxDateLabel: { month: 'long', year: 'numeric' } }}\n        </odx-calendar-header>\n      </th>\n    </tr>\n\n    <tr class=\"odx-calendar__weekdays\">\n      @for (day of calendarMonth.weekDays$ | async; track $index) {\n        <td>\n          {{ (day | odxDateLabel: { weekday: 'short' }).charAt(0) }}\n        </td>\n      }\n    </tr>\n  </thead>\n\n  <tbody\n    class=\"odx-calendar__body\"\n    (keydown.ArrowLeft)=\"previousDay($event)\"\n    (keydown.ArrowRight)=\"nextDay($event)\"\n    (keydown.ArrowUp)=\"previousWeek($event)\"\n    (keydown.ArrowDown)=\"nextWeek($event)\"\n    (keydown.PageUp)=\"previousMonth($event)\"\n    (keydown.PageDown)=\"nextMonth($event)\"\n  >\n    @for (week of calendarMonth.weeks$ | async; track $index) {\n      <tr>\n        @for (day of week; track $index) {\n          <td role=\"gridcell\">\n            <button\n              [disabled]=\"isDateDisabled(day)\"\n              [odxCalendarCell]=\"day\"\n              [odxCalendarCellActiveDate]=\"activeDate\"\n              [odxCalendarCellCalendarView]=\"currentView\"\n              [odxCalendarCellSelectedDate]=\"selectedDate\"\n              [odxCalendarCellSelectedDateRange]=\"selectedDateRange\"\n              [odxCalendarCellPreviewDate]=\"previewDate\"\n              (click)=\"selectDate(day)\"\n            >\n              {{ day | odxDateLabel: { day: 'numeric' } }}\n            </button>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.DisabledController, selector: "[disabled]", inputs: ["disabled"] }, { kind: "directive", type: CalendarCellDirective, selector: "[odxCalendarCell]", inputs: ["odxCalendarCell", "odxCalendarCellCalendarView", "odxCalendarCellActiveDate", "odxCalendarCellSelectedDate", "odxCalendarCellSelectedDateRange", "odxCalendarCellPreviewDate"] }, { kind: "component", type: CalendarHeaderComponent, selector: "odx-calendar-header", inputs: ["activeDate", "calendarView", "minDate", "maxDate"], outputs: ["previous", "next", "changeView"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: DateLabelPipe, name: "odxDateLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 CalendarMonthComponent = __decorate([
     CSSComponent('calendar-month')
 ], CalendarMonthComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarMonthComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarMonthComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-calendar-month', standalone: true, imports: [CoreModule, CalendarCellDirective, CalendarHeaderComponent, DateLabelPipe], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [CalendarMonthService], template: "<table class=\"odx-calendar__table\" role=\"grid\" aria-describedby=\"odx-calendar\">\n  <thead>\n    <tr>\n      <th colspan=\"7\">\n        <odx-calendar-header\n          [calendarView]=\"currentView\"\n          [activeDate]=\"activeDate\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          (previous)=\"previousMonth($event)\"\n          (next)=\"nextMonth($event)\"\n          (changeView)=\"changeView()\"\n        >\n          {{ activeDate | odxDateLabel: { month: 'long', year: 'numeric' } }}\n        </odx-calendar-header>\n      </th>\n    </tr>\n\n    <tr class=\"odx-calendar__weekdays\">\n      @for (day of calendarMonth.weekDays$ | async; track $index) {\n        <td>\n          {{ (day | odxDateLabel: { weekday: 'short' }).charAt(0) }}\n        </td>\n      }\n    </tr>\n  </thead>\n\n  <tbody\n    class=\"odx-calendar__body\"\n    (keydown.ArrowLeft)=\"previousDay($event)\"\n    (keydown.ArrowRight)=\"nextDay($event)\"\n    (keydown.ArrowUp)=\"previousWeek($event)\"\n    (keydown.ArrowDown)=\"nextWeek($event)\"\n    (keydown.PageUp)=\"previousMonth($event)\"\n    (keydown.PageDown)=\"nextMonth($event)\"\n  >\n    @for (week of calendarMonth.weeks$ | async; track $index) {\n      <tr>\n        @for (day of week; track $index) {\n          <td role=\"gridcell\">\n            <button\n              [disabled]=\"isDateDisabled(day)\"\n              [odxCalendarCell]=\"day\"\n              [odxCalendarCellActiveDate]=\"activeDate\"\n              [odxCalendarCellCalendarView]=\"currentView\"\n              [odxCalendarCellSelectedDate]=\"selectedDate\"\n              [odxCalendarCellSelectedDateRange]=\"selectedDateRange\"\n              [odxCalendarCellPreviewDate]=\"previewDate\"\n              (click)=\"selectDate(day)\"\n            >\n              {{ day | odxDateLabel: { day: 'numeric' } }}\n            </button>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n" }]
         }] });
@@ -880,13 +871,13 @@ let CalendarYearComponent = class CalendarYearComponent extends CalendarViewDire
         this.calendar.selectDate(date, { skipDaterangeUpdate: true });
         this.changeView();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarYearComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CalendarYearComponent, isStandalone: true, selector: "odx-calendar-year", providers: [CalendarYearService], usesInheritance: true, ngImport: i0, template: "<table class=\"odx-calendar__table\" role=\"grid\" aria-describedby=\"odx-calendar\">\n  <thead>\n    <tr>\n      <th colspan=\"3\">\n        <odx-calendar-header\n          (previous)=\"previousYear($event)\"\n          [calendarView]=\"currentView\"\n          [activeDate]=\"activeDate\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          (next)=\"nextYear($event)\"\n          (changeView)=\"changeView()\"\n        >\n          {{ activeDate | odxDateLabel: { year: 'numeric' } }}\n        </odx-calendar-header>\n      </th>\n    </tr>\n  </thead>\n\n  <tbody\n    class=\"odx-calendar__body\"\n    (keydown.ArrowLeft)=\"previousMonth($event)\"\n    (keydown.ArrowRight)=\"nextMonth($event)\"\n    (keydown.ArrowUp)=\"previousSeason($event)\"\n    (keydown.ArrowDown)=\"nextSeason($event)\"\n    (keydown.PageDown)=\"nextYear($event)\"\n    (keydown.PageUp)=\"previousYear($event)\"\n  >\n    @for (season of calendarYear.seasons$ | async; track $index) {\n      <tr class=\"odx-calendar__season\">\n        @for (month of season; track $index) {\n          <td role=\"gridcell\">\n            <button\n              [disabled]=\"isDateDisabled(month)\"\n              [odxCalendarCell]=\"month\"\n              [odxCalendarCellActiveDate]=\"activeDate\"\n              [odxCalendarCellCalendarView]=\"currentView\"\n              [odxCalendarCellSelectedDate]=\"selectedDate\"\n              [odxCalendarCellSelectedDateRange]=\"selectedDateRange\"\n              (click)=\"selectDate(month)\"\n            >\n              {{ month | odxDateLabel: { month: 'short' } }}\n            </button>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "directive", type: i2.DisabledController, selector: "[disabled]", inputs: ["disabled"] }, { kind: "directive", type: CalendarCellDirective, selector: "[odxCalendarCell]", inputs: ["odxCalendarCell", "odxCalendarCellCalendarView", "odxCalendarCellActiveDate", "odxCalendarCellSelectedDate", "odxCalendarCellSelectedDateRange", "odxCalendarCellPreviewDate"] }, { kind: "component", type: CalendarHeaderComponent, selector: "odx-calendar-header", inputs: ["activeDate", "calendarView", "minDate", "maxDate"], outputs: ["previous", "next", "changeView"] }, { kind: "pipe", type: DateLabelPipe, name: "odxDateLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarYearComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: CalendarYearComponent, isStandalone: true, selector: "odx-calendar-year", providers: [CalendarYearService], usesInheritance: true, ngImport: i0, template: "<table class=\"odx-calendar__table\" role=\"grid\" aria-describedby=\"odx-calendar\">\n  <thead>\n    <tr>\n      <th colspan=\"3\">\n        <odx-calendar-header\n          (previous)=\"previousYear($event)\"\n          [calendarView]=\"currentView\"\n          [activeDate]=\"activeDate\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          (next)=\"nextYear($event)\"\n          (changeView)=\"changeView()\"\n        >\n          {{ activeDate | odxDateLabel: { year: 'numeric' } }}\n        </odx-calendar-header>\n      </th>\n    </tr>\n  </thead>\n\n  <tbody\n    class=\"odx-calendar__body\"\n    (keydown.ArrowLeft)=\"previousMonth($event)\"\n    (keydown.ArrowRight)=\"nextMonth($event)\"\n    (keydown.ArrowUp)=\"previousSeason($event)\"\n    (keydown.ArrowDown)=\"nextSeason($event)\"\n    (keydown.PageDown)=\"nextYear($event)\"\n    (keydown.PageUp)=\"previousYear($event)\"\n  >\n    @for (season of calendarYear.seasons$ | async; track $index) {\n      <tr class=\"odx-calendar__season\">\n        @for (month of season; track $index) {\n          <td role=\"gridcell\">\n            <button\n              [disabled]=\"isDateDisabled(month)\"\n              [odxCalendarCell]=\"month\"\n              [odxCalendarCellActiveDate]=\"activeDate\"\n              [odxCalendarCellCalendarView]=\"currentView\"\n              [odxCalendarCellSelectedDate]=\"selectedDate\"\n              [odxCalendarCellSelectedDateRange]=\"selectedDateRange\"\n              (click)=\"selectDate(month)\"\n            >\n              {{ month | odxDateLabel: { month: 'short' } }}\n            </button>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.DisabledController, selector: "[disabled]", inputs: ["disabled"] }, { kind: "directive", type: CalendarCellDirective, selector: "[odxCalendarCell]", inputs: ["odxCalendarCell", "odxCalendarCellCalendarView", "odxCalendarCellActiveDate", "odxCalendarCellSelectedDate", "odxCalendarCellSelectedDateRange", "odxCalendarCellPreviewDate"] }, { kind: "component", type: CalendarHeaderComponent, selector: "odx-calendar-header", inputs: ["activeDate", "calendarView", "minDate", "maxDate"], outputs: ["previous", "next", "changeView"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: DateLabelPipe, name: "odxDateLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 CalendarYearComponent = __decorate([
     CSSComponent('calendar-year')
 ], CalendarYearComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarYearComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarYearComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-calendar-year', standalone: true, imports: [CoreModule, CalendarCellDirective, CalendarHeaderComponent, DateLabelPipe], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [CalendarYearService], template: "<table class=\"odx-calendar__table\" role=\"grid\" aria-describedby=\"odx-calendar\">\n  <thead>\n    <tr>\n      <th colspan=\"3\">\n        <odx-calendar-header\n          (previous)=\"previousYear($event)\"\n          [calendarView]=\"currentView\"\n          [activeDate]=\"activeDate\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          (next)=\"nextYear($event)\"\n          (changeView)=\"changeView()\"\n        >\n          {{ activeDate | odxDateLabel: { year: 'numeric' } }}\n        </odx-calendar-header>\n      </th>\n    </tr>\n  </thead>\n\n  <tbody\n    class=\"odx-calendar__body\"\n    (keydown.ArrowLeft)=\"previousMonth($event)\"\n    (keydown.ArrowRight)=\"nextMonth($event)\"\n    (keydown.ArrowUp)=\"previousSeason($event)\"\n    (keydown.ArrowDown)=\"nextSeason($event)\"\n    (keydown.PageDown)=\"nextYear($event)\"\n    (keydown.PageUp)=\"previousYear($event)\"\n  >\n    @for (season of calendarYear.seasons$ | async; track $index) {\n      <tr class=\"odx-calendar__season\">\n        @for (month of season; track $index) {\n          <td role=\"gridcell\">\n            <button\n              [disabled]=\"isDateDisabled(month)\"\n              [odxCalendarCell]=\"month\"\n              [odxCalendarCellActiveDate]=\"activeDate\"\n              [odxCalendarCellCalendarView]=\"currentView\"\n              [odxCalendarCellSelectedDate]=\"selectedDate\"\n              [odxCalendarCellSelectedDateRange]=\"selectedDateRange\"\n              (click)=\"selectDate(month)\"\n            >\n              {{ month | odxDateLabel: { month: 'short' } }}\n            </button>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n" }]
         }] });
@@ -935,13 +926,13 @@ let CalendarYearsComponent = class CalendarYearsComponent extends CalendarViewDi
             element.scrollIntoView({ block: 'center', behavior: 'smooth' });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarYearsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CalendarYearsComponent, isStandalone: true, selector: "odx-calendar-years", providers: [CalendarYearsService], usesInheritance: true, ngImport: i0, template: "<table class=\"odx-calendar__table\" role=\"grid\" aria-describedby=\"odx-calendar\">\n  <thead aria-hidden=\"true\">\n    <th></th>\n  </thead>\n\n  <tbody\n    class=\"odx-calendar__body\"\n    (keydown.ArrowLeft)=\"previousYear($event)\"\n    (keydown.ArrowRight)=\"nextYear($event)\"\n    (keydown.ArrowUp)=\"previousRow($event)\"\n    (keydown.ArrowDown)=\"nextRow($event)\"\n  >\n    @for (yearRow of calendarYears.years$ | async; track $index) {\n      <tr class=\"odx-calendar__year-row\">\n        @for (year of yearRow; track $index) {\n          <td role=\"gridcell\">\n            <button\n              [disabled]=\"isDateDisabled(year)\"\n              [odxCalendarCell]=\"year\"\n              [odxCalendarCellActiveDate]=\"calendar.activeDate$ | async\"\n              [odxCalendarCellCalendarView]=\"currentView\"\n              [odxCalendarCellSelectedDate]=\"selectedDate\"\n              [odxCalendarCellSelectedDateRange]=\"selectedDateRange\"\n              (click)=\"selectDate(year)\"\n            >\n              {{ year | odxDateLabel: { year: 'numeric' } }}\n            </button>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "directive", type: i2.DisabledController, selector: "[disabled]", inputs: ["disabled"] }, { kind: "directive", type: CalendarCellDirective, selector: "[odxCalendarCell]", inputs: ["odxCalendarCell", "odxCalendarCellCalendarView", "odxCalendarCellActiveDate", "odxCalendarCellSelectedDate", "odxCalendarCellSelectedDateRange", "odxCalendarCellPreviewDate"] }, { kind: "pipe", type: DateLabelPipe, name: "odxDateLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarYearsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: CalendarYearsComponent, isStandalone: true, selector: "odx-calendar-years", providers: [CalendarYearsService], usesInheritance: true, ngImport: i0, template: "<table class=\"odx-calendar__table\" role=\"grid\" aria-describedby=\"odx-calendar\">\n  <thead aria-hidden=\"true\">\n    <th></th>\n  </thead>\n\n  <tbody\n    class=\"odx-calendar__body\"\n    (keydown.ArrowLeft)=\"previousYear($event)\"\n    (keydown.ArrowRight)=\"nextYear($event)\"\n    (keydown.ArrowUp)=\"previousRow($event)\"\n    (keydown.ArrowDown)=\"nextRow($event)\"\n  >\n    @for (yearRow of calendarYears.years$ | async; track $index) {\n      <tr class=\"odx-calendar__year-row\">\n        @for (year of yearRow; track $index) {\n          <td role=\"gridcell\">\n            <button\n              [disabled]=\"isDateDisabled(year)\"\n              [odxCalendarCell]=\"year\"\n              [odxCalendarCellActiveDate]=\"calendar.activeDate$ | async\"\n              [odxCalendarCellCalendarView]=\"currentView\"\n              [odxCalendarCellSelectedDate]=\"selectedDate\"\n              [odxCalendarCellSelectedDateRange]=\"selectedDateRange\"\n              (click)=\"selectDate(year)\"\n            >\n              {{ year | odxDateLabel: { year: 'numeric' } }}\n            </button>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.DisabledController, selector: "[disabled]", inputs: ["disabled"] }, { kind: "directive", type: CalendarCellDirective, selector: "[odxCalendarCell]", inputs: ["odxCalendarCell", "odxCalendarCellCalendarView", "odxCalendarCellActiveDate", "odxCalendarCellSelectedDate", "odxCalendarCellSelectedDateRange", "odxCalendarCellPreviewDate"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: DateLabelPipe, name: "odxDateLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 CalendarYearsComponent = __decorate([
     CSSComponent('calendar-years')
 ], CalendarYearsComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarYearsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarYearsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-calendar-years', standalone: true, imports: [CoreModule, CalendarCellDirective, CalendarHeaderComponent, DateLabelPipe], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [CalendarYearsService], template: "<table class=\"odx-calendar__table\" role=\"grid\" aria-describedby=\"odx-calendar\">\n  <thead aria-hidden=\"true\">\n    <th></th>\n  </thead>\n\n  <tbody\n    class=\"odx-calendar__body\"\n    (keydown.ArrowLeft)=\"previousYear($event)\"\n    (keydown.ArrowRight)=\"nextYear($event)\"\n    (keydown.ArrowUp)=\"previousRow($event)\"\n    (keydown.ArrowDown)=\"nextRow($event)\"\n  >\n    @for (yearRow of calendarYears.years$ | async; track $index) {\n      <tr class=\"odx-calendar__year-row\">\n        @for (year of yearRow; track $index) {\n          <td role=\"gridcell\">\n            <button\n              [disabled]=\"isDateDisabled(year)\"\n              [odxCalendarCell]=\"year\"\n              [odxCalendarCellActiveDate]=\"calendar.activeDate$ | async\"\n              [odxCalendarCellCalendarView]=\"currentView\"\n              [odxCalendarCellSelectedDate]=\"selectedDate\"\n              [odxCalendarCellSelectedDateRange]=\"selectedDateRange\"\n              (click)=\"selectDate(year)\"\n            >\n              {{ year | odxDateLabel: { year: 'numeric' } }}\n            </button>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n" }]
         }] });
@@ -1008,10 +999,10 @@ class DaterangeService {
             this.calendar.setActiveDate(value.start);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DaterangeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DaterangeService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DaterangeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DaterangeService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DaterangeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DaterangeService, decorators: [{
             type: Injectable
         }] });
 
@@ -1090,14 +1081,13 @@ let CalendarComponent = class CalendarComponent {
             this.daterange.setDateRange(this.selectedDateRange);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CalendarComponent, isStandalone: true, selector: "odx-calendar", inputs: { selectedDate: "selectedDate", selectedDateRange: "selectedDateRange", minDate: "minDate", maxDate: "maxDate", filterFn: "filterFn" }, outputs: { selectedDateChange: "selectedDateChange", selectedDateRangeChange: "selectedDateRangeChange" }, providers: [CalendarService, EventManager, DaterangeService], usesOnChanges: true, ngImport: i0, template: "@if (vm$ | async; as vm) {\n  @switch (vm.calendarView) {\n    @case (CalendarView.Year) {\n      <odx-calendar-year\n        [activeDate]=\"vm.activeDate\"\n        [selectedDate]=\"vm.selectedDate\"\n        [selectedDateRange]=\"vm.selectedDateRange\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        [filterFn]=\"filterFn\"\n      />\n    }\n    @case (CalendarView.Years) {\n      <odx-calendar-years\n        [activeDate]=\"vm.activeDate\"\n        [selectedDate]=\"vm.selectedDate\"\n        [selectedDateRange]=\"vm.selectedDateRange\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        [filterFn]=\"filterFn\"\n      />\n    }\n    @default {\n      <odx-calendar-month\n        [activeDate]=\"vm.activeDate\"\n        [selectedDate]=\"vm.selectedDate\"\n        [selectedDateRange]=\"vm.selectedDateRange\"\n        [previewDate]=\"vm.previewDate\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        [filterFn]=\"filterFn\"\n      />\n    }\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: A11yModule }, { kind: "component", type: CalendarMonthComponent, selector: "odx-calendar-month" }, { kind: "component", type: CalendarYearComponent, selector: "odx-calendar-year" }, { kind: "component", type: CalendarYearsComponent, selector: "odx-calendar-years" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: CalendarComponent, isStandalone: true, selector: "odx-calendar", inputs: { selectedDate: "selectedDate", selectedDateRange: "selectedDateRange", minDate: "minDate", maxDate: "maxDate", filterFn: "filterFn" }, outputs: { selectedDateChange: "selectedDateChange", selectedDateRangeChange: "selectedDateRangeChange" }, providers: [CalendarService, EventManager, DaterangeService], usesOnChanges: true, ngImport: i0, template: "@if (vm$ | async; as vm) {\n  @switch (vm.calendarView) {\n    @case (CalendarView.Year) {\n      <odx-calendar-year\n        [activeDate]=\"vm.activeDate\"\n        [selectedDate]=\"vm.selectedDate\"\n        [selectedDateRange]=\"vm.selectedDateRange\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        [filterFn]=\"filterFn\"\n      />\n    }\n    @case (CalendarView.Years) {\n      <odx-calendar-years\n        [activeDate]=\"vm.activeDate\"\n        [selectedDate]=\"vm.selectedDate\"\n        [selectedDateRange]=\"vm.selectedDateRange\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        [filterFn]=\"filterFn\"\n      />\n    }\n    @default {\n      <odx-calendar-month\n        [activeDate]=\"vm.activeDate\"\n        [selectedDate]=\"vm.selectedDate\"\n        [selectedDateRange]=\"vm.selectedDateRange\"\n        [previewDate]=\"vm.previewDate\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        [filterFn]=\"filterFn\"\n      />\n    }\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "ngmodule", type: A11yModule }, { kind: "component", type: CalendarMonthComponent, selector: "odx-calendar-month" }, { kind: "component", type: CalendarYearComponent, selector: "odx-calendar-year" }, { kind: "component", type: CalendarYearsComponent, selector: "odx-calendar-years" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 CalendarComponent = __decorate([
-    CSSComponent('calendar'),
-    __metadata("design:paramtypes", [])
+    CSSComponent('calendar')
 ], CalendarComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-calendar', standalone: true, imports: [CoreModule, A11yModule, CalendarMonthComponent, CalendarYearComponent, CalendarYearsComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [CalendarService, EventManager, DaterangeService], template: "@if (vm$ | async; as vm) {\n  @switch (vm.calendarView) {\n    @case (CalendarView.Year) {\n      <odx-calendar-year\n        [activeDate]=\"vm.activeDate\"\n        [selectedDate]=\"vm.selectedDate\"\n        [selectedDateRange]=\"vm.selectedDateRange\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        [filterFn]=\"filterFn\"\n      />\n    }\n    @case (CalendarView.Years) {\n      <odx-calendar-years\n        [activeDate]=\"vm.activeDate\"\n        [selectedDate]=\"vm.selectedDate\"\n        [selectedDateRange]=\"vm.selectedDateRange\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        [filterFn]=\"filterFn\"\n      />\n    }\n    @default {\n      <odx-calendar-month\n        [activeDate]=\"vm.activeDate\"\n        [selectedDate]=\"vm.selectedDate\"\n        [selectedDateRange]=\"vm.selectedDateRange\"\n        [previewDate]=\"vm.previewDate\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        [filterFn]=\"filterFn\"\n      />\n    }\n  }\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { selectedDate: [{