@cdevhub/ngx-tw 0.2.0 → 0.3.0

package/fesm2022/cdevhub-ngx-tw-calendar.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, output, computed, ChangeDetectionStrategy, Component, Injectable, InjectionToken, viewChild, inject, signal, afterEveryRender, Directive, viewChildren, ElementRef, Injector, DestroyRef, LOCALE_ID, runInInjectionContext, model, linkedSignal, untracked, effect, isDevMode, forwardRef, makeEnvironmentProviders } from '@angular/core';
+import { input, output, computed, ChangeDetectionStrategy, Component, Injectable, InjectionToken, viewChild, inject, signal, afterEveryRender, Directive, viewChildren, ElementRef, Injector, DestroyRef, LOCALE_ID, runInInjectionContext, linkedSignal, untracked, effect, isDevMode, forwardRef, model, makeEnvironmentProviders } from '@angular/core';
 import { LiveAnnouncer } from '@angular/cdk/a11y';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Validators, NgControl, FormResetEvent, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
@@ -21,22 +21,29 @@ const headerVariants = tv({
  */
 class CalendarHeaderComponent {
     /** Display text for the period button (e.g. "January 2026"). */
-    periodLabel = input.required(...(ngDevMode ? [{ debugName: "periodLabel" }] : /* istanbul ignore next */ []));
+    periodLabel = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "periodLabel" }] : /* istanbul ignore next */ []));
     /** Accessible label for the period button. */
-    periodAriaLabel = input.required(...(ngDevMode ? [{ debugName: "periodAriaLabel" }] : /* istanbul ignore next */ []));
+    periodAriaLabel = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "periodAriaLabel" }] : /* istanbul ignore next */ []));
     /** Accessible label for the previous button. */
-    prevAriaLabel = input.required(...(ngDevMode ? [{ debugName: "prevAriaLabel" }] : /* istanbul ignore next */ []));
+    prevAriaLabel = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "prevAriaLabel" }] : /* istanbul ignore next */ []));
     /** Accessible label for the next button. */
-    nextAriaLabel = input.required(...(ngDevMode ? [{ debugName: "nextAriaLabel" }] : /* istanbul ignore next */ []));
+    nextAriaLabel = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "nextAriaLabel" }] : /* istanbul ignore next */ []));
     /** Disables the previous button. */
-    prevDisabled = input(false, ...(ngDevMode ? [{ debugName: "prevDisabled" }] : /* istanbul ignore next */ []));
+    prevDisabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "prevDisabled" }] : /* istanbul ignore next */ []));
     /** Disables the next button. */
-    nextDisabled = input(false, ...(ngDevMode ? [{ debugName: "nextDisabled" }] : /* istanbul ignore next */ []));
+    nextDisabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "nextDisabled" }] : /* istanbul ignore next */ []));
     /** When false, the period button is disabled (e.g. when already at the top view). */
     // TRUE-default: the period button is the calendar header's primary drill-up
     // affordance; disabling it is reserved for the top view where there's nowhere
     // to drill up to.
-    canSwitchView = input(true, ...(ngDevMode ? [{ debugName: "canSwitchView" }] : /* istanbul ignore next */ []));
+    canSwitchView = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canSwitchView" }] : /* istanbul ignore next */ []));
     /** Fires on previous button click. */
     prevClicked = output();
     /** Fires on next button click. */
