@radix-ng/primitives 0.50.0 → 0.51.0

package/fesm2022/radix-ng-primitives-calendar.mjs

@@ -16,33 +16,33 @@ class RdxCalendarCellTriggerDirective {
         /**
          * The date value provided to the cell trigger
          */
-        this.day = input(...(ngDevMode ? [undefined, { debugName: "day" }] : []));
+        this.day = input(...(ngDevMode ? [undefined, { debugName: "day" }] : /* istanbul ignore next */ []));
         /**
          * The month in which the cell is rendered
          */
-        this.month = input(...(ngDevMode ? [undefined, { debugName: "month" }] : []));
+        this.month = input(...(ngDevMode ? [undefined, { debugName: "month" }] : /* istanbul ignore next */ []));
         /**
          * Current day
          */
-        this.dayValue = computed(() => this.day()?.day.toLocaleString(), ...(ngDevMode ? [{ debugName: "dayValue" }] : []));
+        this.dayValue = computed(() => this.day()?.day.toLocaleString(), ...(ngDevMode ? [{ debugName: "dayValue" }] : /* istanbul ignore next */ []));
         /**
          * Current today state
          */
         this.isDateToday = computed(() => {
             return isToday(this.day(), getLocalTimeZone());
-        }, ...(ngDevMode ? [{ debugName: "isDateToday" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "isDateToday" }] : /* istanbul ignore next */ []));
         /**
          * Current selected state
          */
-        this.isSelectedDate = computed(() => this.rootContext.isDateSelected(this.day()), ...(ngDevMode ? [{ debugName: "isSelectedDate" }] : []));
-        this.isDisabled = computed(() => this.rootContext.isDateDisabled(this.day()), ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
+        this.isSelectedDate = computed(() => this.rootContext.isDateSelected(this.day()), ...(ngDevMode ? [{ debugName: "isSelectedDate" }] : /* istanbul ignore next */ []));
+        this.isDisabled = computed(() => this.rootContext.isDateDisabled(this.day()), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
         this.isOutsideView = computed(() => {
             return !isSameMonth(this.day(), this.month());
-        }, ...(ngDevMode ? [{ debugName: "isOutsideView" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "isOutsideView" }] : /* istanbul ignore next */ []));
         this.isFocusedDate = computed(() => {
             return !this.rootContext.disabled() && isSameDay(this.day(), this.rootContext.placeholder());
-        }, ...(ngDevMode ? [{ debugName: "isFocusedDate" }] : []));
-        this.isUnavailable = computed(() => this.rootContext.isDateUnavailable?.(this.day()) ?? false, ...(ngDevMode ? [{ debugName: "isUnavailable" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "isFocusedDate" }] : /* istanbul ignore next */ []));
+        this.isUnavailable = computed(() => this.rootContext.isDateUnavailable?.(this.day()) ?? false, ...(ngDevMode ? [{ debugName: "isUnavailable" }] : /* istanbul ignore next */ []));
         this.labelText = computed(() => {
             return this.rootContext.formatter.custom(toDate(this.day()), {
                 weekday: 'long',
@@ -50,7 +50,7 @@ class RdxCalendarCellTriggerDirective {
                 day: 'numeric',
                 year: 'numeric'
             });
-        }, ...(ngDevMode ? [{ debugName: "labelText" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "labelText" }] : /* istanbul ignore next */ []));
         /**
          * @ignore
          */
@@ -63,7 +63,8 @@ class RdxCalendarCellTriggerDirective {
         this.changeDate(this.day());
     }
     onArrowKey(event) {
-        const code = event.code;
+        const keyEvent = event;
+        const code = keyEvent.code;
         if (![kbd.ARROW_RIGHT, kbd.ARROW_LEFT, kbd.ARROW_UP, kbd.ARROW_DOWN, kbd.ENTER, kbd.SPACE_CODE].includes(code)) {
             return;
         }
@@ -165,10 +166,10 @@ class RdxCalendarCellTriggerDirective {
     changeDate(date) {
         this.rootContext.onDateChange(date);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarCellTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.3", type: RdxCalendarCellTriggerDirective, isStandalone: true, selector: "[rdxCalendarCellTrigger]", inputs: { day: { classPropertyName: "day", publicName: "day", isSignal: true, isRequired: false, transformFunction: null }, month: { classPropertyName: "month", publicName: "month", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "button" }, listeners: { "click": "onClick()", "keydown": "onArrowKey($event)" }, properties: { "attr.aria-label": "labelText()", "attr.aria-disabled": "isDisabled() || isUnavailable() ? true : undefined", "attr.data-rdx-calendar-cell-trigger": "\"\"", "attr.tabindex": "isFocusedDate() ? 0 : isOutsideView() || isDisabled() ? undefined : -1", "attr.data-value": "day()?.toString()", "attr.data-disabled": "isDisabled() ? \"\" : undefined", "attr.data-today": "isDateToday() ? \"\" : undefined", "attr.data-outside-view": "isOutsideView() ? \"\" : undefined", "attr.data-selected": "isSelectedDate() ? \"\" : undefined", "attr.data-unavailable": "isUnavailable() ? \"\" : undefined", "attr.data-focus": "isFocusedDate() ? \"\" : undefined" } }, exportAs: ["rdxCalendarCellTrigger"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarCellTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxCalendarCellTriggerDirective, isStandalone: true, selector: "[rdxCalendarCellTrigger]", inputs: { day: { classPropertyName: "day", publicName: "day", isSignal: true, isRequired: false, transformFunction: null }, month: { classPropertyName: "month", publicName: "month", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "button" }, listeners: { "click": "onClick()", "keydown": "onArrowKey($event)" }, properties: { "attr.aria-label": "labelText()", "attr.aria-disabled": "isDisabled() || isUnavailable() ? true : undefined", "attr.data-rdx-calendar-cell-trigger": "\"\"", "attr.tabindex": "isFocusedDate() ? 0 : isOutsideView() || isDisabled() ? undefined : -1", "attr.data-value": "day()?.toString()", "attr.data-disabled": "isDisabled() ? \"\" : undefined", "attr.data-today": "isDateToday() ? \"\" : undefined", "attr.data-outside-view": "isOutsideView() ? \"\" : undefined", "attr.data-selected": "isSelectedDate() ? \"\" : undefined", "attr.data-unavailable": "isUnavailable() ? \"\" : undefined", "attr.data-focus": "isFocusedDate() ? \"\" : undefined" } }, exportAs: ["rdxCalendarCellTrigger"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarCellTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarCellTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxCalendarCellTrigger]',
@@ -190,7 +191,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                         '(keydown)': 'onArrowKey($event)'
                     }
                 }]
-        }] });
+        }], propDecorators: { day: [{ type: i0.Input, args: [{ isSignal: true, alias: "day", required: false }] }], month: [{ type: i0.Input, args: [{ isSignal: true, alias: "month", required: false }] }] } });
 
 class RdxCalendarCellDirective {
     constructor() {
@@ -198,12 +199,12 @@ class RdxCalendarCellDirective {
         /**
          * The date of the cell
          */
-        this.date = input(...(ngDevMode ? [undefined, { debugName: "date" }] : []));
+        this.date = input(...(ngDevMode ? [undefined, { debugName: "date" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.3", type: RdxCalendarCellDirective, isStandalone: true, selector: "td[rdxCalendarCell]", inputs: { date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "gridcell" }, properties: { "attr.aria-selected": "rootContext.isDateSelected?.(date()!) ? true : undefined", "attr.aria-disabled": "rootContext.isDateSelected?.(date()!) ||  rootContext.isDateUnavailable?.(date()!)", "attr.data-disabled": "rootContext.isDateSelected?.(date()!) ? \"\" : undefined" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxCalendarCellDirective, isStandalone: true, selector: "td[rdxCalendarCell]", inputs: { date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "gridcell" }, properties: { "attr.aria-selected": "rootContext.isDateSelected?.(date()!) ? true : undefined", "attr.aria-disabled": "rootContext.isDateSelected?.(date()!) ||  rootContext.isDateUnavailable?.(date()!)", "attr.data-disabled": "rootContext.isDateSelected?.(date()!) ? \"\" : undefined" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarCellDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarCellDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'td[rdxCalendarCell]',
@@ -214,13 +215,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                         '[attr.data-disabled]': 'rootContext.isDateSelected?.(date()!) ? "" : undefined'
                     }
                 }]
-        }] });
+        }], propDecorators: { date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: false }] }] } });
 
 class RdxCalendarGridBodyDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarGridBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: RdxCalendarGridBodyDirective, isStandalone: true, selector: "tbody[rdxCalendarGridBody]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarGridBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxCalendarGridBodyDirective, isStandalone: true, selector: "tbody[rdxCalendarGridBody]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarGridBodyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarGridBodyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'tbody[rdxCalendarGridBody]'