@@ -46,13 +53,14 @@ class CalendarHeaderComponent {
     classes = computed(() => {
         const v = headerVariants();
         return { root: v.root(), navButton: v.navButton(), periodButton: v.periodButton() };
-    }, ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
     onPeriodClick() {
         if (this.canSwitchView())
             this.periodClicked.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CalendarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: CalendarHeaderComponent, isStandalone: true, selector: "tw-calendar-header", inputs: { periodLabel: { classPropertyName: "periodLabel", publicName: "periodLabel", isSignal: true, isRequired: true, transformFunction: null }, periodAriaLabel: { classPropertyName: "periodAriaLabel", publicName: "periodAriaLabel", isSignal: true, isRequired: true, transformFunction: null }, prevAriaLabel: { classPropertyName: "prevAriaLabel", publicName: "prevAriaLabel", isSignal: true, isRequired: true, transformFunction: null }, nextAriaLabel: { classPropertyName: "nextAriaLabel", publicName: "nextAriaLabel", isSignal: true, isRequired: true, transformFunction: null }, prevDisabled: { classPropertyName: "prevDisabled", publicName: "prevDisabled", isSignal: true, isRequired: false, transformFunction: null }, nextDisabled: { classPropertyName: "nextDisabled", publicName: "nextDisabled", isSignal: true, isRequired: false, transformFunction: null }, canSwitchView: { classPropertyName: "canSwitchView", publicName: "canSwitchView", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { prevClicked: "prevClicked", nextClicked: "nextClicked", periodClicked: "periodClicked" }, host: { classAttribute: "block" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CalendarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: CalendarHeaderComponent, isStandalone: true, selector: "tw-calendar-header", inputs: { periodLabel: { classPropertyName: "periodLabel", publicName: "periodLabel", isSignal: true, isRequired: true, transformFunction: null }, periodAriaLabel: { classPropertyName: "periodAriaLabel", publicName: "periodAriaLabel", isSignal: true, isRequired: true, transformFunction: null }, prevAriaLabel: { classPropertyName: "prevAriaLabel", publicName: "prevAriaLabel", isSignal: true, isRequired: true, transformFunction: null }, nextAriaLabel: { classPropertyName: "nextAriaLabel", publicName: "nextAriaLabel", isSignal: true, isRequired: true, transformFunction: null }, prevDisabled: { classPropertyName: "prevDisabled", publicName: "prevDisabled", isSignal: true, isRequired: false, transformFunction: null }, nextDisabled: { classPropertyName: "nextDisabled", publicName: "nextDisabled", isSignal: true, isRequired: false, transformFunction: null }, canSwitchView: { classPropertyName: "canSwitchView", publicName: "canSwitchView", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { prevClicked: "prevClicked", nextClicked: "nextClicked", periodClicked: "periodClicked" }, host: { classAttribute: "block" }, ngImport: i0, template: `
     <div [class]="classes().root">
       <button
         type="button"
@@ -112,7 +120,7 @@ class CalendarHeaderComponent {
     </div>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CalendarHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CalendarHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'tw-calendar-header',
@@ -378,10 +386,10 @@ class CalendarIntl {
         'Use Home and End to jump to the start or end of the week.',
         'Press Escape to close the calendar.',
     ].join(' ');
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CalendarIntl, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CalendarIntl });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CalendarIntl, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CalendarIntl });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CalendarIntl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CalendarIntl, decorators: [{
             type: Injectable
         }] });
 /**
@@ -974,17 +982,23 @@ const cellVariants = tv({
  * emits events for clicks, keyboard navigation, mouse hover, and focus.
  */
 class CalendarCellComponent {
-    buttonRef = viewChild('cellButton', ...(ngDevMode ? [{ debugName: "buttonRef" }] : /* istanbul ignore next */ []));
+    buttonRef = viewChild('cellButton', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "buttonRef" }] : /* istanbul ignore next */ []));
     /** The cell data object to render. */
-    cell = input.required(...(ngDevMode ? [{ debugName: "cell" }] : /* istanbul ignore next */ []));
+    cell = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cell" }] : /* istanbul ignore next */ []));
     /** The active calendar view — drives cell dimensions and radius. */
-    view = input('day', ...(ngDevMode ? [{ debugName: "view" }] : /* istanbul ignore next */ []));
+    view = input('day', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "view" }] : /* istanbul ignore next */ []));
     /** `true` when the cell's date is outside the currently displayed month. */
-    outside = input(false, ...(ngDevMode ? [{ debugName: "outside" }] : /* istanbul ignore next */ []));
+    outside = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "outside" }] : /* istanbul ignore next */ []));
     /** Tab index for roving focus (`0` for the active cell, `-1` otherwise). */
-    tabindex = input(-1, ...(ngDevMode ? [{ debugName: "tabindex" }] : /* istanbul ignore next */ []));
+    tabindex = input(-1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tabindex" }] : /* istanbul ignore next */ []));
     /** Optional template rendered inside the button — receives `{ $implicit: CalendarCell<D> }`. */
-    cellTemplate = input(null, ...(ngDevMode ? [{ debugName: "cellTemplate" }] : /* istanbul ignore next */ []));
+    cellTemplate = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cellTemplate" }] : /* istanbul ignore next */ []));
     /** Emitted when the user activates the cell (click, Enter, or Space). */
     selected = output();
     /** Emitted when the cell gains focus. */
@@ -1014,7 +1028,8 @@ class CalendarCellComponent {
         if (c.isToday)
             return 'today';
         return 'default';
-    }, ...(ngDevMode ? [{ debugName: "cellState" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cellState" }] : /* istanbul ignore next */ []));
     wrapperRange = computed(() => {
         const c = this.cell();
         if (c.isRangeStart && c.isRangeEnd)
@@ -1026,19 +1041,23 @@ class CalendarCellComponent {
         if (c.isRangeMiddle)
             return 'middle';
         return 'none';
-    }, ...(ngDevMode ? [{ debugName: "wrapperRange" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "wrapperRange" }] : /* istanbul ignore next */ []));
     variantResult = computed(() => cellVariants({
         view: this.view(),
         state: this.cellState(),
         outside: this.outside(),
         range: this.wrapperRange(),
-    }), ...(ngDevMode ? [{ debugName: "variantResult" }] : /* istanbul ignore next */ []));
-    wrapperClasses = computed(() => this.variantResult().wrapper(), ...(ngDevMode ? [{ debugName: "wrapperClasses" }] : /* istanbul ignore next */ []));
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variantResult" }] : /* istanbul ignore next */ []));
+    wrapperClasses = computed(() => this.variantResult().wrapper(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "wrapperClasses" }] : /* istanbul ignore next */ []));
     buttonClasses = computed(() => {
         const base = this.variantResult().button();
         const extra = this.cell().cssClasses;
         return extra ? `${base} ${extra}` : base;
-    }, ...(ngDevMode ? [{ debugName: "buttonClasses" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "buttonClasses" }] : /* istanbul ignore next */ []));
     onClick() {
         const c = this.cell();
         if (c.enabled)
@@ -1078,8 +1097,8 @@ class CalendarCellComponent {
     focusButton() {
         this.buttonRef()?.nativeElement.focus();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CalendarCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: CalendarCellComponent, isStandalone: true, selector: "tw-calendar-cell", inputs: { cell: { classPropertyName: "cell", publicName: "cell", isSignal: true, isRequired: true, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, outside: { classPropertyName: "outside", publicName: "outside", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, cellTemplate: { classPropertyName: "cellTemplate", publicName: "cellTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected", focused: "focused", previewed: "previewed", keyNav: "keyNav" }, host: { attributes: { "role": "gridcell" }, properties: { "attr.data-state-today": "cell().isToday ? '' : null", "attr.data-state-selected": "cell().isSelected && !cell().isRangeStart && !cell().isRangeEnd && !cell().isRangeMiddle ? '' : null", "attr.data-state-range-start": "cell().isRangeStart ? '' : null", "attr.data-state-range-end": "cell().isRangeEnd ? '' : null", "attr.data-state-in-range": "cell().isRangeMiddle ? '' : null", "attr.data-state-range-preview-start": "cell().isPreviewStart ? '' : null", "attr.data-state-range-preview-end": "cell().isPreviewEnd ? '' : null", "attr.data-state-in-range-preview": "cell().isPreviewMiddle ? '' : null", "attr.data-state-invalid-preview": "cell().isInvalidPreview ? '' : null", "attr.data-state-invalid-flash": "cell().isInvalidFlash ? '' : null", "attr.data-state-disabled": "!cell().enabled ? '' : null", "attr.data-state-out-of-month": "outside() ? '' : null", "attr.data-state-weekend": "cell().isWeekend ? '' : null", "attr.data-state-focused": "tabindex() === 0 ? '' : null" } }, viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["cellButton"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CalendarCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: CalendarCellComponent, isStandalone: true, selector: "tw-calendar-cell", inputs: { cell: { classPropertyName: "cell", publicName: "cell", isSignal: true, isRequired: true, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, outside: { classPropertyName: "outside", publicName: "outside", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, cellTemplate: { classPropertyName: "cellTemplate", publicName: "cellTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected", focused: "focused", previewed: "previewed", keyNav: "keyNav" }, host: { attributes: { "role": "gridcell" }, properties: { "attr.data-state-today": "cell().isToday ? '' : null", "attr.data-state-selected": "cell().isSelected && !cell().isRangeStart && !cell().isRangeEnd && !cell().isRangeMiddle ? '' : null", "attr.data-state-range-start": "cell().isRangeStart ? '' : null", "attr.data-state-range-end": "cell().isRangeEnd ? '' : null", "attr.data-state-in-range": "cell().isRangeMiddle ? '' : null", "attr.data-state-range-preview-start": "cell().isPreviewStart ? '' : null", "attr.data-state-range-preview-end": "cell().isPreviewEnd ? '' : null", "attr.data-state-in-range-preview": "cell().isPreviewMiddle ? '' : null", "attr.data-state-invalid-preview": "cell().isInvalidPreview ? '' : null", "attr.data-state-invalid-flash": "cell().isInvalidFlash ? '' : null", "attr.data-state-disabled": "!cell().enabled ? '' : null", "attr.data-state-out-of-month": "outside() ? '' : null", "attr.data-state-weekend": "cell().isWeekend ? '' : null", "attr.data-state-focused": "tabindex() === 0 ? '' : null" } }, viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["cellButton"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <div [class]="wrapperClasses()">
       <button
         #cellButton
@@ -1108,7 +1127,7 @@ class CalendarCellComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CalendarCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CalendarCellComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'tw-calendar-cell',
@@ -1174,33 +1193,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
 class CalendarViewBase {
     dateAdapter = inject(DATE_ADAPTER);
     /** The date that anchors the grid being rendered. */
-    activeDate = input.required(...(ngDevMode ? [{ debugName: "activeDate" }] : /* istanbul ignore next */ []));
+    activeDate = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activeDate" }] : /* istanbul ignore next */ []));
     /** Current selection — scalar, array (multi), or range. */
-    selected = input(null, ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
+    selected = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
     /** Minimum selectable date. */
-    minDate = input(null, ...(ngDevMode ? [{ debugName: "minDate" }] : /* istanbul ignore next */ []));
+    minDate = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "minDate" }] : /* istanbul ignore next */ []));
     /** Maximum selectable date. */
-    maxDate = input(null, ...(ngDevMode ? [{ debugName: "maxDate" }] : /* istanbul ignore next */ []));
+    maxDate = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxDate" }] : /* istanbul ignore next */ []));
     /** Per-date predicate — return `false` to disable. */
-    dateFilter = input(null, ...(ngDevMode ? [{ debugName: "dateFilter" }] : /* istanbul ignore next */ []));
+    dateFilter = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dateFilter" }] : /* istanbul ignore next */ []));
     /** Explicitly disabled dates — array (compared via `adapter.sameDate`) or predicate (returns `true` for disabled). */
-    disabledDates = input(null, ...(ngDevMode ? [{ debugName: "disabledDates" }] : /* istanbul ignore next */ []));
+    disabledDates = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabledDates" }] : /* istanbul ignore next */ []));
     /** Days of the week to disable (0=Sun … 6=Sat). Empty array = no day-of-week disabling. */
-    disabledDaysOfWeek = input([], ...(ngDevMode ? [{ debugName: "disabledDaysOfWeek" }] : /* istanbul ignore next */ []));
+    disabledDaysOfWeek = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabledDaysOfWeek" }] : /* istanbul ignore next */ []));
     /** Per-cell class override. */
-    dateClass = input(null, ...(ngDevMode ? [{ debugName: "dateClass" }] : /* istanbul ignore next */ []));
+    dateClass = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dateClass" }] : /* istanbul ignore next */ []));
     /** Hover-preview start (set while user is mid-range pick). */
-    previewStart = input(null, ...(ngDevMode ? [{ debugName: "previewStart" }] : /* istanbul ignore next */ []));
+    previewStart = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "previewStart" }] : /* istanbul ignore next */ []));
     /** Hover-preview end. */
-    previewEnd = input(null, ...(ngDevMode ? [{ debugName: "previewEnd" }] : /* istanbul ignore next */ []));
+    previewEnd = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "previewEnd" }] : /* istanbul ignore next */ []));
     /** Phase 6 — date that briefly flashes as invalid (rejected commit). Cleared by the orchestrator. */
-    invalidFlashDate = input(null, ...(ngDevMode ? [{ debugName: "invalidFlashDate" }] : /* istanbul ignore next */ []));
+    invalidFlashDate = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "invalidFlashDate" }] : /* istanbul ignore next */ []));
     /** `true` when the parent calendar allows more than one cell to be selected at once. Drives `aria-multiselectable` on the grid host. */
-    multiSelectable = input(false, ...(ngDevMode ? [{ debugName: "multiSelectable" }] : /* istanbul ignore next */ []));
+    multiSelectable = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "multiSelectable" }] : /* istanbul ignore next */ []));
     /** `true` when the parent calendar is in read-only mode. Drives `aria-readonly` on the grid host. */
-    readonlyGrid = input(false, ...(ngDevMode ? [{ debugName: "readonlyGrid" }] : /* istanbul ignore next */ []));
+    readonlyGrid = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "readonlyGrid" }] : /* istanbul ignore next */ []));
     /** Optional cell-content override. */
-    cellTemplate = input(null, ...(ngDevMode ? [{ debugName: "cellTemplate" }] : /* istanbul ignore next */ []));
+    cellTemplate = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cellTemplate" }] : /* istanbul ignore next */ []));
     /** Fires when the user activates an enabled cell (click, Enter, or Space). Payload is the activated cell's date. */
     selectedChange = output();
     /** Fires when keyboard navigation or programmatic focus moves the roving cursor to a new cell. Payload is the new active date. */
@@ -1208,9 +1241,11 @@ class CalendarViewBase {
     /** Fires on pointer hover with the hovered date, and again with `null` when the pointer leaves the grid. The parent orchestrator drives any range-preview state from this stream. */
     previewChange = output();
     /** Cell that should own the roving-tabindex cursor. `null` means "use `activeDate`". */
-    focusedCellValue = signal(null, ...(ngDevMode ? [{ debugName: "focusedCellValue" }] : /* istanbul ignore next */ []));
+    focusedCellValue = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "focusedCellValue" }] : /* istanbul ignore next */ []));
     /** Pending focus target — drained after the next render. */
-    focusPending = signal(null, ...(ngDevMode ? [{ debugName: "focusPending" }] : /* istanbul ignore next */ []));
+    focusPending = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "focusPending" }] : /* istanbul ignore next */ []));
     constructor() {
         afterEveryRender(() => {
             const pending = this.focusPending();
@@ -1222,7 +1257,8 @@ class CalendarViewBase {
         });
     }
     /** Today's date — memoized per view instance. */
-    today = computed(() => this.dateAdapter.today(), ...(ngDevMode ? [{ debugName: "today" }] : /* istanbul ignore next */ []));
+    today = computed(() => this.dateAdapter.today(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "today" }] : /* istanbul ignore next */ []));
     /** True when `date` is part of the committed selection. */
     isSelected(date) {
         const sel = this.selected();
@@ -1313,10 +1349,10 @@ class CalendarViewBase {
         const target = this.focusedCellValue() ?? this.getActiveCompareValue();
         this.focusCell(target);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CalendarViewBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: CalendarViewBase, isStandalone: true, inputs: { activeDate: { classPropertyName: "activeDate", publicName: "activeDate", isSignal: true, isRequired: true, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", isSignal: true, isRequired: false, transformFunction: null }, disabledDates: { classPropertyName: "disabledDates", publicName: "disabledDates", isSignal: true, isRequired: false, transformFunction: null }, disabledDaysOfWeek: { classPropertyName: "disabledDaysOfWeek", publicName: "disabledDaysOfWeek", isSignal: true, isRequired: false, transformFunction: null }, dateClass: { classPropertyName: "dateClass", publicName: "dateClass", isSignal: true, isRequired: false, transformFunction: null }, previewStart: { classPropertyName: "previewStart", publicName: "previewStart", isSignal: true, isRequired: false, transformFunction: null }, previewEnd: { classPropertyName: "previewEnd", publicName: "previewEnd", isSignal: true, isRequired: false, transformFunction: null }, invalidFlashDate: { classPropertyName: "invalidFlashDate", publicName: "invalidFlashDate", isSignal: true, isRequired: false, transformFunction: null }, multiSelectable: { classPropertyName: "multiSelectable", publicName: "multiSelectable", isSignal: true, isRequired: false, transformFunction: null }, readonlyGrid: { classPropertyName: "readonlyGrid", publicName: "readonlyGrid", isSignal: true, isRequired: false, transformFunction: null }, cellTemplate: { classPropertyName: "cellTemplate", publicName: "cellTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedChange: "selectedChange", activeDateChange: "activeDateChange", previewChange: "previewChange" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CalendarViewBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: CalendarViewBase, isStandalone: true, inputs: { activeDate: { classPropertyName: "activeDate", publicName: "activeDate", isSignal: true, isRequired: true, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", isSignal: true, isRequired: false, transformFunction: null }, disabledDates: { classPropertyName: "disabledDates", publicName: "disabledDates", isSignal: true, isRequired: false, transformFunction: null }, disabledDaysOfWeek: { classPropertyName: "disabledDaysOfWeek", publicName: "disabledDaysOfWeek", isSignal: true, isRequired: false, transformFunction: null }, dateClass: { classPropertyName: "dateClass", publicName: "dateClass", isSignal: true, isRequired: false, transformFunction: null }, previewStart: { classPropertyName: "previewStart", publicName: "previewStart", isSignal: true, isRequired: false, transformFunction: null }, previewEnd: { classPropertyName: "previewEnd", publicName: "previewEnd", isSignal: true, isRequired: false, transformFunction: null }, invalidFlashDate: { classPropertyName: "invalidFlashDate", publicName: "invalidFlashDate", isSignal: true, isRequired: false, transformFunction: null }, multiSelectable: { classPropertyName: "multiSelectable", publicName: "multiSelectable", isSignal: true, isRequired: false, transformFunction: null }, readonlyGrid: { classPropertyName: "readonlyGrid", publicName: "readonlyGrid", isSignal: true, isRequired: false, transformFunction: null }, cellTemplate: { classPropertyName: "cellTemplate", publicName: "cellTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedChange: "selectedChange", activeDateChange: "activeDateChange", previewChange: "previewChange" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CalendarViewBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CalendarViewBase, decorators: [{
             type: Directive
         }], ctorParameters: () => [], propDecorators: { activeDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeDate", required: true }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], dateFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFilter", required: false }] }], disabledDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledDates", required: false }] }], disabledDaysOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledDaysOfWeek", required: false }] }], dateClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateClass", required: false }] }], previewStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "previewStart", required: false }] }], previewEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "previewEnd", required: false }] }], invalidFlashDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidFlashDate", required: false }] }], multiSelectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiSelectable", required: false }] }], readonlyGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonlyGrid", required: false }] }], cellTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellTemplate", required: false }] }], selectedChange: [{ type: i0.Output, args: ["selectedChange"] }], activeDateChange: [{ type: i0.Output, args: ["activeDateChange"] }], previewChange: [{ type: i0.Output, args: ["previewChange"] }] } });
 
@@ -1327,14 +1363,20 @@ const TOTAL_CELLS = DAYS_PER_WEEK * WEEKS_PER_MONTH;
  */
 class MonthViewComponent extends CalendarViewBase {
     view = 'day';
-    cellComponents = viewChildren(CalendarCellComponent, ...(ngDevMode ? [{ debugName: "cellComponents" }] : /* istanbul ignore next */ []));
+    cellComponents = viewChildren(CalendarCellComponent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cellComponents" }] : /* istanbul ignore next */ []));
     /** Override first day of week (0=Sun, 1=Mon). */
-    firstDayOfWeek = input(0, ...(ngDevMode ? [{ debugName: "firstDayOfWeek" }] : /* istanbul ignore next */ []));
+    firstDayOfWeek = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "firstDayOfWeek" }] : /* istanbul ignore next */ []));
     /** Index within a multi-month row (0=left, 1+=right) — used by the orchestrator to disambiguate focus. */
-    gridIndex = input(0, ...(ngDevMode ? [{ debugName: "gridIndex" }] : /* istanbul ignore next */ []));
-    weekdayHeaders = computed(() => getWeekdayHeaders(this.dateAdapter, 'long', this.firstDayOfWeek()), ...(ngDevMode ? [{ debugName: "weekdayHeaders" }] : /* istanbul ignore next */ []));
-    displayMonth = computed(() => this.dateAdapter.getMonth(this.activeDate()), ...(ngDevMode ? [{ debugName: "displayMonth" }] : /* istanbul ignore next */ []));
-    displayYear = computed(() => this.dateAdapter.getYear(this.activeDate()), ...(ngDevMode ? [{ debugName: "displayYear" }] : /* istanbul ignore next */ []));
+    gridIndex = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "gridIndex" }] : /* istanbul ignore next */ []));
+    weekdayHeaders = computed(() => getWeekdayHeaders(this.dateAdapter, 'long', this.firstDayOfWeek()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "weekdayHeaders" }] : /* istanbul ignore next */ []));
+    displayMonth = computed(() => this.dateAdapter.getMonth(this.activeDate()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayMonth" }] : /* istanbul ignore next */ []));
+    displayYear = computed(() => this.dateAdapter.getYear(this.activeDate()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayYear" }] : /* istanbul ignore next */ []));
     cells = computed(() => {
         const active = this.activeDate();
         const firstOfMonth = getFirstDayOfMonth(active, this.dateAdapter);
@@ -1380,11 +1422,13 @@ class MonthViewComponent extends CalendarViewBase {
             days.push(cell);
         }
         return createGrid(days, DAYS_PER_WEEK);
-    }, ...(ngDevMode ? [{ debugName: "cells" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cells" }] : /* istanbul ignore next */ []));
     gridLabel = computed(() => {
         const months = this.dateAdapter.getMonthNames('long');
         return `${months[this.displayMonth()]} ${this.displayYear()}`;
-    }, ...(ngDevMode ? [{ debugName: "gridLabel" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "gridLabel" }] : /* istanbul ignore next */ []));
     getActiveCompareValue() {
         const d = this.activeDate();
         return (this.dateAdapter.getYear(d) * 10000 +
@@ -1445,8 +1489,8 @@ class MonthViewComponent extends CalendarViewBase {
             this.activeDateChange.emit(newDate);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MonthViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: MonthViewComponent, isStandalone: true, selector: "tw-calendar-month-view", inputs: { firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, gridIndex: { classPropertyName: "gridIndex", publicName: "gridIndex", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "block" }, viewQueries: [{ propertyName: "cellComponents", predicate: CalendarCellComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MonthViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MonthViewComponent, isStandalone: true, selector: "tw-calendar-month-view", inputs: { firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, gridIndex: { classPropertyName: "gridIndex", publicName: "gridIndex", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "block" }, viewQueries: [{ propertyName: "cellComponents", predicate: CalendarCellComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <div
       role="grid"
       [attr.aria-label]="gridLabel()"
@@ -1487,7 +1531,7 @@ class MonthViewComponent extends CalendarViewBase {
     </div>
   `, isInline: true, dependencies: [{ kind: "component", type: CalendarCellComponent, selector: "tw-calendar-cell", inputs: ["cell", "view", "outside", "tabindex", "cellTemplate"], outputs: ["selected", "focused", "previewed", "keyNav"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MonthViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MonthViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'tw-calendar-month-view',
@@ -1543,8 +1587,10 @@ const MONTHS_PER_YEAR = 12;
  */
 class YearViewComponent extends CalendarViewBase {
     view = 'month';
-    cellComponents = viewChildren(CalendarCellComponent, ...(ngDevMode ? [{ debugName: "cellComponents" }] : /* istanbul ignore next */ []));
-    displayYear = computed(() => this.dateAdapter.getYear(this.activeDate()), ...(ngDevMode ? [{ debugName: "displayYear" }] : /* istanbul ignore next */ []));
+    cellComponents = viewChildren(CalendarCellComponent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cellComponents" }] : /* istanbul ignore next */ []));
+    displayYear = computed(() => this.dateAdapter.getYear(this.activeDate()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayYear" }] : /* istanbul ignore next */ []));
     cells = computed(() => {
         const year = this.displayYear();
         const monthNames = this.dateAdapter.getMonthNames('short');
@@ -1577,8 +1623,10 @@ class YearViewComponent extends CalendarViewBase {
             months.push(cell);
         }
         return createGrid(months, MONTHS_PER_ROW);
-    }, ...(ngDevMode ? [{ debugName: "cells" }] : /* istanbul ignore next */ []));
-    gridLabel = computed(() => `${this.displayYear()}`, ...(ngDevMode ? [{ debugName: "gridLabel" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cells" }] : /* istanbul ignore next */ []));
+    gridLabel = computed(() => `${this.displayYear()}`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "gridLabel" }] : /* istanbul ignore next */ []));
     getActiveCompareValue() {
         return this.dateAdapter.getMonth(this.activeDate());
     }
@@ -1693,8 +1741,8 @@ class YearViewComponent extends CalendarViewBase {
         return (this.dateAdapter.compare(monthDate, startMonth) > 0 &&
             this.dateAdapter.compare(monthDate, endMonth) < 0);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: YearViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: YearViewComponent, isStandalone: true, selector: "tw-calendar-year-view", host: { classAttribute: "block" }, viewQueries: [{ propertyName: "cellComponents", predicate: CalendarCellComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: YearViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: YearViewComponent, isStandalone: true, selector: "tw-calendar-year-view", host: { classAttribute: "block" }, viewQueries: [{ propertyName: "cellComponents", predicate: CalendarCellComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <div
       role="grid"
       [attr.aria-label]="gridLabel()"
@@ -1721,7 +1769,7 @@ class YearViewComponent extends CalendarViewBase {
     </div>
   `, isInline: true, dependencies: [{ kind: "component", type: CalendarCellComponent, selector: "tw-calendar-cell", inputs: ["cell", "view", "outside", "tabindex", "cellTemplate"], outputs: ["selected", "focused", "previewed", "keyNav"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: YearViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: YearViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'tw-calendar-year-view',
@@ -1766,9 +1814,12 @@ const yearsPerPage = YEARS_PER_PAGE;
  */
 class YearsViewComponent extends CalendarViewBase {
     view = 'year';
-    cellComponents = viewChildren(CalendarCellComponent, ...(ngDevMode ? [{ debugName: "cellComponents" }] : /* istanbul ignore next */ []));
-    startYear = computed(() => getMultiYearStartingYear(this.dateAdapter.getYear(this.activeDate()), YEARS_PER_PAGE), ...(ngDevMode ? [{ debugName: "startYear" }] : /* istanbul ignore next */ []));
-    endYear = computed(() => this.startYear() + YEARS_PER_PAGE - 1, ...(ngDevMode ? [{ debugName: "endYear" }] : /* istanbul ignore next */ []));
+    cellComponents = viewChildren(CalendarCellComponent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cellComponents" }] : /* istanbul ignore next */ []));
+    startYear = computed(() => getMultiYearStartingYear(this.dateAdapter.getYear(this.activeDate()), YEARS_PER_PAGE), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "startYear" }] : /* istanbul ignore next */ []));
+    endYear = computed(() => this.startYear() + YEARS_PER_PAGE - 1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "endYear" }] : /* istanbul ignore next */ []));
     cells = computed(() => {
         const start = this.startYear();
         const today = this.today();
@@ -1800,8 +1851,10 @@ class YearsViewComponent extends CalendarViewBase {
             years.push(cell);
         }
         return createGrid(years, YEARS_PER_ROW);
-    }, ...(ngDevMode ? [{ debugName: "cells" }] : /* istanbul ignore next */ []));
-    gridLabel = computed(() => `${this.startYear()} – ${this.endYear()}`, ...(ngDevMode ? [{ debugName: "gridLabel" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cells" }] : /* istanbul ignore next */ []));
+    gridLabel = computed(() => `${this.startYear()} – ${this.endYear()}`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "gridLabel" }] : /* istanbul ignore next */ []));
     getActiveCompareValue() {
         return this.dateAdapter.getYear(this.activeDate());
     }
@@ -1906,8 +1959,8 @@ class YearsViewComponent extends CalendarViewBase {
             return false;
         return year > this.dateAdapter.getYear(s) && year < this.dateAdapter.getYear(e);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: YearsViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: YearsViewComponent, isStandalone: true, selector: "tw-calendar-years-view", host: { classAttribute: "block" }, viewQueries: [{ propertyName: "cellComponents", predicate: CalendarCellComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: YearsViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: YearsViewComponent, isStandalone: true, selector: "tw-calendar-years-view", host: { classAttribute: "block" }, viewQueries: [{ propertyName: "cellComponents", predicate: CalendarCellComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <div
       role="grid"
       [attr.aria-label]="gridLabel()"
@@ -1934,7 +1987,7 @@ class YearsViewComponent extends CalendarViewBase {
     </div>
   `, isInline: true, dependencies: [{ kind: "component", type: CalendarCellComponent, selector: "tw-calendar-cell", inputs: ["cell", "view", "outside", "tabindex", "cellTemplate"], outputs: ["selected", "focused", "previewed", "keyNav"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: YearsViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: YearsViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'tw-calendar-years-view',
@@ -2009,10 +2062,10 @@ class SingleSelectionStrategy extends CalendarSelectionStrategy {
     isRangeMiddle(_date, _current) {
         return false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SingleSelectionStrategy, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SingleSelectionStrategy });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SingleSelectionStrategy, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SingleSelectionStrategy });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SingleSelectionStrategy, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SingleSelectionStrategy, decorators: [{
             type: Injectable
         }] });
 
@@ -2081,10 +2134,10 @@ class RangeSelectionStrategy extends CalendarSelectionStrategy {
             !this.isRangeStart(date, current) &&
             !this.isRangeEnd(date, current));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: RangeSelectionStrategy, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: RangeSelectionStrategy });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: RangeSelectionStrategy, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: RangeSelectionStrategy });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: RangeSelectionStrategy, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: RangeSelectionStrategy, decorators: [{
             type: Injectable
         }] });
 
@@ -2120,10 +2173,10 @@ class MultiSelectionStrategy extends CalendarSelectionStrategy {
     isRangeMiddle(_date, _current) {
         return false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MultiSelectionStrategy, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MultiSelectionStrategy });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MultiSelectionStrategy, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MultiSelectionStrategy });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MultiSelectionStrategy, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MultiSelectionStrategy, decorators: [{
             type: Injectable
         }] });
 
@@ -2177,10 +2230,10 @@ class WeekSelectionStrategy extends CalendarSelectionStrategy {
         const end = this.dateAdapter.addDays(start, 6);
         return { start, end };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: WeekSelectionStrategy, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: WeekSelectionStrategy });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: WeekSelectionStrategy, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: WeekSelectionStrategy });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: WeekSelectionStrategy, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: WeekSelectionStrategy, decorators: [{
             type: Injectable
         }] });
 
@@ -2260,7 +2313,8 @@ class CalendarComponent {
     injectedStrategy = inject(CALENDAR_SELECTION_STRATEGY, {
         optional: true,
     });
-    monthViews = viewChildren(MonthViewComponent, ...(ngDevMode ? [{ debugName: "monthViews" }] : /* istanbul ignore next */ []));
+    monthViews = viewChildren(MonthViewComponent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "monthViews" }] : /* istanbul ignore next */ []));
     /**
      * Built-in strategies instantiated lazily in the host's injection context so
      * `inject(DATE_ADAPTER)` calls inside each strategy resolve. Range state will
@@ -2276,28 +2330,38 @@ class CalendarComponent {
     // Public inputs (§33.1)
     // ---------------------------------------------------------------------------
     /** Selection mode (§5). Changing this at runtime clears the value and emits `modeChange`. */
-    mode = model('single', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    modeInput = input('single', { ...(ngDevMode ? { debugName: "modeInput" } : /* istanbul ignore next */ {}), alias: 'mode' });
+    mode = linkedSignal(this.modeInput, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
     /**
      * Consumer-bound value. Shape narrows by `M`: `D | null` for single,
      * `D[]` for multiple, `{ start; end }` for range.
      */
-    value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    valueInput = input(null, { ...(ngDevMode ? { debugName: "valueInput" } : /* istanbul ignore next */ {}), alias: 'value' });
+    value = linkedSignal(this.valueInput, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     /** Anchor date for the displayed view. Defaults to today on mount. */
-    startAt = input(null, ...(ngDevMode ? [{ debugName: "startAt" }] : /* istanbul ignore next */ []));
+    startAt = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "startAt" }] : /* istanbul ignore next */ []));
     /** Minimum selectable date. */
-    minDate = input(null, ...(ngDevMode ? [{ debugName: "minDate" }] : /* istanbul ignore next */ []));
+    minDate = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "minDate" }] : /* istanbul ignore next */ []));
     /** Maximum selectable date. */
-    maxDate = input(null, ...(ngDevMode ? [{ debugName: "maxDate" }] : /* istanbul ignore next */ []));
+    maxDate = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxDate" }] : /* istanbul ignore next */ []));
     /** Per-date predicate — return `false` to disable. */
-    dateFilter = input(null, ...(ngDevMode ? [{ debugName: "dateFilter" }] : /* istanbul ignore next */ []));
+    dateFilter = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dateFilter" }] : /* istanbul ignore next */ []));
     /**
      * Explicitly disabled dates (§10.1). Either an array (each entry compared via
      * `adapter.sameDate`) or a predicate returning `true` for disabled dates.
      * OR-combined with `dateFilter`, `disabledDaysOfWeek`, and `[minDate, maxDate]`.
      */
-    disabledDates = input(null, ...(ngDevMode ? [{ debugName: "disabledDates" }] : /* istanbul ignore next */ []));
+    disabledDates = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabledDates" }] : /* istanbul ignore next */ []));
     /** Days of the week to disable (0=Sun … 6=Sat). Empty array = no day-of-week disabling. */
-    disabledDaysOfWeek = input([], ...(ngDevMode ? [{ debugName: "disabledDaysOfWeek" }] : /* istanbul ignore next */ []));
+    disabledDaysOfWeek = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabledDaysOfWeek" }] : /* istanbul ignore next */ []));
     /**
      * Bundle of date constraints (§10.1). Lets a consumer pass `minDate`, `maxDate`,
      * `disabledDates`, `disabledDaysOfWeek`, and `dateFilter` as a single object —
@@ -2306,67 +2370,86 @@ class CalendarComponent {
      * `disabledDaysOfWeek`, `dateFilter`) take precedence over fields here when both
      * are set non-null.
      */