@@ -228,10 +229,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
         }] });
 
 class RdxCalendarGridHeadDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarGridHeadDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: RdxCalendarGridHeadDirective, isStandalone: true, selector: "thead[rdxCalendarGridHead]", host: { properties: { "attr.aria-hidden": "true" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarGridHeadDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxCalendarGridHeadDirective, isStandalone: true, selector: "thead[rdxCalendarGridHead]", host: { properties: { "attr.aria-hidden": "true" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarGridHeadDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarGridHeadDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'thead[rdxCalendarGridHead]',
@@ -242,10 +243,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
         }] });
 
 class RdxCalendarGridRowDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarGridRowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: RdxCalendarGridRowDirective, isStandalone: true, selector: "tr[rdxCalendarGridRow]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarGridRowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxCalendarGridRowDirective, isStandalone: true, selector: "tr[rdxCalendarGridRow]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarGridRowDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarGridRowDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'tr[rdxCalendarGridRow]'
@@ -255,13 +256,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
 class RdxCalendarGridDirective {
     constructor() {
         this.rootContext = injectCalendarRootContext();
-        this.disabled = computed(() => (this.rootContext.disabled() ? true : undefined), ...(ngDevMode ? [{ debugName: "disabled" }] : []));
-        this.readonly = computed(() => (this.rootContext.readonly ? true : undefined), ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+        this.disabled = computed(() => (this.rootContext.disabled() ? true : undefined), ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        this.readonly = computed(() => (this.rootContext.readonly ? true : undefined), ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarGridDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: RdxCalendarGridDirective, isStandalone: true, selector: "table[rdxCalendarGrid]", host: { attributes: { "tabindex": "-1", "role": "grid" }, properties: { "attr.aria-readonly": "readonly()", "attr.aria-disabled": "disabled()", "attr.data-readonly": "readonly() && \"\"", "attr.data-disabled": "disabled() && \"\"" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarGridDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxCalendarGridDirective, isStandalone: true, selector: "table[rdxCalendarGrid]", host: { attributes: { "tabindex": "-1", "role": "grid" }, properties: { "attr.aria-readonly": "readonly()", "attr.aria-disabled": "disabled()", "attr.data-readonly": "readonly() && \"\"", "attr.data-disabled": "disabled() && \"\"" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarGridDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarGridDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'table[rdxCalendarGrid]',
@@ -277,10 +278,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
         }] });
 
 class RdxCalendarHeadCellDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarHeadCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: RdxCalendarHeadCellDirective, isStandalone: true, selector: "th[rdxCalendarHeadCell]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarHeadCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxCalendarHeadCellDirective, isStandalone: true, selector: "th[rdxCalendarHeadCell]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarHeadCellDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarHeadCellDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'th[rdxCalendarHeadCell]'
@@ -288,10 +289,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
         }] });
 
 class RdxCalendarHeaderDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: RdxCalendarHeaderDirective, isStandalone: true, selector: "div[rdxCalendarHeader]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxCalendarHeaderDirective, isStandalone: true, selector: "div[rdxCalendarHeader]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarHeaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'div[rdxCalendarHeader]'
@@ -301,12 +302,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
 class RdxCalendarHeadingDirective {
     constructor() {
         this.rootContext = injectCalendarRootContext();
-        this.headingValue = computed(() => this.rootContext.headingValue(), ...(ngDevMode ? [{ debugName: "headingValue" }] : []));
+        this.headingValue = computed(() => this.rootContext.headingValue(), ...(ngDevMode ? [{ debugName: "headingValue" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarHeadingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: RdxCalendarHeadingDirective, isStandalone: true, selector: "div[rdxCalendarHeading]", host: { properties: { "attr.data-disabled": "rootContext.disabled() ? \"\" : undefined" } }, exportAs: ["rdxCalendarHeading"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarHeadingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxCalendarHeadingDirective, isStandalone: true, selector: "div[rdxCalendarHeading]", host: { properties: { "attr.data-disabled": "rootContext.disabled() ? \"\" : undefined" } }, exportAs: ["rdxCalendarHeading"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarHeadingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarHeadingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'div[rdxCalendarHeading]',
@@ -323,32 +324,32 @@ class RdxCalendarNextDirective {
         /**
          * The function to be used for the `next page`. Overwrites the nextPage function set on the `CalendarRoot`.
          */
-        this.nextPage = input(...(ngDevMode ? [undefined, { debugName: "nextPage" }] : []));
+        this.nextPage = input(...(ngDevMode ? [undefined, { debugName: "nextPage" }] : /* istanbul ignore next */ []));
         /**
          * @ignore
          */
-        this.disabled = computed(() => this.rootContext.disabled() || this.rootContext.isNextButtonDisabled(this.nextPage()), ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        this.disabled = computed(() => this.rootContext.disabled() || this.rootContext.isNextButtonDisabled(this.nextPage()), ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     }
     onClick() {
         this.rootContext.nextPage(this.nextPage());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarNextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.3", type: RdxCalendarNextDirective, isStandalone: true, selector: "button[rdxCalendarNext]", inputs: { nextPage: { classPropertyName: "nextPage", publicName: "nextPage", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-label": "Next page" }, listeners: { "click": "onClick()" }, properties: { "disabled": "disabled()", "attr.data-disabled": "disabled() ? \"\" : undefined", "attr.aria-disabled": "disabled() ? \"\" : undefined" } }, exportAs: ["rdxCalendarNext"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarNextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxCalendarNextDirective, isStandalone: true, selector: "button[rdxCalendarNext]", inputs: { nextPage: { classPropertyName: "nextPage", publicName: "nextPage", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-label": "Next page" }, listeners: { "click": "onClick()" }, properties: { "attr.disabled": "disabled() ? \"\" : undefined", "attr.data-disabled": "disabled() ? \"\" : undefined", "attr.aria-disabled": "disabled() ? \"\" : undefined" } }, exportAs: ["rdxCalendarNext"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarNextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarNextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[rdxCalendarNext]',
                     exportAs: 'rdxCalendarNext',
                     host: {
                         '(click)': 'onClick()',
-                        '[disabled]': 'disabled()',
+                        '[attr.disabled]': 'disabled() ? "" : undefined',
                         '[attr.data-disabled]': 'disabled() ? "" : undefined',
                         '[attr.aria-disabled]': 'disabled() ? "" : undefined',
                         'aria-label': 'Next page'
                     }
                 }]
-        }] });
+        }], propDecorators: { nextPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "nextPage", required: false }] }] } });
 
 class RdxCalendarPrevDirective {
     constructor() {
@@ -356,32 +357,32 @@ class RdxCalendarPrevDirective {
         /**
          * The function to be used for the `prev page`. Overwrites the prevPage function set on the `CalendarRoot`.
          */
-        this.prevPage = input(...(ngDevMode ? [undefined, { debugName: "prevPage" }] : []));
+        this.prevPage = input(...(ngDevMode ? [undefined, { debugName: "prevPage" }] : /* istanbul ignore next */ []));
         /**
          * @ignore
          */
-        this.disabled = computed(() => this.rootContext.disabled() || this.rootContext.isNextButtonDisabled(this.prevPage()), ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        this.disabled = computed(() => this.rootContext.disabled() || this.rootContext.isNextButtonDisabled(this.prevPage()), ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     }
     onClick() {
         this.rootContext.prevPage(this.prevPage());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarPrevDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.3", type: RdxCalendarPrevDirective, isStandalone: true, selector: "button[rdxCalendarPrev]", inputs: { prevPage: { classPropertyName: "prevPage", publicName: "prevPage", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-label": "Previous page" }, listeners: { "click": "onClick()" }, properties: { "disabled": "disabled()", "attr.data-disabled": "disabled() ? \"\" : undefined", "attr.aria-disabled": "disabled() ? \"\" : undefined" } }, exportAs: ["rdxCalendarPrev"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarPrevDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxCalendarPrevDirective, isStandalone: true, selector: "button[rdxCalendarPrev]", inputs: { prevPage: { classPropertyName: "prevPage", publicName: "prevPage", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-label": "Previous page" }, listeners: { "click": "onClick()" }, properties: { "attr.disabled": "disabled() ? \"\" : undefined", "attr.data-disabled": "disabled() ? \"\" : undefined", "attr.aria-disabled": "disabled() ? \"\" : undefined" } }, exportAs: ["rdxCalendarPrev"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarPrevDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarPrevDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[rdxCalendarPrev]',
                     exportAs: 'rdxCalendarPrev',
                     host: {
                         '(click)': 'onClick()',
-                        '[disabled]': 'disabled()',
+                        '[attr.disabled]': 'disabled() ? "" : undefined',
                         '[attr.data-disabled]': 'disabled() ? "" : undefined',
                         '[attr.aria-disabled]': 'disabled() ? "" : undefined',
                         'aria-label': 'Previous page'
                     }
                 }]
-        }] });
+        }], propDecorators: { prevPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "prevPage", required: false }] }] } });
 
 function calendarState(props) {
     function isDateSelected(dateObj) {
@@ -419,7 +420,7 @@ function calendarState(props) {
                 return true;
         }
         return false;
-    }, ...(ngDevMode ? [{ debugName: "isInvalid" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "isInvalid" }] : /* istanbul ignore next */ []));
     return {
         isDateSelected,
         isInvalid
@@ -461,17 +462,17 @@ function calendar(props) {
             options.era = 'short';
         }
         return options;
-    }, ...(ngDevMode ? [{ debugName: "headingFormatOptions" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "headingFormatOptions" }] : /* istanbul ignore next */ []));
     const month = signal(createMonths({
         dateObj: props.placeholder(),
         weekStartsOn: props.weekStartsOn(),
         locale: props.locale(),
         fixedWeeks: props.fixedWeeks(),
         numberOfMonths: props.numberOfMonths()
-    }), ...(ngDevMode ? [{ debugName: "month" }] : []));
+    }), ...(ngDevMode ? [{ debugName: "month" }] : /* istanbul ignore next */ []));
     const visibleView = computed(() => {
         return month().map((month) => month.value);
-    }, ...(ngDevMode ? [{ debugName: "visibleView" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "visibleView" }] : /* istanbul ignore next */ []));
     function isOutsideVisibleView(date) {
         return !visibleView().some((month) => isEqualMonth(date, month));
     }