-    constraints = input(null, ...(ngDevMode ? [{ debugName: "constraints" }] : /* istanbul ignore next */ []));
+    constraints = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "constraints" }] : /* istanbul ignore next */ []));
     /** Minimum range length in days, inclusive (`mode: 'range'` only). `null` = no minimum. */
-    minRangeLength = input(null, ...(ngDevMode ? [{ debugName: "minRangeLength" }] : /* istanbul ignore next */ []));
+    minRangeLength = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "minRangeLength" }] : /* istanbul ignore next */ []));
     /** Maximum range length in days, inclusive (`mode: 'range'` only). `null` = no maximum. */
-    maxRangeLength = input(null, ...(ngDevMode ? [{ debugName: "maxRangeLength" }] : /* istanbul ignore next */ []));
+    maxRangeLength = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxRangeLength" }] : /* istanbul ignore next */ []));
     /** Maximum number of selections in `mode: 'multiple'`. `null` = unlimited. */
-    maxSelections = input(null, ...(ngDevMode ? [{ debugName: "maxSelections" }] : /* istanbul ignore next */ []));
+    maxSelections = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxSelections" }] : /* istanbul ignore next */ []));
     /**
      * What happens when the user tries to select past `maxSelections` (§10.1).
      * `'emit-limit-reached'` (default) emits `selectionLimitReached` and ignores
      * the click; `'replace-oldest'` drops the first entry; `'ignore'` is silent.
      */
-    maxSelectionBehavior = input('emit-limit-reached', ...(ngDevMode ? [{ debugName: "maxSelectionBehavior" }] : /* istanbul ignore next */ []));
+    maxSelectionBehavior = input('emit-limit-reached', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxSelectionBehavior" }] : /* istanbul ignore next */ []));
     /**
      * IDREF list for the form-error live region (§28.3). When set, the calendar
      * root carries `aria-describedby="<value>"` so screen readers read consumer-
      * rendered error messages alongside the focused cell announcement.
      */
-    errorAriaDescribedBy = input(null, ...(ngDevMode ? [{ debugName: "errorAriaDescribedBy" }] : /* istanbul ignore next */ []));
+    errorAriaDescribedBy = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "errorAriaDescribedBy" }] : /* istanbul ignore next */ []));
     /**
      * How `mode: 'range'` reacts to a click after a complete range (§21.2):
      * - `'restart'` (default): start a new range with the clicked cell, emit `selectionRestart`.
      * - `'nearest-edge'`: move the closer endpoint (start vs end) to the clicked date and re-commit (§21.3); emits `selectionComplete({reason: 'nearest-edge'})`.
      * - `'require-clear'`: ignore the click + flash the cell as invalid (`data-state-invalid-flash`); user must call `clear()` first.
      */
-    rangeClickBehavior = input('restart', ...(ngDevMode ? [{ debugName: "rangeClickBehavior" }] : /* istanbul ignore next */ []));
+    rangeClickBehavior = input('restart', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rangeClickBehavior" }] : /* istanbul ignore next */ []));
     /**
      * Range-mode behavior knobs. Accepts a partial object — unset fields use the
      * defaults documented on each property of `RangeBehaviorConfig`. Defaults:
      * `{ allowSingleDayRange: true, persistPartialRange: true, allowBackwardRange: false, disableRangesCrossingDisabledDates: false }`.
      */
-    rangeBehavior = input({}, ...(ngDevMode ? [{ debugName: "rangeBehavior" }] : /* istanbul ignore next */ []));
+    rangeBehavior = input({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rangeBehavior" }] : /* istanbul ignore next */ []));
     /** Function producing per-cell CSS classes. */
-    dateClass = input(null, ...(ngDevMode ? [{ debugName: "dateClass" }] : /* istanbul ignore next */ []));
+    dateClass = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dateClass" }] : /* istanbul ignore next */ []));
     /** When `true`, the calendar renders with a border and a soft shadow. */
-    bordered = input(true, ...(ngDevMode ? [{ debugName: "bordered" }] : /* istanbul ignore next */ []));
+    bordered = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "bordered" }] : /* istanbul ignore next */ []));
     /** Which view opens first. Defaults to `'day'`. Phase 8 will derive the default from `rangeGranularity`. */
-    startView = input('day', ...(ngDevMode ? [{ debugName: "startView" }] : /* istanbul ignore next */ []));
+    startView = input('day', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "startView" }] : /* istanbul ignore next */ []));
     /** Override first day of week (0=Sun, 1=Mon). Falls back to the adapter's default. */
-    firstDayOfWeek = input(null, ...(ngDevMode ? [{ debugName: "firstDayOfWeek" }] : /* istanbul ignore next */ []));
+    firstDayOfWeek = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "firstDayOfWeek" }] : /* istanbul ignore next */ []));
     /**
      * Number of months to display side-by-side (1 or 2). Phase 9 replaces this with a
      * full `numberOfMonths: 1..12+` surface (§23).
      */
-    monthColumns = input(1, ...(ngDevMode ? [{ debugName: "monthColumns" }] : /* istanbul ignore next */ []));
+    monthColumns = input(1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "monthColumns" }] : /* istanbul ignore next */ []));
     /** Disabled state. Merged with any `setDisabledState` call from a bound form control via `effectiveDisabled`. */
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    disabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     /** Read-only state (§33.1). When `true`, focus and keyboard navigation still work but selections cannot be committed. */
-    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    readonly = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
     /** How a form reset restores internal state (§6.5). `'full'` (default) also restores view + active-date; `'value-only'` clears the draft but leaves navigation where the user left it. */
-    resetBehavior = input('full', ...(ngDevMode ? [{ debugName: "resetBehavior" }] : /* istanbul ignore next */ []));
+    resetBehavior = input('full', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resetBehavior" }] : /* istanbul ignore next */ []));
     /** Optional cell-content template. */
-    cellTemplate = input(null, ...(ngDevMode ? [{ debugName: "cellTemplate" }] : /* istanbul ignore next */ []));
+    cellTemplate = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cellTemplate" }] : /* istanbul ignore next */ []));
     /** Per-instance locale override. Falls back to Angular `LOCALE_ID` when `null` (§19.1). */
-    locale = input(null, ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    locale = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
     /**
      * Per-instance `CalendarIntl` override (§19.4). Per-field merge — unspecified
      * fields inherit the DI-provided default. Pass a partial bag (e.g. one of the
      * shipped locale packs `de`, `fr`, `es`, `pt`, `ja`) or a full custom instance.
      */
-    intl = input(null, ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
+    intl = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
     // ---------------------------------------------------------------------------
     // Public outputs (§33.2). Outputs reachable only in overlay mode (opened/closed)
     // or through constraint-aware preview (rangePreview `invalidPreview`) are declared
@@ -2406,37 +2489,50 @@ class CalendarComponent {
     // Internal writable state (§8.1)
     // ---------------------------------------------------------------------------
     /** In-flight draft during range SELECTING. `null` in other states (§8.1). */
-    internalDraftValue = signal(null, ...(ngDevMode ? [{ debugName: "internalDraftValue" }] : /* istanbul ignore next */ []));
+    internalDraftValue = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "internalDraftValue" }] : /* istanbul ignore next */ []));
     /** Current selection lifecycle state. */
-    _selectionState = signal('EMPTY', ...(ngDevMode ? [{ debugName: "_selectionState" }] : /* istanbul ignore next */ []));
+    _selectionState = signal('EMPTY', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_selectionState" }] : /* istanbul ignore next */ []));
     /** Current view (writable for drill). Tracks `startView` until the user drills. */
-    _viewState = linkedSignal(() => this.startView(), ...(ngDevMode ? [{ debugName: "_viewState" }] : /* istanbul ignore next */ []));
+    _viewState = linkedSignal(() => this.startView(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_viewState" }] : /* istanbul ignore next */ []));
     /**
      * Active (focused) date. `linkedSignal` so changes to `startAt` at runtime update
      * the anchor, but internal navigation can still write it independently.
      */
-    _activeDate = linkedSignal(() => this.startAt() ?? this.dateAdapter.today(), ...(ngDevMode ? [{ debugName: "_activeDate" }] : /* istanbul ignore next */ []));
+    _activeDate = linkedSignal(() => this.startAt() ?? this.dateAdapter.today(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_activeDate" }] : /* istanbul ignore next */ []));
     /** Pointer-hover date (desktop only). */
-    _hoveredDate = signal(null, ...(ngDevMode ? [{ debugName: "_hoveredDate" }] : /* istanbul ignore next */ []));
+    _hoveredDate = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_hoveredDate" }] : /* istanbul ignore next */ []));
     /** Overlay state. Always `'closed'` in inline mode until Phase 10 wires the lifecycle. */
-    _overlayState = signal('closed', ...(ngDevMode ? [{ debugName: "_overlayState" }] : /* istanbul ignore next */ []));
+    _overlayState = signal('closed', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_overlayState" }] : /* istanbul ignore next */ []));
     /** Preset selection id. Phase 12 writes this. */
-    _selectedPresetId = signal(null, ...(ngDevMode ? [{ debugName: "_selectedPresetId" }] : /* istanbul ignore next */ []));
+    _selectedPresetId = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_selectedPresetId" }] : /* istanbul ignore next */ []));
     /** Raw `TOut` retained when `fromForm` throws (§7.6, Phase 14). `null` otherwise. */
-    _lastInvalidFormValue = signal(null, ...(ngDevMode ? [{ debugName: "_lastInvalidFormValue" }] : /* istanbul ignore next */ []));
+    _lastInvalidFormValue = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_lastInvalidFormValue" }] : /* istanbul ignore next */ []));
     // ---------------------------------------------------------------------------
     // Public readonly signals (§33.3)
     // ---------------------------------------------------------------------------
     /** Overlay lifecycle. `null` until `interaction: 'overlay'` lands in Phase 10; until then the implementation signal is exposed as `'closed'`. */
-    overlayState = computed(() => this._overlayState(), ...(ngDevMode ? [{ debugName: "overlayState" }] : /* istanbul ignore next */ []));
+    overlayState = computed(() => this._overlayState(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "overlayState" }] : /* istanbul ignore next */ []));
     /** Selection lifecycle per §8. */
-    selectionState = computed(() => this._selectionState(), ...(ngDevMode ? [{ debugName: "selectionState" }] : /* istanbul ignore next */ []));
+    selectionState = computed(() => this._selectionState(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectionState" }] : /* istanbul ignore next */ []));
     /** Active (focused) cell. `null` when the overlay is closed and no inline focus is established; in inline mode this is always the current anchor. */
-    activeDate = computed(() => this._activeDate(), ...(ngDevMode ? [{ debugName: "activeDate" }] : /* istanbul ignore next */ []));
+    activeDate = computed(() => this._activeDate(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activeDate" }] : /* istanbul ignore next */ []));
     /** Currently selected preset id. */
-    selectedPresetId = computed(() => this._selectedPresetId(), ...(ngDevMode ? [{ debugName: "selectedPresetId" }] : /* istanbul ignore next */ []));
+    selectedPresetId = computed(() => this._selectedPresetId(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedPresetId" }] : /* istanbul ignore next */ []));
     /** Current view state (day / month / year). */
-    viewState = computed(() => this._viewState(), ...(ngDevMode ? [{ debugName: "viewState" }] : /* istanbul ignore next */ []));
+    viewState = computed(() => this._viewState(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "viewState" }] : /* istanbul ignore next */ []));
     /** Months currently rendered. Phase 9 extends this to the full responsive count. */
     displayedMonths = computed(() => {
         const active = this._activeDate();
@@ -2454,9 +2550,11 @@ class CalendarComponent {
                 month: this.dateAdapter.getMonth(secondary),
             },
         ];
-    }, ...(ngDevMode ? [{ debugName: "displayedMonths" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayedMonths" }] : /* istanbul ignore next */ []));
     /** Raw form value rejected by the transformer's `fromForm` (§7.6, §33.3). */
-    lastInvalidFormValue = computed(() => this._lastInvalidFormValue(), ...(ngDevMode ? [{ debugName: "lastInvalidFormValue" }] : /* istanbul ignore next */ []));
+    lastInvalidFormValue = computed(() => this._lastInvalidFormValue(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "lastInvalidFormValue" }] : /* istanbul ignore next */ []));
     // ---------------------------------------------------------------------------
     // ControlValueAccessor + Validator (Phase 3)
     // ---------------------------------------------------------------------------
@@ -2468,16 +2566,20 @@ class CalendarComponent {
      * by the Signal Forms mode directives. OR-merged with the public `disabled`
      * input into `effectiveDisabled`.
      */
-    cvaDisabled = signal(false, ...(ngDevMode ? [{ debugName: "cvaDisabled" }] : /* istanbul ignore next */ []));
+    cvaDisabled = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cvaDisabled" }] : /* istanbul ignore next */ []));
     /**
      * @internal Read-only state set by the Signal Forms mode directives. OR-merged
      * with the public `readonly` input into `effectiveReadonly`.
      */
-    cvaReadonly = signal(false, ...(ngDevMode ? [{ debugName: "cvaReadonly" }] : /* istanbul ignore next */ []));
+    cvaReadonly = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cvaReadonly" }] : /* istanbul ignore next */ []));
     /** Effective disabled state — public `disabled` input OR any form-bound disabled flip. Drives `aria-disabled`. */
-    effectiveDisabled = computed(() => this.disabled() || this.cvaDisabled(), ...(ngDevMode ? [{ debugName: "effectiveDisabled" }] : /* istanbul ignore next */ []));
+    effectiveDisabled = computed(() => this.disabled() || this.cvaDisabled(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectiveDisabled" }] : /* istanbul ignore next */ []));
     /** Effective read-only state — public `readonly` input OR any form-bound readonly flip. Drives `aria-readonly`. */
-    effectiveReadonly = computed(() => this.readonly() || this.cvaReadonly(), ...(ngDevMode ? [{ debugName: "effectiveReadonly" }] : /* istanbul ignore next */ []));
+    effectiveReadonly = computed(() => this.readonly() || this.cvaReadonly(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectiveReadonly" }] : /* istanbul ignore next */ []));
     /**
      * @internal Resolved range-behavior config. Merges the consumer-supplied
      * `Partial<RangeBehaviorConfig>` over the documented defaults so internal
@@ -2489,7 +2591,8 @@ class CalendarComponent {
         persistPartialRange: true,
         disableRangesCrossingDisabledDates: false,
         ...this.rangeBehavior(),
-    }), ...(ngDevMode ? [{ debugName: "_resolvedRangeBehavior" }] : /* istanbul ignore next */ []));
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_resolvedRangeBehavior" }] : /* istanbul ignore next */ []));
     /** @internal Dev-mode warning guard so each mismatched write warns only once per instance. */
     _warnedShapeMismatch = false;
     /** @internal Set by `writeValue`; read by the `FormResetEvent` handler so it can emit `selectionCleared({reason: 'reset'})` only when a non-empty value was on the control before the reset cleared it. */
@@ -2702,9 +2805,11 @@ class CalendarComponent {
         const merged = Object.create(Object.getPrototypeOf(this.injectedIntl));
         Object.assign(merged, this.injectedIntl, override);
         return merged;
-    }, ...(ngDevMode ? [{ debugName: "effectiveIntl" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectiveIntl" }] : /* istanbul ignore next */ []));
     /** Effective locale — `locale` input wins, otherwise Angular `LOCALE_ID`. */
-    effectiveLocale = computed(() => this.locale() ?? this.platformLocale, ...(ngDevMode ? [{ debugName: "effectiveLocale" }] : /* istanbul ignore next */ []));
+    effectiveLocale = computed(() => this.locale() ?? this.platformLocale, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectiveLocale" }] : /* istanbul ignore next */ []));
     /**
      * Active strategy for single/multiple/range. Injected strategies (custom) win.
      * Range state will migrate into this component in Phase 6; for now we reuse
@@ -2719,28 +2824,33 @@ class CalendarComponent {
         if (m === 'multiple')
             return this.localStrategies.multiple;
         return this.localStrategies.single;
-    }, ...(ngDevMode ? [{ debugName: "selectionStrategy" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectionStrategy" }] : /* istanbul ignore next */ []));
     /** Computed first-day-of-week (input override wins over adapter default). */
     computedFirstDayOfWeek = computed(() => {
         const override = this.firstDayOfWeek();
         if (override !== null && override >= 0 && override <= 6)
             return override;
         return this.dateAdapter.getFirstDayOfWeek();
-    }, ...(ngDevMode ? [{ debugName: "computedFirstDayOfWeek" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "computedFirstDayOfWeek" }] : /* istanbul ignore next */ []));
     /** Resolves the configured `monthColumns` value. Range-mode consumers pass `2` explicitly. */
-    effectiveMonthColumns = computed(() => this.monthColumns(), ...(ngDevMode ? [{ debugName: "effectiveMonthColumns" }] : /* istanbul ignore next */ []));
+    effectiveMonthColumns = computed(() => this.monthColumns(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectiveMonthColumns" }] : /* istanbul ignore next */ []));
     /**
      * @internal Drives `aria-multiselectable` on every view grid. `true` when the
      * current `mode` allows more than one cell to be selected at a time
      * (`'multiple'` or `'range'`); `false` for `'single'`.
      */
-    multiSelectable = computed(() => this.mode() !== 'single', ...(ngDevMode ? [{ debugName: "multiSelectable" }] : /* istanbul ignore next */ []));
+    multiSelectable = computed(() => this.mode() !== 'single', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "multiSelectable" }] : /* istanbul ignore next */ []));
     /** Secondary anchor for the right-hand grid in multi-column mode. */
     secondaryActiveDate = computed(() => {
         if (this.effectiveMonthColumns() < 2)
             return null;
         return this.dateAdapter.addMonths(this._activeDate(), 1);
-    }, ...(ngDevMode ? [{ debugName: "secondaryActiveDate" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "secondaryActiveDate" }] : /* istanbul ignore next */ []));
     /**
      * Phase 6 — preview cursor. Pointer hover wins; falls back to `activeDate`
      * when SELECTING so keyboard arrow-key moves drive the same preview path
@@ -2754,7 +2864,8 @@ class CalendarComponent {
         if (this._selectionState() === 'SELECTING')
             return this._activeDate();
         return null;
-    }, ...(ngDevMode ? [{ debugName: "previewCursor" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "previewCursor" }] : /* istanbul ignore next */ []));
     /**
      * Preview range. Driven by the strategy and the `previewCursor` (hover or
      * keyboard active-date during SELECTING).
@@ -2764,7 +2875,8 @@ class CalendarComponent {
         const cursor = this.previewCursor();
         const source = this.strategySelection();
         return strategy.createPreview(cursor, source);
-    }, ...(ngDevMode ? [{ debugName: "previewRange" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "previewRange" }] : /* istanbul ignore next */ []));
     /**
      * Adapter-compatible view of the current selection.
      * For range: a `{ start, end }` view of either the committed value or the in-flight draft.
@@ -2783,18 +2895,24 @@ class CalendarComponent {
             return v ?? null;
         }
         return v;
-    }, ...(ngDevMode ? [{ debugName: "strategySelection" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "strategySelection" }] : /* istanbul ignore next */ []));
     /** Adapter-compatible view exposed to the view components. */
-    legacySelected = computed(() => this.strategySelection(), ...(ngDevMode ? [{ debugName: "legacySelected" }] : /* istanbul ignore next */ []));
+    legacySelected = computed(() => this.strategySelection(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "legacySelected" }] : /* istanbul ignore next */ []));
     variantResult = computed(() => calendarVariants({
         bordered: this.bordered(),
         columns: (this.effectiveMonthColumns() >= 2 ? 2 : 1),
-    }), ...(ngDevMode ? [{ debugName: "variantResult" }] : /* istanbul ignore next */ []));
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variantResult" }] : /* istanbul ignore next */ []));
     /** @internal */
-    rootClasses = computed(() => this.variantResult().root(), ...(ngDevMode ? [{ debugName: "rootClasses" }] : /* istanbul ignore next */ []));
+    rootClasses = computed(() => this.variantResult().root(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rootClasses" }] : /* istanbul ignore next */ []));
     /** @internal */
-    monthsClasses = computed(() => this.variantResult().months(), ...(ngDevMode ? [{ debugName: "monthsClasses" }] : /* istanbul ignore next */ []));
-    monthNames = computed(() => this.dateAdapter.getMonthNames('long'), ...(ngDevMode ? [{ debugName: "monthNames" }] : /* istanbul ignore next */ []));
+    monthsClasses = computed(() => this.variantResult().months(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "monthsClasses" }] : /* istanbul ignore next */ []));
+    monthNames = computed(() => this.dateAdapter.getMonthNames('long'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "monthNames" }] : /* istanbul ignore next */ []));
     /** @internal */
     periodLabel = computed(() => {
         const date = this._activeDate();
@@ -2822,7 +2940,8 @@ class CalendarComponent {
                 return `${startYear} – ${startYear + YEARS_PER_PAGE - 1}`;
             }
         }
-    }, ...(ngDevMode ? [{ debugName: "periodLabel" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "periodLabel" }] : /* istanbul ignore next */ []));
     /** @internal */
     periodAriaLabel = computed(() => {
         const view = this._viewState();
@@ -2836,7 +2955,8 @@ class CalendarComponent {
             case 'year':
                 return label;
         }
-    }, ...(ngDevMode ? [{ debugName: "periodAriaLabel" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "periodAriaLabel" }] : /* istanbul ignore next */ []));
     /** @internal */
     prevAriaLabel = computed(() => {
         const intl = this.effectiveIntl();
@@ -2848,7 +2968,8 @@ class CalendarComponent {
             case 'year':
                 return intl.previousYearsLabel(YEARS_PER_PAGE);
         }
-    }, ...(ngDevMode ? [{ debugName: "prevAriaLabel" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "prevAriaLabel" }] : /* istanbul ignore next */ []));
     /** @internal */
     nextAriaLabel = computed(() => {
         const intl = this.effectiveIntl();
@@ -2860,7 +2981,8 @@ class CalendarComponent {
             case 'year':
                 return intl.nextYearsLabel(YEARS_PER_PAGE);
         }
-    }, ...(ngDevMode ? [{ debugName: "nextAriaLabel" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "nextAriaLabel" }] : /* istanbul ignore next */ []));
     /** @internal */
     prevDisabled = computed(() => {
         const date = this._activeDate();
@@ -2883,7 +3005,8 @@ class CalendarComponent {
                 return isYearDisabled(startYear - 1, minDate, null, this.dateAdapter);
             }
         }
-    }, ...(ngDevMode ? [{ debugName: "prevDisabled" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "prevDisabled" }] : /* istanbul ignore next */ []));
     /** @internal */
     nextDisabled = computed(() => {
         const date = this._activeDate();
@@ -2906,7 +3029,8 @@ class CalendarComponent {
                 return isYearDisabled(startYear + YEARS_PER_PAGE, null, maxDate, this.dateAdapter);
             }
         }
-    }, ...(ngDevMode ? [{ debugName: "nextDisabled" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "nextDisabled" }] : /* istanbul ignore next */ []));
     // ---------------------------------------------------------------------------
     // Public methods (§33.4)
     // ---------------------------------------------------------------------------