@@ -590,7 +591,7 @@ function calendar(props) {
         return month()[0].weeks[0].map((date) => {
             return formatter.dayOfWeek(toDate(date), props.weekdayFormat());
         });
-    }, ...(ngDevMode ? [{ debugName: "weekdays" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "weekdays" }] : /* istanbul ignore next */ []));
     watch([props.placeholder], ([placeholder]) => {
         if (visibleView().some((month) => isEqualMonth(month, placeholder))) {
             return;
@@ -631,8 +632,8 @@ function calendar(props) {
         return startMonthYear === endMonthYear
             ? `${startMonthName} - ${endMonthName} ${endMonthYear}`
             : `${startMonthName} ${startMonthYear} - ${endMonthName} ${endMonthYear}`;
-    }, ...(ngDevMode ? [{ debugName: "headingValue" }] : []));
-    const fullCalendarLabel = computed(() => `${props.calendarLabel() ?? 'Event Date'}, ${headingValue()}`, ...(ngDevMode ? [{ debugName: "fullCalendarLabel" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "headingValue" }] : /* istanbul ignore next */ []));
+    const fullCalendarLabel = computed(() => `${props.calendarLabel() ?? 'Event Date'}, ${headingValue()}`, ...(ngDevMode ? [{ debugName: "fullCalendarLabel" }] : /* istanbul ignore next */ []));
     return {
         isDateDisabled,
         isDateUnavailable,
@@ -656,12 +657,12 @@ class RdxCalendarRootDirective {
         /**
          * The controlled checked state of the calendar
          */
-        this.value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+        this.value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
         /**
          * The default placeholder date
          */
-        this.defaultPlaceholder = model(...(ngDevMode ? [undefined, { debugName: "defaultPlaceholder" }] : []));
-        this.locale = input('en', ...(ngDevMode ? [{ debugName: "locale" }] : []));
+        this.defaultPlaceholder = model(...(ngDevMode ? [undefined, { debugName: "defaultPlaceholder" }] : /* istanbul ignore next */ []));
+        this.locale = input('en', ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
         this.defaultDate = getDefaultDate({
             defaultPlaceholder: this.defaultPlaceholder(),
             defaultValue: this.value(),
@@ -671,75 +672,75 @@ class RdxCalendarRootDirective {
          * The placeholder date, which is used to determine what month to display when no date is selected.
          * This updates as the user navigates the calendar and can be used to programmatically control the calendar view
          */
-        this.placeholder = model(this.defaultPlaceholder() ?? this.defaultDate.copy(), ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
-        this.multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.placeholder = model(this.defaultPlaceholder() ?? this.defaultDate.copy(), ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+        this.multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * Whether to always display 6 weeks in the calendar
          */
-        this.fixedWeeks = input(false, ...(ngDevMode ? [{ debugName: "fixedWeeks", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.fixedWeeks = input(false, { ...(ngDevMode ? { debugName: "fixedWeeks" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * Whether the calendar is disabled
          */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * Whether to prevent the user from deselecting a date without selecting another date first
          */
-        this.preventDeselect = input(false, ...(ngDevMode ? [{ debugName: "preventDeselect", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.preventDeselect = input(false, { ...(ngDevMode ? { debugName: "preventDeselect" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * The day of the week to start the calendar on
          */
-        this.weekStartsOn = input(1, ...(ngDevMode ? [{ debugName: "weekStartsOn" }] : []));
+        this.weekStartsOn = input(1, ...(ngDevMode ? [{ debugName: "weekStartsOn" }] : /* istanbul ignore next */ []));
         /**
          * The number of months to display at once
          */
-        this.numberOfMonths = input(1, ...(ngDevMode ? [{ debugName: "numberOfMonths" }] : []));
+        this.numberOfMonths = input(1, ...(ngDevMode ? [{ debugName: "numberOfMonths" }] : /* istanbul ignore next */ []));
         /**
          * The reading direction of the calendar when applicable.
          */
-        this.dir = input('ltr', ...(ngDevMode ? [{ debugName: "dir" }] : []));
+        this.dir = input('ltr', ...(ngDevMode ? [{ debugName: "dir" }] : /* istanbul ignore next */ []));
         /**
          * The minimum date that can be selected
          */
-        this.minValue = input(...(ngDevMode ? [undefined, { debugName: "minValue" }] : []));
+        this.minValue = input(...(ngDevMode ? [undefined, { debugName: "minValue" }] : /* istanbul ignore next */ []));
         /**
          * The maximum date that can be selected
          */
-        this.maxValue = input(...(ngDevMode ? [undefined, { debugName: "maxValue" }] : []));
+        this.maxValue = input(...(ngDevMode ? [undefined, { debugName: "maxValue" }] : /* istanbul ignore next */ []));
         /**
          * The format to use for the weekday strings provided via the weekdays slot prop
          */
-        this.weekdayFormat = input('narrow', ...(ngDevMode ? [{ debugName: "weekdayFormat" }] : []));
+        this.weekdayFormat = input('narrow', ...(ngDevMode ? [{ debugName: "weekdayFormat" }] : /* istanbul ignore next */ []));
         /**
          * The accessible label for the calendar
          */
-        this.calendarLabel = input(...(ngDevMode ? [undefined, { debugName: "calendarLabel" }] : []));
+        this.calendarLabel = input(...(ngDevMode ? [undefined, { debugName: "calendarLabel" }] : /* istanbul ignore next */ []));
         /**
          * Whether the calendar is readonly
          */
-        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * This property causes the previous and next buttons to navigate by the number of months displayed at once, rather than one month
          */
-        this.pagedNavigation = input(false, ...(ngDevMode ? [{ debugName: "pagedNavigation", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-        this.propsNextPage = input(...(ngDevMode ? [undefined, { debugName: "propsNextPage" }] : []));
-        this.propsPrevPage = input(...(ngDevMode ? [undefined, { debugName: "propsPrevPage" }] : []));
+        this.pagedNavigation = input(false, { ...(ngDevMode ? { debugName: "pagedNavigation" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.propsNextPage = input(...(ngDevMode ? [undefined, { debugName: "propsNextPage" }] : /* istanbul ignore next */ []));
+        this.propsPrevPage = input(...(ngDevMode ? [undefined, { debugName: "propsPrevPage" }] : /* istanbul ignore next */ []));
         /**
          * A function that returns whether a date is disabled
          */
-        this.isDateDisabled = input(...(ngDevMode ? [undefined, { debugName: "isDateDisabled" }] : []));
+        this.isDateDisabled = input(...(ngDevMode ? [undefined, { debugName: "isDateDisabled" }] : /* istanbul ignore next */ []));
         /**
          * A function that returns whether a date is unavailable
          */
-        this.isDateUnavailable = input(...(ngDevMode ? [undefined, { debugName: "isDateUnavailable" }] : []));
-        this.initialFocus = input(false, ...(ngDevMode ? [{ debugName: "initialFocus", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-        this.months = model(...(ngDevMode ? [undefined, { debugName: "months" }] : []));
+        this.isDateUnavailable = input(...(ngDevMode ? [undefined, { debugName: "isDateUnavailable" }] : /* istanbul ignore next */ []));
+        this.initialFocus = input(false, { ...(ngDevMode ? { debugName: "initialFocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.months = model(...(ngDevMode ? [undefined, { debugName: "months" }] : /* istanbul ignore next */ []));
         /**
          * The days of the week
          */
-        this.weekDays = model(...(ngDevMode ? [undefined, { debugName: "weekDays" }] : []));
-        this._fixedWeeks = linkedSignal(this.fixedWeeks, ...(ngDevMode ? [{ debugName: "_fixedWeeks" }] : []));
-        this._disabled = linkedSignal(this.disabled, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
-        this._pagedNavigation = linkedSignal(this.pagedNavigation, ...(ngDevMode ? [{ debugName: "_pagedNavigation" }] : []));
+        this.weekDays = model(...(ngDevMode ? [undefined, { debugName: "weekDays" }] : /* istanbul ignore next */ []));
+        this._fixedWeeks = linkedSignal(this.fixedWeeks, ...(ngDevMode ? [{ debugName: "_fixedWeeks" }] : /* istanbul ignore next */ []));
+        this._disabled = linkedSignal(this.disabled, ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
+        this._pagedNavigation = linkedSignal(this.pagedNavigation, ...(ngDevMode ? [{ debugName: "_pagedNavigation" }] : /* istanbul ignore next */ []));
         this.startingWeekNumber = computed(() => {
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-expect-error
@@ -754,15 +755,15 @@ class RdxCalendarRootDirective {
                 const firstDayOfYear = startOfYear(thursday);
                 return ((thursday.compare(firstDayOfYear) / 7) | 0) + 1;
             });
-        }, ...(ngDevMode ? [{ debugName: "startingWeekNumber" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "startingWeekNumber" }] : /* istanbul ignore next */ []));
         /**
          * @ignore
          */
-        this.headingValue = signal('', ...(ngDevMode ? [{ debugName: "headingValue" }] : []));
+        this.headingValue = signal('', ...(ngDevMode ? [{ debugName: "headingValue" }] : /* istanbul ignore next */ []));
         /**
          * @ignore
          */
-        this.fullCalendarLabel = signal('', ...(ngDevMode ? [{ debugName: "fullCalendarLabel" }] : []));
+        this.fullCalendarLabel = signal('', ...(ngDevMode ? [{ debugName: "fullCalendarLabel" }] : /* istanbul ignore next */ []));
         this.calendar = calendar({
             locale: this.locale,
             placeholder: this.placeholder,
@@ -859,10 +860,10 @@ class RdxCalendarRootDirective {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.3", type: RdxCalendarRootDirective, isStandalone: true, selector: "[rdxCalendarRoot]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultPlaceholder: { classPropertyName: "defaultPlaceholder", publicName: "defaultPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, fixedWeeks: { classPropertyName: "fixedWeeks", publicName: "fixedWeeks", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, preventDeselect: { classPropertyName: "preventDeselect", publicName: "preventDeselect", isSignal: true, isRequired: false, transformFunction: null }, weekStartsOn: { classPropertyName: "weekStartsOn", publicName: "weekStartsOn", isSignal: true, isRequired: false, transformFunction: null }, numberOfMonths: { classPropertyName: "numberOfMonths", publicName: "numberOfMonths", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, minValue: { classPropertyName: "minValue", publicName: "minValue", isSignal: true, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: "maxValue", publicName: "maxValue", isSignal: true, isRequired: false, transformFunction: null }, weekdayFormat: { classPropertyName: "weekdayFormat", publicName: "weekdayFormat", isSignal: true, isRequired: false, transformFunction: null }, calendarLabel: { classPropertyName: "calendarLabel", publicName: "calendarLabel", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pagedNavigation: { classPropertyName: "pagedNavigation", publicName: "pagedNavigation", isSignal: true, isRequired: false, transformFunction: null }, propsNextPage: { classPropertyName: "propsNextPage", publicName: "propsNextPage", isSignal: true, isRequired: false, transformFunction: null }, propsPrevPage: { classPropertyName: "propsPrevPage", publicName: "propsPrevPage", isSignal: true, isRequired: false, transformFunction: null }, isDateDisabled: { classPropertyName: "isDateDisabled", publicName: "isDateDisabled", isSignal: true, isRequired: false, transformFunction: null }, isDateUnavailable: { classPropertyName: "isDateUnavailable", publicName: "isDateUnavailable", isSignal: true, isRequired: false, transformFunction: null }, initialFocus: { classPropertyName: "initialFocus", publicName: "initialFocus", isSignal: true, isRequired: false, transformFunction: null }, months: { classPropertyName: "months", publicName: "months", isSignal: true, isRequired: false, transformFunction: null }, weekDays: { classPropertyName: "weekDays", publicName: "weekDays", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", defaultPlaceholder: "defaultPlaceholderChange", placeholder: "placeholderChange", months: "monthsChange", weekDays: "weekDaysChange" }, host: { attributes: { "role": "application" }, properties: { "attr.aria-label": "fullCalendarLabel()", "attr.data-disabled": "disabled() ? \"\" : undefined", "attr.data-readonly": "readonly() ? \"\" : undefined", "attr.data-invalid": "isInvalid ? \"\" : undefined", "attr.dir": "dir()" } }, providers: [{ provide: CALENDAR_ROOT_CONTEXT, useExisting: forwardRef(() => RdxCalendarRootDirective) }], exportAs: ["rdxCalendarRoot"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxCalendarRootDirective, isStandalone: true, selector: "[rdxCalendarRoot]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultPlaceholder: { classPropertyName: "defaultPlaceholder", publicName: "defaultPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, fixedWeeks: { classPropertyName: "fixedWeeks", publicName: "fixedWeeks", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, preventDeselect: { classPropertyName: "preventDeselect", publicName: "preventDeselect", isSignal: true, isRequired: false, transformFunction: null }, weekStartsOn: { classPropertyName: "weekStartsOn", publicName: "weekStartsOn", isSignal: true, isRequired: false, transformFunction: null }, numberOfMonths: { classPropertyName: "numberOfMonths", publicName: "numberOfMonths", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, minValue: { classPropertyName: "minValue", publicName: "minValue", isSignal: true, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: "maxValue", publicName: "maxValue", isSignal: true, isRequired: false, transformFunction: null }, weekdayFormat: { classPropertyName: "weekdayFormat", publicName: "weekdayFormat", isSignal: true, isRequired: false, transformFunction: null }, calendarLabel: { classPropertyName: "calendarLabel", publicName: "calendarLabel", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pagedNavigation: { classPropertyName: "pagedNavigation", publicName: "pagedNavigation", isSignal: true, isRequired: false, transformFunction: null }, propsNextPage: { classPropertyName: "propsNextPage", publicName: "propsNextPage", isSignal: true, isRequired: false, transformFunction: null }, propsPrevPage: { classPropertyName: "propsPrevPage", publicName: "propsPrevPage", isSignal: true, isRequired: false, transformFunction: null }, isDateDisabled: { classPropertyName: "isDateDisabled", publicName: "isDateDisabled", isSignal: true, isRequired: false, transformFunction: null }, isDateUnavailable: { classPropertyName: "isDateUnavailable", publicName: "isDateUnavailable", isSignal: true, isRequired: false, transformFunction: null }, initialFocus: { classPropertyName: "initialFocus", publicName: "initialFocus", isSignal: true, isRequired: false, transformFunction: null }, months: { classPropertyName: "months", publicName: "months", isSignal: true, isRequired: false, transformFunction: null }, weekDays: { classPropertyName: "weekDays", publicName: "weekDays", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", defaultPlaceholder: "defaultPlaceholderChange", placeholder: "placeholderChange", months: "monthsChange", weekDays: "weekDaysChange" }, host: { attributes: { "role": "application" }, properties: { "attr.aria-label": "fullCalendarLabel()", "attr.data-disabled": "disabled() ? \"\" : undefined", "attr.data-readonly": "readonly() ? \"\" : undefined", "attr.data-invalid": "isInvalid ? \"\" : undefined", "attr.dir": "dir()" } }, providers: [{ provide: CALENDAR_ROOT_CONTEXT, useExisting: forwardRef(() => RdxCalendarRootDirective) }], exportAs: ["rdxCalendarRoot"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarRootDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarRootDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxCalendarRoot]',
@@ -877,7 +878,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                         '[attr.dir]': 'dir()'
                     }
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], defaultPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultPlaceholder", required: false }] }, { type: i0.Output, args: ["defaultPlaceholderChange"] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }, { type: i0.Output, args: ["placeholderChange"] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], fixedWeeks: [{ type: i0.Input, args: [{ isSignal: true, alias: "fixedWeeks", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], preventDeselect: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventDeselect", required: false }] }], weekStartsOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekStartsOn", required: false }] }], numberOfMonths: [{ type: i0.Input, args: [{ isSignal: true, alias: "numberOfMonths", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], minValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "minValue", required: false }] }], maxValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxValue", required: false }] }], weekdayFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekdayFormat", required: false }] }], calendarLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendarLabel", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], pagedNavigation: [{ type: i0.Input, args: [{ isSignal: true, alias: "pagedNavigation", required: false }] }], propsNextPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "propsNextPage", required: false }] }], propsPrevPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "propsPrevPage", required: false }] }], isDateDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDateDisabled", required: false }] }], isDateUnavailable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDateUnavailable", required: false }] }], initialFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFocus", required: false }] }], months: [{ type: i0.Input, args: [{ isSignal: true, alias: "months", required: false }] }, { type: i0.Output, args: ["monthsChange"] }], weekDays: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekDays", required: false }] }, { type: i0.Output, args: ["weekDaysChange"] }] } });
 
 const _imports = [
     RdxCalendarCellTriggerDirective,
@@ -894,8 +895,8 @@ const _imports = [
     RdxCalendarNextDirective
 ];
 class RdxCalendarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarModule, imports: [RdxCalendarCellTriggerDirective,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarModule, imports: [RdxCalendarCellTriggerDirective,
             RdxCalendarCellDirective,
             RdxCalendarGridBodyDirective,
             RdxCalendarGridHeadDirective,
@@ -918,9 +919,9 @@ class RdxCalendarModule {
             RdxCalendarRootDirective,
             RdxCalendarHeadingDirective,
             RdxCalendarNextDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCalendarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCalendarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [..._imports],