@@ -2965,21 +3089,58 @@ class CalendarComponent {
         this._viewState.set(this.startView());
         this._activeDate.set(this.startAt() ?? this.dateAdapter.today());
     }
-    /** Revalidates constraints + cell filters (Phase 4 wires it). */
+    /**
+     * Re-runs validation against the current constraints and cell filters.
+     *
+     * Call this after mutating a constraint imperatively (rather than through an
+     * input binding), so the bound control's errors reflect the new rules.
+     */
     revalidate() {
-        // No-op until Phase 4 introduces the validator.
+        // The comment this replaced claimed the validator did not exist yet. It
+        // does — `validate()` emits the constraint codes — so the method was a
+        // documented no-op sitting next to a working validator.
+        this.validatorOnChange();
     }
-    /** Opens the overlay. Phase 10 wires the CDK overlay; inline mode is a no-op. */
+    /**
+     * Opens the overlay.
+     *
+     * @deprecated Not implemented. `tw-calendar` is inline-only today; the overlay
+     * is part of the phased v1 cutover. Use `tw-date-picker` or
+     * `tw-date-range-picker` for an overlay-mounted calendar. Throws in dev mode.
+     */
     open() {
-        // Phase 10.
+        this.warnOverlayUnsupported('open');
     }
-    /** Closes the overlay. */
+    /**
+     * Closes the overlay.
+     *
+     * @deprecated Not implemented — see {@link open}. Throws in dev mode.
+     */
     close() {
-        // Phase 10.
+        this.warnOverlayUnsupported('close');
     }
-    /** Toggles the overlay. */
+    /**
+     * Toggles the overlay.
+     *
+     * @deprecated Not implemented — see {@link open}. Throws in dev mode.
+     */
     toggle() {
-        // Phase 10.
+        this.warnOverlayUnsupported('toggle');
+    }
+    /**
+     * Fails loudly in development for the unimplemented overlay API.
+     *
+     * These three shipped as silent no-ops with JSDoc that described them as
+     * working ("Closes the overlay."), which Compodoc rendered straight into the
+     * published API table. A consumer calling `calendar.open()` got no overlay, no
+     * error, and no clue. Dev-mode throw turns that into an immediate, explainable
+     * failure while leaving production builds untouched.
+     */
+    warnOverlayUnsupported(method) {
+        if (typeof ngDevMode !== 'undefined' && ngDevMode) {
+            throw new Error(`[ngx-tw] CalendarComponent.${method}() is not implemented — tw-calendar is inline-only. ` +
+                `Use tw-date-picker or tw-date-range-picker for an overlay-mounted calendar.`);
+        }
     }
     /** Imperatively focuses the currently active cell. */
     focusActiveCell() {
@@ -3138,20 +3299,25 @@ class CalendarComponent {
      * else `null`. Used by every internal min-date reader so the shorthand input is
      * transparent to the rest of the component.
      */
-    resolvedMinDate = computed(() => this.minDate() ?? this.constraints()?.minDate ?? null, ...(ngDevMode ? [{ debugName: "resolvedMinDate" }] : /* istanbul ignore next */ []));
+    resolvedMinDate = computed(() => this.minDate() ?? this.constraints()?.minDate ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedMinDate" }] : /* istanbul ignore next */ []));
     /** Resolved `maxDate` — individual input wins, then `constraints.maxDate`, else `null`. */
-    resolvedMaxDate = computed(() => this.maxDate() ?? this.constraints()?.maxDate ?? null, ...(ngDevMode ? [{ debugName: "resolvedMaxDate" }] : /* istanbul ignore next */ []));
+    resolvedMaxDate = computed(() => this.maxDate() ?? this.constraints()?.maxDate ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedMaxDate" }] : /* istanbul ignore next */ []));
     /** Resolved `disabledDates` — individual input wins, then `constraints.disabledDates`, else `null`. */
-    resolvedDisabledDates = computed(() => this.disabledDates() ?? this.constraints()?.disabledDates ?? null, ...(ngDevMode ? [{ debugName: "resolvedDisabledDates" }] : /* istanbul ignore next */ []));
+    resolvedDisabledDates = computed(() => this.disabledDates() ?? this.constraints()?.disabledDates ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedDisabledDates" }] : /* istanbul ignore next */ []));
     /** Resolved `disabledDaysOfWeek` — individual input wins (when non-empty), then `constraints.disabledDaysOfWeek`, else `[]`. */
     resolvedDisabledDaysOfWeek = computed(() => {
         const own = this.disabledDaysOfWeek();
         if (own.length > 0)
             return own;
         return this.constraints()?.disabledDaysOfWeek ?? [];
-    }, ...(ngDevMode ? [{ debugName: "resolvedDisabledDaysOfWeek" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedDisabledDaysOfWeek" }] : /* istanbul ignore next */ []));
     /** Resolved `dateFilter` — individual input wins, then `constraints.dateFilter`, else `null`. */
-    resolvedDateFilter = computed(() => this.dateFilter() ?? this.constraints()?.dateFilter ?? null, ...(ngDevMode ? [{ debugName: "resolvedDateFilter" }] : /* istanbul ignore next */ []));
+    resolvedDateFilter = computed(() => this.dateFilter() ?? this.constraints()?.dateFilter ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedDateFilter" }] : /* istanbul ignore next */ []));
     /** Aggregated, resolved constraint inputs — passed to the resolver and validator. */
     resolvedConstraints = computed(() => ({
         minDate: this.resolvedMinDate(),
@@ -3159,7 +3325,8 @@ class CalendarComponent {
         disabledDates: this.resolvedDisabledDates(),
         disabledDaysOfWeek: this.resolvedDisabledDaysOfWeek(),
         dateFilter: this.resolvedDateFilter(),
-    }), ...(ngDevMode ? [{ debugName: "resolvedConstraints" }] : /* istanbul ignore next */ []));
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedConstraints" }] : /* istanbul ignore next */ []));
     /** @internal — month-view cell activation (drill-down to day). */
     onMonthSelected(date) {
         this._activeDate.set(date);
@@ -3213,9 +3380,11 @@ class CalendarComponent {
     //                       'require-clear'  → no-op + invalid-flash on the clicked cell
     // ---------------------------------------------------------------------------
     /** @internal Last invalidly-clicked date, cleared after ~200ms — drives `data-state-invalid-flash`. */
-    _invalidFlashDate = signal(null, ...(ngDevMode ? [{ debugName: "_invalidFlashDate" }] : /* istanbul ignore next */ []));
+    _invalidFlashDate = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_invalidFlashDate" }] : /* istanbul ignore next */ []));
     /** Public read of the transient invalid-flash anchor. Views consume this and tag the matching cell. */
-    invalidFlashDate = computed(() => this._invalidFlashDate(), ...(ngDevMode ? [{ debugName: "invalidFlashDate" }] : /* istanbul ignore next */ []));
+    invalidFlashDate = computed(() => this._invalidFlashDate(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "invalidFlashDate" }] : /* istanbul ignore next */ []));
     commitRangeClick(date) {
         const draft = this.internalDraftValue();
         const state = this._selectionState();
@@ -3500,8 +3669,8 @@ class CalendarComponent {
     formatDate(date) {
         return this.dateAdapter.format(date, { dateTimeFormat: { dateStyle: 'full' } });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: CalendarComponent, isStandalone: true, selector: "tw-calendar", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, startAt: { classPropertyName: "startAt", publicName: "startAt", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", isSignal: true, isRequired: false, transformFunction: null }, disabledDates: { classPropertyName: "disabledDates", publicName: "disabledDates", isSignal: true, isRequired: false, transformFunction: null }, disabledDaysOfWeek: { classPropertyName: "disabledDaysOfWeek", publicName: "disabledDaysOfWeek", isSignal: true, isRequired: false, transformFunction: null }, constraints: { classPropertyName: "constraints", publicName: "constraints", isSignal: true, isRequired: false, transformFunction: null }, minRangeLength: { classPropertyName: "minRangeLength", publicName: "minRangeLength", isSignal: true, isRequired: false, transformFunction: null }, maxRangeLength: { classPropertyName: "maxRangeLength", publicName: "maxRangeLength", isSignal: true, isRequired: false, transformFunction: null }, maxSelections: { classPropertyName: "maxSelections", publicName: "maxSelections", isSignal: true, isRequired: false, transformFunction: null }, maxSelectionBehavior: { classPropertyName: "maxSelectionBehavior", publicName: "maxSelectionBehavior", isSignal: true, isRequired: false, transformFunction: null }, errorAriaDescribedBy: { classPropertyName: "errorAriaDescribedBy", publicName: "errorAriaDescribedBy", isSignal: true, isRequired: false, transformFunction: null }, rangeClickBehavior: { classPropertyName: "rangeClickBehavior", publicName: "rangeClickBehavior", isSignal: true, isRequired: false, transformFunction: null }, rangeBehavior: { classPropertyName: "rangeBehavior", publicName: "rangeBehavior", isSignal: true, isRequired: false, transformFunction: null }, dateClass: { classPropertyName: "dateClass", publicName: "dateClass", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, startView: { classPropertyName: "startView", publicName: "startView", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, monthColumns: { classPropertyName: "monthColumns", publicName: "monthColumns", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, resetBehavior: { classPropertyName: "resetBehavior", publicName: "resetBehavior", isSignal: true, isRequired: false, transformFunction: null }, cellTemplate: { classPropertyName: "cellTemplate", publicName: "cellTemplate", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange", value: "valueChange", valueChange: "valueChange", selectionStart: "selectionStart", rangePreview: "rangePreview", selectionComplete: "selectionComplete", selectionRestart: "selectionRestart", selectionCleared: "selectionCleared", selectionLimitReached: "selectionLimitReached", presetChange: "presetChange", viewChange: "viewChange", activeDateChange: "activeDateChange", monthChange: "monthChange", yearChange: "yearChange", cellClick: "cellClick", cellHover: "cellHover", modeChange: "modeChange" }, host: { listeners: { "focusout": "onBlur($event)" }, properties: { "attr.aria-disabled": "effectiveDisabled() || null", "attr.aria-readonly": "effectiveReadonly() || null", "attr.aria-describedby": "errorAriaDescribedBy() || null" }, classAttribute: "block" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: CalendarComponent, isStandalone: true, selector: "tw-calendar", inputs: { modeInput: { classPropertyName: "modeInput", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, valueInput: { classPropertyName: "valueInput", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, startAt: { classPropertyName: "startAt", publicName: "startAt", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", isSignal: true, isRequired: false, transformFunction: null }, disabledDates: { classPropertyName: "disabledDates", publicName: "disabledDates", isSignal: true, isRequired: false, transformFunction: null }, disabledDaysOfWeek: { classPropertyName: "disabledDaysOfWeek", publicName: "disabledDaysOfWeek", isSignal: true, isRequired: false, transformFunction: null }, constraints: { classPropertyName: "constraints", publicName: "constraints", isSignal: true, isRequired: false, transformFunction: null }, minRangeLength: { classPropertyName: "minRangeLength", publicName: "minRangeLength", isSignal: true, isRequired: false, transformFunction: null }, maxRangeLength: { classPropertyName: "maxRangeLength", publicName: "maxRangeLength", isSignal: true, isRequired: false, transformFunction: null }, maxSelections: { classPropertyName: "maxSelections", publicName: "maxSelections", isSignal: true, isRequired: false, transformFunction: null }, maxSelectionBehavior: { classPropertyName: "maxSelectionBehavior", publicName: "maxSelectionBehavior", isSignal: true, isRequired: false, transformFunction: null }, errorAriaDescribedBy: { classPropertyName: "errorAriaDescribedBy", publicName: "errorAriaDescribedBy", isSignal: true, isRequired: false, transformFunction: null }, rangeClickBehavior: { classPropertyName: "rangeClickBehavior", publicName: "rangeClickBehavior", isSignal: true, isRequired: false, transformFunction: null }, rangeBehavior: { classPropertyName: "rangeBehavior", publicName: "rangeBehavior", isSignal: true, isRequired: false, transformFunction: null }, dateClass: { classPropertyName: "dateClass", publicName: "dateClass", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, startView: { classPropertyName: "startView", publicName: "startView", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, monthColumns: { classPropertyName: "monthColumns", publicName: "monthColumns", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, resetBehavior: { classPropertyName: "resetBehavior", publicName: "resetBehavior", isSignal: true, isRequired: false, transformFunction: null }, cellTemplate: { classPropertyName: "cellTemplate", publicName: "cellTemplate", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", selectionStart: "selectionStart", rangePreview: "rangePreview", selectionComplete: "selectionComplete", selectionRestart: "selectionRestart", selectionCleared: "selectionCleared", selectionLimitReached: "selectionLimitReached", presetChange: "presetChange", viewChange: "viewChange", activeDateChange: "activeDateChange", monthChange: "monthChange", yearChange: "yearChange", cellClick: "cellClick", cellHover: "cellHover", modeChange: "modeChange" }, host: { listeners: { "focusout": "onBlur($event)" }, properties: { "attr.aria-disabled": "effectiveDisabled() || null", "attr.aria-readonly": "effectiveReadonly() || null", "attr.aria-describedby": "errorAriaDescribedBy() || null" }, classAttribute: "block" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => CalendarComponent),
@@ -3620,7 +3789,7 @@ class CalendarComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "component", type: CalendarHeaderComponent, selector: "tw-calendar-header", inputs: ["periodLabel", "periodAriaLabel", "prevAriaLabel", "nextAriaLabel", "prevDisabled", "nextDisabled", "canSwitchView"], outputs: ["prevClicked", "nextClicked", "periodClicked"] }, { kind: "component", type: MonthViewComponent, selector: "tw-calendar-month-view", inputs: ["firstDayOfWeek", "gridIndex"] }, { kind: "component", type: YearViewComponent, selector: "tw-calendar-year-view" }, { kind: "component", type: YearsViewComponent, selector: "tw-calendar-years-view" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CalendarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CalendarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'tw-calendar',
@@ -3758,7 +3927,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
     </div>
   `,
                 }]
-        }], ctorParameters: () => [], propDecorators: { monthViews: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => MonthViewComponent), { isSignal: true }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], startAt: [{ type: i0.Input, args: [{ isSignal: true, alias: "startAt", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], dateFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFilter", required: false }] }], disabledDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledDates", required: false }] }], disabledDaysOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledDaysOfWeek", required: false }] }], constraints: [{ type: i0.Input, args: [{ isSignal: true, alias: "constraints", required: false }] }], minRangeLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minRangeLength", required: false }] }], maxRangeLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRangeLength", required: false }] }], maxSelections: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSelections", required: false }] }], maxSelectionBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSelectionBehavior", required: false }] }], errorAriaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorAriaDescribedBy", required: false }] }], rangeClickBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "rangeClickBehavior", required: false }] }], rangeBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "rangeBehavior", required: false }] }], dateClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateClass", required: false }] }], bordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "bordered", required: false }] }], startView: [{ type: i0.Input, args: [{ isSignal: true, alias: "startView", required: false }] }], firstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstDayOfWeek", required: false }] }], monthColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "monthColumns", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], resetBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "resetBehavior", required: false }] }], cellTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellTemplate", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], selectionStart: [{ type: i0.Output, args: ["selectionStart"] }], rangePreview: [{ type: i0.Output, args: ["rangePreview"] }], selectionComplete: [{ type: i0.Output, args: ["selectionComplete"] }], selectionRestart: [{ type: i0.Output, args: ["selectionRestart"] }], selectionCleared: [{ type: i0.Output, args: ["selectionCleared"] }], selectionLimitReached: [{ type: i0.Output, args: ["selectionLimitReached"] }], presetChange: [{ type: i0.Output, args: ["presetChange"] }], viewChange: [{ type: i0.Output, args: ["viewChange"] }], activeDateChange: [{ type: i0.Output, args: ["activeDateChange"] }], monthChange: [{ type: i0.Output, args: ["monthChange"] }], yearChange: [{ type: i0.Output, args: ["yearChange"] }], cellClick: [{ type: i0.Output, args: ["cellClick"] }], cellHover: [{ type: i0.Output, args: ["cellHover"] }], modeChange: [{ type: i0.Output, args: ["modeChange"] }] } });
+        }], ctorParameters: () => [], propDecorators: { monthViews: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => MonthViewComponent), { isSignal: true }] }], modeInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], valueInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], startAt: [{ type: i0.Input, args: [{ isSignal: true, alias: "startAt", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], dateFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFilter", required: false }] }], disabledDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledDates", required: false }] }], disabledDaysOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledDaysOfWeek", required: false }] }], constraints: [{ type: i0.Input, args: [{ isSignal: true, alias: "constraints", required: false }] }], minRangeLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minRangeLength", required: false }] }], maxRangeLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRangeLength", required: false }] }], maxSelections: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSelections", required: false }] }], maxSelectionBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSelectionBehavior", required: false }] }], errorAriaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorAriaDescribedBy", required: false }] }], rangeClickBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "rangeClickBehavior", required: false }] }], rangeBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "rangeBehavior", required: false }] }], dateClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateClass", required: false }] }], bordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "bordered", required: false }] }], startView: [{ type: i0.Input, args: [{ isSignal: true, alias: "startView", required: false }] }], firstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstDayOfWeek", required: false }] }], monthColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "monthColumns", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], resetBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "resetBehavior", required: false }] }], cellTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellTemplate", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], selectionStart: [{ type: i0.Output, args: ["selectionStart"] }], rangePreview: [{ type: i0.Output, args: ["rangePreview"] }], selectionComplete: [{ type: i0.Output, args: ["selectionComplete"] }], selectionRestart: [{ type: i0.Output, args: ["selectionRestart"] }], selectionCleared: [{ type: i0.Output, args: ["selectionCleared"] }], selectionLimitReached: [{ type: i0.Output, args: ["selectionLimitReached"] }], presetChange: [{ type: i0.Output, args: ["presetChange"] }], viewChange: [{ type: i0.Output, args: ["viewChange"] }], activeDateChange: [{ type: i0.Output, args: ["activeDateChange"] }], monthChange: [{ type: i0.Output, args: ["monthChange"] }], yearChange: [{ type: i0.Output, args: ["yearChange"] }], cellClick: [{ type: i0.Output, args: ["cellClick"] }], cellHover: [{ type: i0.Output, args: ["cellHover"] }], modeChange: [{ type: i0.Output, args: ["modeChange"] }] } });
 
 function wireSignalFormsInputs(host, api) {
     // Mirror Signal Forms flags onto the component. Effects run in the
@@ -3780,35 +3949,47 @@ function wireSignalFormsInputs(host, api) {
  * template. When the mode attribute is omitted, consumers bind the component
  * directly — the CVA path handles reactive / template-driven forms.
  */
+// Selector matches the existing CalendarComponent input `mode="single"`;
+// renaming to `twMode` would break the public API. The directive is scoped
+// to the `tw-calendar` element so the unprefixed attribute is safe.
 class CalendarSingleDirective {
     host = inject(CalendarComponent, { self: true });
     /** Two-way value, forwarded to the hosting `CalendarComponent`. Signal Forms `Field` binds against this. */
     value = this.host.value;
     /** Mirrors the bound field's disabled flag. */
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    disabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     /** Mirrors the bound field's readonly flag. */
-    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    readonly = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
     /** Mirrors the bound field's required flag. */
-    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    required = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
     /** Mirrors the bound field's invalid flag. */
-    invalid = input(false, ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
+    invalid = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
     /** Mirrors the bound field's hidden flag. */
-    hidden = input(false, ...(ngDevMode ? [{ debugName: "hidden" }] : /* istanbul ignore next */ []));
+    hidden = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hidden" }] : /* istanbul ignore next */ []));
     /** Mirrors the bound field's errors. */
-    errors = input([], ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
+    errors = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
     /** Mirrors the bound field's disablement reasons. */
-    disabledReasons = input([], ...(ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []));
+    disabledReasons = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []));
     /** Two-way `touched` flag — drives and reflects the field's touched state. */
-    touched = model(false, ...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
+    touched = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
     constructor() {
         wireSignalFormsInputs(this.host, this);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CalendarSingleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: CalendarSingleDirective, isStandalone: true, selector: "tw-calendar[mode=\"single\"]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, disabledReasons: { classPropertyName: "disabledReasons", publicName: "disabledReasons", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { touched: "touchedChange" }, exportAs: ["twCalendarSingle"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CalendarSingleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: CalendarSingleDirective, isStandalone: true, selector: "tw-calendar[mode=\"single\"]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, disabledReasons: { classPropertyName: "disabledReasons", publicName: "disabledReasons", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { touched: "touchedChange" }, exportAs: ["twCalendarSingle"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CalendarSingleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CalendarSingleDirective, decorators: [{
             type: Directive,
             args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: 'tw-calendar[mode="single"]',
                     exportAs: 'twCalendarSingle',
                 }]
@@ -3817,35 +3998,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
  * Signal Forms strict binding for `CalendarComponent` in `multiple` mode.
  * Implements `FormValueControl<D[]>`.
  */
+// See note above on the single-mode directive — same rationale.
 class CalendarMultipleDirective {
     host = inject(CalendarComponent, { self: true });
     /** Two-way value, forwarded to the hosting `CalendarComponent`. Signal Forms `Field` binds against this. */
     value = this.host.value;
     /** Mirrors the bound field's disabled flag. */
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    disabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     /** Mirrors the bound field's readonly flag. */
-    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    readonly = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
     /** Mirrors the bound field's required flag. */
-    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    required = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
     /** Mirrors the bound field's invalid flag. */
-    invalid = input(false, ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
+    invalid = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
     /** Mirrors the bound field's hidden flag. */
-    hidden = input(false, ...(ngDevMode ? [{ debugName: "hidden" }] : /* istanbul ignore next */ []));
+    hidden = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hidden" }] : /* istanbul ignore next */ []));
     /** Mirrors the bound field's errors. */
-    errors = input([], ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
+    errors = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
     /** Mirrors the bound field's disablement reasons. */
-    disabledReasons = input([], ...(ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []));
+    disabledReasons = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []));
     /** Two-way `touched` flag — drives and reflects the field's touched state. */
-    touched = model(false, ...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
+    touched = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
     constructor() {
         wireSignalFormsInputs(this.host, this);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CalendarMultipleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: CalendarMultipleDirective, isStandalone: true, selector: "tw-calendar[mode=\"multiple\"]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, disabledReasons: { classPropertyName: "disabledReasons", publicName: "disabledReasons", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { touched: "touchedChange" }, exportAs: ["twCalendarMultiple"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CalendarMultipleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: CalendarMultipleDirective, isStandalone: true, selector: "tw-calendar[mode=\"multiple\"]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, disabledReasons: { classPropertyName: "disabledReasons", publicName: "disabledReasons", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { touched: "touchedChange" }, exportAs: ["twCalendarMultiple"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CalendarMultipleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CalendarMultipleDirective, decorators: [{
             type: Directive,
             args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: 'tw-calendar[mode="multiple"]',
                     exportAs: 'twCalendarMultiple',
                 }]
@@ -3854,35 +4045,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
  * Signal Forms strict binding for `CalendarComponent` in `range` mode.
  * Implements `FormValueControl<{ start: D | null; end: D | null }>`.
  */
+// See note above on the single-mode directive — same rationale.
 class CalendarRangeDirective {
     host = inject(CalendarComponent, { self: true });
     /** Two-way value, forwarded to the hosting `CalendarComponent`. Signal Forms `Field` binds against this. */
     value = this.host.value;
     /** Mirrors the bound field's disabled flag. */
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    disabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     /** Mirrors the bound field's readonly flag. */
-    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    readonly = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
     /** Mirrors the bound field's required flag. */
-    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    required = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
     /** Mirrors the bound field's invalid flag. */
-    invalid = input(false, ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
+    invalid = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
     /** Mirrors the bound field's hidden flag. */
-    hidden = input(false, ...(ngDevMode ? [{ debugName: "hidden" }] : /* istanbul ignore next */ []));
+    hidden = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hidden" }] : /* istanbul ignore next */ []));
     /** Mirrors the bound field's errors. */
-    errors = input([], ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
+    errors = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
     /** Mirrors the bound field's disablement reasons. */
-    disabledReasons = input([], ...(ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []));
+    disabledReasons = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []));
     /** Two-way `touched` flag — drives and reflects the field's touched state. */
-    touched = model(false, ...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
+    touched = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
     constructor() {
         wireSignalFormsInputs(this.host, this);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CalendarRangeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: CalendarRangeDirective, isStandalone: true, selector: "tw-calendar[mode=\"range\"]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, disabledReasons: { classPropertyName: "disabledReasons", publicName: "disabledReasons", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { touched: "touchedChange" }, exportAs: ["twCalendarRange"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CalendarRangeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: CalendarRangeDirective, isStandalone: true, selector: "tw-calendar[mode=\"range\"]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, disabledReasons: { classPropertyName: "disabledReasons", publicName: "disabledReasons", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { touched: "touchedChange" }, exportAs: ["twCalendarRange"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CalendarRangeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CalendarRangeDirective, decorators: [{
             type: Directive,
             args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: 'tw-calendar[mode="range"]',
                     exportAs: 'twCalendarRange',
                 }]
@@ -3894,10 +4095,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
  * with `<ng-content select="[twCalendarPresets]">`.
  */
 class CalendarPresetsDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CalendarPresetsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: CalendarPresetsDirective, isStandalone: true, selector: "[twCalendarPresets]", host: { classAttribute: "flex flex-wrap items-center gap-1.5 px-2 pb-2" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CalendarPresetsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: CalendarPresetsDirective, isStandalone: true, selector: "[twCalendarPresets]", host: { classAttribute: "flex flex-wrap items-center gap-1.5 px-2 pb-2" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CalendarPresetsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CalendarPresetsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[twCalendarPresets]',
@@ -4221,7 +4422,6 @@ function warnUnresolvableLocaleOnce(locale) {
     if (!isDevMode() || warnedLocales.has(locale))
         return;
     warnedLocales.add(locale);
-    // eslint-disable-next-line no-console
     console.warn(`[ngx-tw/calendar] Locale "${locale}" is unknown to Intl.Locale.getWeekInfo(); falling back to Monday (1) as the first day of week (§19.2).`);
 }
 /** `Intl`-driven `Date` adapter. Zero runtime dependencies. */
@@ -4422,10 +4622,10 @@ class NativeDateAdapter extends DateAdapter {
             String(date.getDate()).padStart(2, '0'),
         ].join('-');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NativeDateAdapter, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NativeDateAdapter });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: NativeDateAdapter, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: NativeDateAdapter });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NativeDateAdapter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: NativeDateAdapter, decorators: [{
             type: Injectable
         }] });
 /** Provides the default `Date`-based adapter. */