cmat 0.0.88 → 0.0.89

package/fesm2022/cmat-components-material-datetimepicker.mjs

@@ -299,10 +299,10 @@ class CmatDatetimepickerClockComponent {
         this._internalDate.set(date);
         this.activeDateChange.emit(this._clampedActiveDate());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerClockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: CmatDatetimepickerClockComponent, isStandalone: true, selector: "cmat-datetimepicker-clock", inputs: { dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", isSignal: true, isRequired: false, transformFunction: null }, interval: { classPropertyName: "interval", publicName: "interval", isSignal: true, isRequired: false, transformFunction: null }, twelvehour: { classPropertyName: "twelvehour", publicName: "twelvehour", 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 }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, startView: { classPropertyName: "startView", publicName: "startView", isSignal: true, isRequired: false, transformFunction: null }, activeDate: { classPropertyName: "activeDate", publicName: "activeDate", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { userSelection: "userSelection", selectedChange: "selectedChange", activeDateChange: "activeDateChange" }, host: { attributes: { "role": "clock" }, classAttribute: "cmat-datetimepicker-clock" }, exportAs: ["cmatDatetimepickerClock"], ngImport: i0, template: "<div class=\"cmat-datetimepicker-clock-wrapper\">\r\n  <div class=\"cmat-datetimepicker-clock-center\"></div>\r\n  <div class=\"cmat-datetimepicker-clock-hand\" [ngStyle]=\"hand()\"></div>\r\n  <div class=\"cmat-datetimepicker-clock-hours\" [class.active]=\"hourView()\">\r\n    @for (item of hours(); track $index) {\r\n      <div class=\"cmat-datetimepicker-clock-cell\"\r\n        [class.cmat-datetimepicker-clock-cell-disabled]=\"!item.enabled\"\r\n        [class.cmat-datetimepicker-clock-cell-selected]=\"selectedHour() === item.value\"\r\n        [ngStyle]=\"{'fontSize':item.fontSize,'left':item.left+'%',top:item.top+'%'}\">\r\n      {{ item.displayValue }}</div>\r\n    }\r\n  </div>\r\n  <div class=\"cmat-datetimepicker-clock-minutes\" [class.active]=\"!hourView()\">\r\n    @for (item of minutes(); track $index) {\r\n      <div class=\"cmat-datetimepicker-clock-cell\"\r\n        [class.cmat-datetimepicker-clock-cell-disabled]=\"!item.enabled\"\r\n        [class.cmat-datetimepicker-clock-cell-selected]=\"selectedMinute() === item.value\" [ngStyle]=\"{'left':item.left+'%','top':item.top+'%'}\">{{ item.displayValue\r\n      }}</div>\r\n    }\r\n  </div>\r\n</div>", styles: [".cmat-datetimepicker-clock{position:relative;display:block;min-width:224px;margin:12px;box-sizing:border-box;-webkit-user-select:none;user-select:none}.cmat-datetimepicker-clock-wrapper{position:relative;width:100%;height:0;padding-top:100%;border-radius:50%}.cmat-datetimepicker-clock-center{position:absolute;top:50%;left:50%;width:2%;height:2%;margin:-1%;border-radius:50%}.cmat-datetimepicker-clock-hand{position:absolute;inset:0;width:1px;margin:0 auto;transform-origin:bottom}.cmat-datetimepicker-clock-hand:before{content:\"\";position:absolute;top:-4px;left:-4px;width:8px;height:8px;border-radius:50%}.cmat-datetimepicker-clock-hours,.cmat-datetimepicker-clock-minutes{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:.35s;transform:scale(1.2)}.cmat-datetimepicker-clock-hours.active,.cmat-datetimepicker-clock-minutes.active{opacity:1;visibility:visible;transform:scale(1)}.cmat-datetimepicker-clock-minutes{transform:scale(.8)}.cmat-datetimepicker-clock-cell{position:absolute;display:flex;width:14.1666%;height:14.1666%;justify-content:center;box-sizing:border-box;border-radius:50%;align-items:center;cursor:pointer}.cmat-datetimepicker-clock-cell.cmat-datetimepicker-clock-cell-disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerClockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: CmatDatetimepickerClockComponent, isStandalone: true, selector: "cmat-datetimepicker-clock", inputs: { dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", isSignal: true, isRequired: false, transformFunction: null }, interval: { classPropertyName: "interval", publicName: "interval", isSignal: true, isRequired: false, transformFunction: null }, twelvehour: { classPropertyName: "twelvehour", publicName: "twelvehour", 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 }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, startView: { classPropertyName: "startView", publicName: "startView", isSignal: true, isRequired: false, transformFunction: null }, activeDate: { classPropertyName: "activeDate", publicName: "activeDate", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { userSelection: "userSelection", selectedChange: "selectedChange", activeDateChange: "activeDateChange" }, host: { attributes: { "role": "clock" }, classAttribute: "cmat-datetimepicker-clock" }, exportAs: ["cmatDatetimepickerClock"], ngImport: i0, template: "<div class=\"cmat-datetimepicker-clock-wrapper\">\r\n  <div class=\"cmat-datetimepicker-clock-center\"></div>\r\n  <div class=\"cmat-datetimepicker-clock-hand\" [ngStyle]=\"hand()\"></div>\r\n  <div class=\"cmat-datetimepicker-clock-hours\" [class.active]=\"hourView()\">\r\n    @for (item of hours(); track $index) {\r\n      <div class=\"cmat-datetimepicker-clock-cell\"\r\n        [class.cmat-datetimepicker-clock-cell-disabled]=\"!item.enabled\"\r\n        [class.cmat-datetimepicker-clock-cell-selected]=\"selectedHour() === item.value\"\r\n        [ngStyle]=\"{'fontSize':item.fontSize,'left':item.left+'%',top:item.top+'%'}\">\r\n      {{ item.displayValue }}</div>\r\n    }\r\n  </div>\r\n  <div class=\"cmat-datetimepicker-clock-minutes\" [class.active]=\"!hourView()\">\r\n    @for (item of minutes(); track $index) {\r\n      <div class=\"cmat-datetimepicker-clock-cell\"\r\n        [class.cmat-datetimepicker-clock-cell-disabled]=\"!item.enabled\"\r\n        [class.cmat-datetimepicker-clock-cell-selected]=\"selectedMinute() === item.value\" [ngStyle]=\"{'left':item.left+'%','top':item.top+'%'}\">{{ item.displayValue\r\n      }}</div>\r\n    }\r\n  </div>\r\n</div>", styles: [".cmat-datetimepicker-clock{position:relative;display:block;min-width:224px;margin:12px;box-sizing:border-box;-webkit-user-select:none;user-select:none}.cmat-datetimepicker-clock-wrapper{position:relative;width:100%;height:0;padding-top:100%;border-radius:50%}.cmat-datetimepicker-clock-center{position:absolute;top:50%;left:50%;width:2%;height:2%;margin:-1%;border-radius:50%}.cmat-datetimepicker-clock-hand{position:absolute;inset:0;width:1px;margin:0 auto;transform-origin:bottom}.cmat-datetimepicker-clock-hand:before{content:\"\";position:absolute;top:-4px;left:-4px;width:8px;height:8px;border-radius:50%}.cmat-datetimepicker-clock-hours,.cmat-datetimepicker-clock-minutes{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:.35s;transform:scale(1.2)}.cmat-datetimepicker-clock-hours.active,.cmat-datetimepicker-clock-minutes.active{opacity:1;visibility:visible;transform:scale(1)}.cmat-datetimepicker-clock-minutes{transform:scale(.8)}.cmat-datetimepicker-clock-cell{position:absolute;display:flex;width:14.1666%;height:14.1666%;justify-content:center;box-sizing:border-box;border-radius:50%;align-items:center;cursor:pointer}.cmat-datetimepicker-clock-cell.cmat-datetimepicker-clock-cell-disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerClockComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerClockComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-datetimepicker-clock', host: {
                         'role': 'clock',
@@ -344,10 +344,10 @@ class CmatDatetimepickerIntl {
     formatYearRangeLabel(start, end) {
         return `${start} to ${end}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerIntl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerIntl, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerIntl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerIntl, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerIntl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerIntl, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -397,10 +397,10 @@ class CmatDatetimepickerCalendarBodyComponent {
         }
         return cellNumber === this.activeCell();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerCalendarBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: CmatDatetimepickerCalendarBodyComponent, isStandalone: true, selector: "[cmat-datetimepicker-calendar-body]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, todayValue: { classPropertyName: "todayValue", publicName: "todayValue", isSignal: true, isRequired: false, transformFunction: null }, selectedValue: { classPropertyName: "selectedValue", publicName: "selectedValue", isSignal: true, isRequired: false, transformFunction: null }, labelMinRequiredCells: { classPropertyName: "labelMinRequiredCells", publicName: "labelMinRequiredCells", isSignal: true, isRequired: false, transformFunction: null }, numCols: { classPropertyName: "numCols", publicName: "numCols", isSignal: true, isRequired: false, transformFunction: null }, allowDisabledSelection: { classPropertyName: "allowDisabledSelection", publicName: "allowDisabledSelection", isSignal: true, isRequired: false, transformFunction: null }, activeCell: { classPropertyName: "activeCell", publicName: "activeCell", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedValueChange: "selectedValueChange" }, host: { classAttribute: "cmat-datetimepicker-calendar-body" }, exportAs: ["cmatDatetimepickerCalendarBody"], ngImport: i0, template: "@if (_firstRowOffset < labelMinRequiredCells()) {\r\n<tr aria-hidden=\"true\">\r\n  <td\r\n    class=\"cmat-datetimepicker-calendar-body-label\"\r\n    [attr.colspan]=\"numCols()\"\r\n  >\r\n    {{ label() }}\r\n  </td>\r\n</tr>\r\n} @for (row of rows(); track $index; let rowIndex = $index) {\r\n<tr role=\"row\">\r\n  @if (rowIndex === 0 && _firstRowOffset) {\r\n  <td\r\n    aria-hidden=\"true\"\r\n    class=\"cmat-datetimepicker-calendar-body-label\"\r\n    [attr.colspan]=\"_firstRowOffset\"\r\n  >\r\n    {{ _firstRowOffset >= labelMinRequiredCells() ? label() : '' }}\r\n  </td>\r\n  } @for (item of row; track $index; let colIndex = $index) {\r\n  <td\r\n    role=\"presentation\"\r\n    class=\"cmat-datetimepicker-calendar-body-cell\"\r\n    [attr.aria-disabled]=\"!item.enabled || null\"\r\n    [attr.aria-label]=\"item.ariaLabel\"\r\n    [class.cmat-datetimepicker-calendar-body-active]=\"isActiveCell(rowIndex, colIndex)\"\r\n    [class.cmat-datetimepicker-calendar-body-disabled]=\"!item.enabled\"\r\n    (click)=\"cellClicked(item)\"\r\n  >\r\n    <div\r\n      class=\"cmat-datetimepicker-calendar-body-cell-content\"\r\n      [attr.aria-selected]=\"selectedValue() === item.value\"\r\n      [class.cmat-datetimepicker-calendar-body-selected]=\"selectedValue() === item.value\"\r\n      [class.cmat-datetimepicker-calendar-body-today]=\"todayValue() === item.value\"\r\n    >\r\n      {{ item.displayValue }}\r\n    </div>\r\n  </td>\r\n  }\r\n</tr>\r\n}\r\n", styles: [".cmat-datetimepicker-calendar-body{min-width:224px}.cmat-datetimepicker-calendar-body-label{height:0;line-height:0;text-align:left;padding:calc(14.2857142857% / 2) 4.7142857143%}[dir=rtl] .cmat-datetimepicker-calendar-body-label{text-align:right}.cmat-datetimepicker-calendar-body-cell{position:relative;width:14.2857142857%;height:0;line-height:0;padding:calc(14.2857142857% / 2) 0;text-align:center;outline:none;cursor:pointer}.cmat-datetimepicker-calendar-body-disabled{cursor:default;pointer-events:none}.cmat-datetimepicker-calendar-body-cell-content{position:absolute;top:5%;left:5%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;border:1px solid transparent;border-radius:999px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerCalendarBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: CmatDatetimepickerCalendarBodyComponent, isStandalone: true, selector: "[cmat-datetimepicker-calendar-body]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, todayValue: { classPropertyName: "todayValue", publicName: "todayValue", isSignal: true, isRequired: false, transformFunction: null }, selectedValue: { classPropertyName: "selectedValue", publicName: "selectedValue", isSignal: true, isRequired: false, transformFunction: null }, labelMinRequiredCells: { classPropertyName: "labelMinRequiredCells", publicName: "labelMinRequiredCells", isSignal: true, isRequired: false, transformFunction: null }, numCols: { classPropertyName: "numCols", publicName: "numCols", isSignal: true, isRequired: false, transformFunction: null }, allowDisabledSelection: { classPropertyName: "allowDisabledSelection", publicName: "allowDisabledSelection", isSignal: true, isRequired: false, transformFunction: null }, activeCell: { classPropertyName: "activeCell", publicName: "activeCell", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedValueChange: "selectedValueChange" }, host: { classAttribute: "cmat-datetimepicker-calendar-body" }, exportAs: ["cmatDatetimepickerCalendarBody"], ngImport: i0, template: "@if (_firstRowOffset < labelMinRequiredCells()) {\r\n<tr aria-hidden=\"true\">\r\n  <td\r\n    class=\"cmat-datetimepicker-calendar-body-label\"\r\n    [attr.colspan]=\"numCols()\"\r\n  >\r\n    {{ label() }}\r\n  </td>\r\n</tr>\r\n} @for (row of rows(); track $index; let rowIndex = $index) {\r\n<tr role=\"row\">\r\n  @if (rowIndex === 0 && _firstRowOffset) {\r\n  <td\r\n    aria-hidden=\"true\"\r\n    class=\"cmat-datetimepicker-calendar-body-label\"\r\n    [attr.colspan]=\"_firstRowOffset\"\r\n  >\r\n    {{ _firstRowOffset >= labelMinRequiredCells() ? label() : '' }}\r\n  </td>\r\n  } @for (item of row; track $index; let colIndex = $index) {\r\n  <td\r\n    role=\"presentation\"\r\n    class=\"cmat-datetimepicker-calendar-body-cell\"\r\n    [attr.aria-disabled]=\"!item.enabled || null\"\r\n    [attr.aria-label]=\"item.ariaLabel\"\r\n    [class.cmat-datetimepicker-calendar-body-active]=\"isActiveCell(rowIndex, colIndex)\"\r\n    [class.cmat-datetimepicker-calendar-body-disabled]=\"!item.enabled\"\r\n    (click)=\"cellClicked(item)\"\r\n  >\r\n    <div\r\n      class=\"cmat-datetimepicker-calendar-body-cell-content\"\r\n      [attr.aria-selected]=\"selectedValue() === item.value\"\r\n      [class.cmat-datetimepicker-calendar-body-selected]=\"selectedValue() === item.value\"\r\n      [class.cmat-datetimepicker-calendar-body-today]=\"todayValue() === item.value\"\r\n    >\r\n      {{ item.displayValue }}\r\n    </div>\r\n  </td>\r\n  }\r\n</tr>\r\n}\r\n", styles: [".cmat-datetimepicker-calendar-body{min-width:224px}.cmat-datetimepicker-calendar-body-label{height:0;line-height:0;text-align:left;padding:calc(14.2857142857% / 2) 4.7142857143%}[dir=rtl] .cmat-datetimepicker-calendar-body-label{text-align:right}.cmat-datetimepicker-calendar-body-cell{position:relative;width:14.2857142857%;height:0;line-height:0;padding:calc(14.2857142857% / 2) 0;text-align:center;outline:none;cursor:pointer}.cmat-datetimepicker-calendar-body-disabled{cursor:default;pointer-events:none}.cmat-datetimepicker-calendar-body-cell-content{position:absolute;top:5%;left:5%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;border:1px solid transparent;border-radius:999px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerCalendarBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerCalendarBodyComponent, decorators: [{
             type: Component,
             args: [{ selector: '[cmat-datetimepicker-calendar-body]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatDatetimepickerCalendarBody', imports: [], host: { 'class': 'cmat-datetimepicker-calendar-body' }, template: "@if (_firstRowOffset < labelMinRequiredCells()) {\r\n<tr aria-hidden=\"true\">\r\n  <td\r\n    class=\"cmat-datetimepicker-calendar-body-label\"\r\n    [attr.colspan]=\"numCols()\"\r\n  >\r\n    {{ label() }}\r\n  </td>\r\n</tr>\r\n} @for (row of rows(); track $index; let rowIndex = $index) {\r\n<tr role=\"row\">\r\n  @if (rowIndex === 0 && _firstRowOffset) {\r\n  <td\r\n    aria-hidden=\"true\"\r\n    class=\"cmat-datetimepicker-calendar-body-label\"\r\n    [attr.colspan]=\"_firstRowOffset\"\r\n  >\r\n    {{ _firstRowOffset >= labelMinRequiredCells() ? label() : '' }}\r\n  </td>\r\n  } @for (item of row; track $index; let colIndex = $index) {\r\n  <td\r\n    role=\"presentation\"\r\n    class=\"cmat-datetimepicker-calendar-body-cell\"\r\n    [attr.aria-disabled]=\"!item.enabled || null\"\r\n    [attr.aria-label]=\"item.ariaLabel\"\r\n    [class.cmat-datetimepicker-calendar-body-active]=\"isActiveCell(rowIndex, colIndex)\"\r\n    [class.cmat-datetimepicker-calendar-body-disabled]=\"!item.enabled\"\r\n    (click)=\"cellClicked(item)\"\r\n  >\r\n    <div\r\n      class=\"cmat-datetimepicker-calendar-body-cell-content\"\r\n      [attr.aria-selected]=\"selectedValue() === item.value\"\r\n      [class.cmat-datetimepicker-calendar-body-selected]=\"selectedValue() === item.value\"\r\n      [class.cmat-datetimepicker-calendar-body-today]=\"todayValue() === item.value\"\r\n    >\r\n      {{ item.displayValue }}\r\n    </div>\r\n  </td>\r\n  }\r\n</tr>\r\n}\r\n", styles: [".cmat-datetimepicker-calendar-body{min-width:224px}.cmat-datetimepicker-calendar-body-label{height:0;line-height:0;text-align:left;padding:calc(14.2857142857% / 2) 4.7142857143%}[dir=rtl] .cmat-datetimepicker-calendar-body-label{text-align:right}.cmat-datetimepicker-calendar-body-cell{position:relative;width:14.2857142857%;height:0;line-height:0;padding:calc(14.2857142857% / 2) 0;text-align:center;outline:none;cursor:pointer}.cmat-datetimepicker-calendar-body-disabled{cursor:default;pointer-events:none}.cmat-datetimepicker-calendar-body-cell-content{position:absolute;top:5%;left:5%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;border:1px solid transparent;border-radius:999px}\n"] }]
         }], propDecorators: { selectedValueChange: [{ type: i0.Output, args: ["selectedValueChange"] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], todayValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "todayValue", required: false }] }], selectedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedValue", required: false }] }], labelMinRequiredCells: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelMinRequiredCells", required: false }] }], numCols: [{ type: i0.Input, args: [{ isSignal: true, alias: "numCols", required: false }] }], allowDisabledSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowDisabledSelection", required: false }] }], activeCell: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeCell", required: false }] }] } });
@@ -542,10 +542,10 @@ class CmatDatetimepickerMonthViewComponent {
     _changeCalendarState(direction) {
         this.calendarState.set(direction);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerMonthViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: CmatDatetimepickerMonthViewComponent, isStandalone: true, selector: "cmat-datetimepicker-month-view", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", 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 }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, activeDate: { classPropertyName: "activeDate", publicName: "activeDate", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { userSelection: "userSelection", selectedChange: "selectedChange" }, exportAs: ["cmatDatetimepickerMonthView"], ngImport: i0, template: "<table class=\"cmat-datetimepicker-calendar-table\">\r\n  <thead class=\"cmat-datetimepicker-calendar-table-header\">\r\n    <tr>\r\n      @for (day of weekdays; track $index) {\r\n      <th [attr.aria-label]=\"day.long\">{{day.narrow}}</th>\r\n      }\r\n    </tr>\r\n    <tr>\r\n      <th colspan=\"7\" class=\"cmat-calendar-table-header-divider\"></th>\r\n    </tr>\r\n  </thead>\r\n  <tbody class=\"cmat-calendar-slide-animation\" cmat-datetimepicker-calendar-body role=\"grid\"\r\n    [ngClass]=\"{\r\n        'left': calendarState()==='left',\r\n        'right': calendarState()==='right'\r\n        }\" [activeCell]=\"adapter.getDate(activeDate()) - 1\" [rows]=\"weeks()\"\r\n    [selectedValue]=\"selectedDate()\" [todayValue]=\"todayDate()\" (selectedValueChange)=\"dateSelected($event)\">\r\n  </tbody>\r\n</table>\r\n", styles: [".cmat-calendar-slide-animation.left{animation:slideCalendarLeft .18s}.cmat-calendar-slide-animation.right{animation:slideCalendarRight .18s}@keyframes slideCalendarLeft{0%,50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideCalendarRight{0%,50%{transform:translate(-100%)}51%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "component", type: CmatDatetimepickerCalendarBodyComponent, selector: "[cmat-datetimepicker-calendar-body]", inputs: ["label", "rows", "todayValue", "selectedValue", "labelMinRequiredCells", "numCols", "allowDisabledSelection", "activeCell"], outputs: ["selectedValueChange"], exportAs: ["cmatDatetimepickerCalendarBody"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerMonthViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: CmatDatetimepickerMonthViewComponent, isStandalone: true, selector: "cmat-datetimepicker-month-view", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", 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 }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, activeDate: { classPropertyName: "activeDate", publicName: "activeDate", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { userSelection: "userSelection", selectedChange: "selectedChange" }, exportAs: ["cmatDatetimepickerMonthView"], ngImport: i0, template: "<table class=\"cmat-datetimepicker-calendar-table\">\r\n  <thead class=\"cmat-datetimepicker-calendar-table-header\">\r\n    <tr>\r\n      @for (day of weekdays; track $index) {\r\n      <th [attr.aria-label]=\"day.long\">{{day.narrow}}</th>\r\n      }\r\n    </tr>\r\n    <tr>\r\n      <th colspan=\"7\" class=\"cmat-calendar-table-header-divider\"></th>\r\n    </tr>\r\n  </thead>\r\n  <tbody class=\"cmat-calendar-slide-animation\" cmat-datetimepicker-calendar-body role=\"grid\"\r\n    [ngClass]=\"{\r\n        'left': calendarState()==='left',\r\n        'right': calendarState()==='right'\r\n        }\" [activeCell]=\"adapter.getDate(activeDate()) - 1\" [rows]=\"weeks()\"\r\n    [selectedValue]=\"selectedDate()\" [todayValue]=\"todayDate()\" (selectedValueChange)=\"dateSelected($event)\">\r\n  </tbody>\r\n</table>\r\n", styles: [".cmat-calendar-slide-animation.left{animation:slideCalendarLeft .18s}.cmat-calendar-slide-animation.right{animation:slideCalendarRight .18s}@keyframes slideCalendarLeft{0%,50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideCalendarRight{0%,50%{transform:translate(-100%)}51%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "component", type: CmatDatetimepickerCalendarBodyComponent, selector: "[cmat-datetimepicker-calendar-body]", inputs: ["label", "rows", "todayValue", "selectedValue", "labelMinRequiredCells", "numCols", "allowDisabledSelection", "activeCell"], outputs: ["selectedValueChange"], exportAs: ["cmatDatetimepickerCalendarBody"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerMonthViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerMonthViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-datetimepicker-month-view', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatDatetimepickerMonthView', imports: [CmatDatetimepickerCalendarBodyComponent, NgClass], template: "<table class=\"cmat-datetimepicker-calendar-table\">\r\n  <thead class=\"cmat-datetimepicker-calendar-table-header\">\r\n    <tr>\r\n      @for (day of weekdays; track $index) {\r\n      <th [attr.aria-label]=\"day.long\">{{day.narrow}}</th>\r\n      }\r\n    </tr>\r\n    <tr>\r\n      <th colspan=\"7\" class=\"cmat-calendar-table-header-divider\"></th>\r\n    </tr>\r\n  </thead>\r\n  <tbody class=\"cmat-calendar-slide-animation\" cmat-datetimepicker-calendar-body role=\"grid\"\r\n    [ngClass]=\"{\r\n        'left': calendarState()==='left',\r\n        'right': calendarState()==='right'\r\n        }\" [activeCell]=\"adapter.getDate(activeDate()) - 1\" [rows]=\"weeks()\"\r\n    [selectedValue]=\"selectedDate()\" [todayValue]=\"todayDate()\" (selectedValueChange)=\"dateSelected($event)\">\r\n  </tbody>\r\n</table>\r\n", styles: [".cmat-calendar-slide-animation.left{animation:slideCalendarLeft .18s}.cmat-calendar-slide-animation.right{animation:slideCalendarRight .18s}@keyframes slideCalendarLeft{0%,50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideCalendarRight{0%,50%{transform:translate(-100%)}51%{transform:translate(100%)}to{transform:translate(0)}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { userSelection: [{ type: i0.Output, args: ["userSelection"] }], selectedChange: [{ type: i0.Output, args: ["selectedChange"] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], dateFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFilter", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], activeDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeDate", required: true }] }] } });
@@ -685,10 +685,10 @@ class CmatDatetimepickerMultiYearViewComponent {
     _changeCalendarState(direction) {
         this.calendarState.set(direction);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerMultiYearViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.2", type: CmatDatetimepickerMultiYearViewComponent, isStandalone: true, selector: "cmat-datetimepicker-multi-year-view", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", 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 }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, activeDate: { classPropertyName: "activeDate", publicName: "activeDate", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { userSelection: "userSelection", selectedChange: "selectedChange" }, exportAs: ["cmatDatetimepickerMultiYearView"], ngImport: i0, template: "<table class=\"cmat-datetimepicker-calendar-table\">\r\n    <thead class=\"cmat-datetimepicker-calendar-table-header\"></thead>\r\n    <tbody class=\"cmat-calendar-slide-animation\" cmat-datetimepicker-calendar-body role=\"grid\"\r\n        [ngClass]=\"{\r\n        'left': calendarState()==='left',\r\n        'right': calendarState()==='right'\r\n        }\" [activeCell]=\"getActiveCell()\" [numCols]=\"4\" [rows]=\"years()\"\r\n        [selectedValue]=\"selectedYear()\" [todayValue]=\"todayYear()\" [allowDisabledSelection]=\"true\"\r\n        (selectedValueChange)=\"yearSelected($event)\"></tbody>\r\n</table>\r\n", styles: [".cmat-calendar-slide-animation.left{animation:slideCalendarLeft .18s}.cmat-calendar-slide-animation.right{animation:slideCalendarRight .18s}@keyframes slideCalendarLeft{0%,50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideCalendarRight{0%,50%{transform:translate(-100%)}51%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "component", type: CmatDatetimepickerCalendarBodyComponent, selector: "[cmat-datetimepicker-calendar-body]", inputs: ["label", "rows", "todayValue", "selectedValue", "labelMinRequiredCells", "numCols", "allowDisabledSelection", "activeCell"], outputs: ["selectedValueChange"], exportAs: ["cmatDatetimepickerCalendarBody"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerMultiYearViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.6", type: CmatDatetimepickerMultiYearViewComponent, isStandalone: true, selector: "cmat-datetimepicker-multi-year-view", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", 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 }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, activeDate: { classPropertyName: "activeDate", publicName: "activeDate", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { userSelection: "userSelection", selectedChange: "selectedChange" }, exportAs: ["cmatDatetimepickerMultiYearView"], ngImport: i0, template: "<table class=\"cmat-datetimepicker-calendar-table\">\r\n    <thead class=\"cmat-datetimepicker-calendar-table-header\"></thead>\r\n    <tbody class=\"cmat-calendar-slide-animation\" cmat-datetimepicker-calendar-body role=\"grid\"\r\n        [ngClass]=\"{\r\n        'left': calendarState()==='left',\r\n        'right': calendarState()==='right'\r\n        }\" [activeCell]=\"getActiveCell()\" [numCols]=\"4\" [rows]=\"years()\"\r\n        [selectedValue]=\"selectedYear()\" [todayValue]=\"todayYear()\" [allowDisabledSelection]=\"true\"\r\n        (selectedValueChange)=\"yearSelected($event)\"></tbody>\r\n</table>\r\n", styles: [".cmat-calendar-slide-animation.left{animation:slideCalendarLeft .18s}.cmat-calendar-slide-animation.right{animation:slideCalendarRight .18s}@keyframes slideCalendarLeft{0%,50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideCalendarRight{0%,50%{transform:translate(-100%)}51%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "component", type: CmatDatetimepickerCalendarBodyComponent, selector: "[cmat-datetimepicker-calendar-body]", inputs: ["label", "rows", "todayValue", "selectedValue", "labelMinRequiredCells", "numCols", "allowDisabledSelection", "activeCell"], outputs: ["selectedValueChange"], exportAs: ["cmatDatetimepickerCalendarBody"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerMultiYearViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerMultiYearViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-datetimepicker-multi-year-view', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatDatetimepickerMultiYearView', imports: [CmatDatetimepickerCalendarBodyComponent, NgClass], template: "<table class=\"cmat-datetimepicker-calendar-table\">\r\n    <thead class=\"cmat-datetimepicker-calendar-table-header\"></thead>\r\n    <tbody class=\"cmat-calendar-slide-animation\" cmat-datetimepicker-calendar-body role=\"grid\"\r\n        [ngClass]=\"{\r\n        'left': calendarState()==='left',\r\n        'right': calendarState()==='right'\r\n        }\" [activeCell]=\"getActiveCell()\" [numCols]=\"4\" [rows]=\"years()\"\r\n        [selectedValue]=\"selectedYear()\" [todayValue]=\"todayYear()\" [allowDisabledSelection]=\"true\"\r\n        (selectedValueChange)=\"yearSelected($event)\"></tbody>\r\n</table>\r\n", styles: [".cmat-calendar-slide-animation.left{animation:slideCalendarLeft .18s}.cmat-calendar-slide-animation.right{animation:slideCalendarRight .18s}@keyframes slideCalendarLeft{0%,50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideCalendarRight{0%,50%{transform:translate(-100%)}51%{transform:translate(100%)}to{transform:translate(0)}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { userSelection: [{ type: i0.Output, args: ["userSelection"] }], selectedChange: [{ type: i0.Output, args: ["selectedChange"] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], dateFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFilter", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], activeDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeDate", required: true }] }] } });
@@ -861,10 +861,10 @@ class CmatDatetimepickerTimeInputDirective {
         this.inputElement.removeEventListener('keypress', this._keyPressListener);
         this.inputElement.removeEventListener('input', this._inputEventListener);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerTimeInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: CmatDatetimepickerTimeInputDirective, isStandalone: true, selector: "input.cmat-datetimepicker-time-input", inputs: { timeInterval: { classPropertyName: "timeInterval", publicName: "timeInterval", isSignal: true, isRequired: false, transformFunction: null }, timeMin: { classPropertyName: "timeMin", publicName: "timeMin", isSignal: true, isRequired: false, transformFunction: null }, timeMax: { classPropertyName: "timeMax", publicName: "timeMax", isSignal: true, isRequired: false, transformFunction: null }, timeValue: { classPropertyName: "timeValue", publicName: "timeValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { timeValueChanged: "timeValueChanged" }, exportAs: ["cmatDatetimepickerTimeInput"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerTimeInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.6", type: CmatDatetimepickerTimeInputDirective, isStandalone: true, selector: "input.cmat-datetimepicker-time-input", inputs: { timeInterval: { classPropertyName: "timeInterval", publicName: "timeInterval", isSignal: true, isRequired: false, transformFunction: null }, timeMin: { classPropertyName: "timeMin", publicName: "timeMin", isSignal: true, isRequired: false, transformFunction: null }, timeMax: { classPropertyName: "timeMax", publicName: "timeMax", isSignal: true, isRequired: false, transformFunction: null }, timeValue: { classPropertyName: "timeValue", publicName: "timeValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { timeValueChanged: "timeValueChanged" }, exportAs: ["cmatDatetimepickerTimeInput"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerTimeInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerTimeInputDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -1064,10 +1064,10 @@ class CmatDatetimepickerTimeComponent {
     handleCancel() {
         this.userSelection.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: CmatDatetimepickerTimeComponent, isStandalone: true, selector: "cmat-datetimepicker-time", inputs: { dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", isSignal: true, isRequired: false, transformFunction: null }, interval: { classPropertyName: "interval", publicName: "interval", isSignal: true, isRequired: false, transformFunction: null }, AMPM: { classPropertyName: "AMPM", publicName: "AMPM", isSignal: true, isRequired: false, transformFunction: null }, twelvehour: { classPropertyName: "twelvehour", publicName: "twelvehour", 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 }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, clockView: { classPropertyName: "clockView", publicName: "clockView", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedChange: "selectedChange", activeDateChange: "activeDateChange", userSelection: "userSelection", ampmChange: "ampmChange", clockViewChange: "clockViewChange" }, host: { classAttribute: "cmat-datetimepicker-time" }, viewQueries: [{ propertyName: "hourInputElement", first: true, predicate: ["hourInput"], descendants: true, isSignal: true }, { propertyName: "hourInputDirective", first: true, predicate: ["hourInput"], descendants: true, isSignal: true }, { propertyName: "minuteInputElement", first: true, predicate: ["minuteInput"], descendants: true, isSignal: true }, { propertyName: "minuteInputDirective", first: true, predicate: ["minuteInput"], descendants: true, isSignal: true }], exportAs: ["cmatDatetimepickerTime"], ngImport: i0, template: "<div\r\n  class=\"cmat-datetimepicker-time-input-wrapper\"\r\n  [attr.data-refresh]=\"intlVersion()\"\r\n>\r\n  <div class=\"cmat-datetimepicker-time-input-inner\">\r\n    <input\r\n      #hourInput=\"cmatDatetimepickerTimeInput\"\r\n      class=\"cmat-datetimepicker-time-input\"\r\n      type=\"text\"\r\n      inputmode=\"numeric\"\r\n      maxlength=\"2\"\r\n      [class.cmat-datetimepicker-time-input-active]=\"currentClockView() === 'hour'\"\r\n      [class.cmat-datetimepicker-time-input-warning]=\"!hourInput.valid\"\r\n      [timeMin]=\"twelvehour() ? 1 : 0\"\r\n      [timeMax]=\"twelvehour() ? 12 : 23\"\r\n      [timeValue]=\"hour()\"\r\n      (timeValueChanged)=\"handleHourInputChange($event)\"\r\n      (focus)=\"handleFocus('hour')\"\r\n    />\r\n\r\n    <div class=\"cmat-datetimepicker-time-seperator\">:</div>\r\n\r\n    <input\r\n      #minuteInput=\"cmatDatetimepickerTimeInput\"\r\n      class=\"cmat-datetimepicker-time-input\"\r\n      type=\"text\"\r\n      inputmode=\"numeric\"\r\n      maxlength=\"2\"\r\n      [class.cmat-datetimepicker-time-input-active]=\"currentClockView() === 'minute'\"\r\n      [class.cmat-datetimepicker-time-input-warning]=\"!minuteInput.valid\"\r\n      [timeMin]=\"0\"\r\n      [timeMax]=\"59\"\r\n      [timeValue]=\"minute()\"\r\n      [timeInterval]=\"interval()\"\r\n      (timeValueChanged)=\"handleMinuteInputChange($event)\"\r\n      (focus)=\"handleFocus('minute')\"\r\n    />\r\n\r\n    @if (twelvehour()) {\r\n    <div class=\"cmat-datetimepicker-time-ampm\">\r\n      <button\r\n        matButton\r\n        type=\"button\"\r\n        class=\"cmat-datetimepicker-time-am\"\r\n        aria-label=\"AM\"\r\n        [class.cmat-datetimepicker-time-ampm-active]=\"AMPM() === 'AM'\"\r\n        (keydown)=\"$event.stopPropagation()\"\r\n        (click)=\"ampmChange.emit('AM')\"\r\n      >\r\n        AM\r\n      </button>\r\n      <button\r\n        matButton\r\n        type=\"button\"\r\n        class=\"cmat-datetimepicker-time-pm\"\r\n        aria-label=\"PM\"\r\n        [class.cmat-datetimepicker-time-ampm-active]=\"AMPM() === 'PM'\"\r\n        (keydown)=\"$event.stopPropagation()\"\r\n        (click)=\"ampmChange.emit('PM')\"\r\n      >\r\n        PM\r\n      </button>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<cmat-datetimepicker-clock\r\n  [activeDate]=\"activeDate()\"\r\n  [dateFilter]=\"dateFilter()\"\r\n  [interval]=\"interval()\"\r\n  [maxDate]=\"maxDate()\"\r\n  [minDate]=\"minDate()\"\r\n  [selected]=\"selected()\"\r\n  [startView]=\"currentClockView()\"\r\n  [twelvehour]=\"twelvehour()\"\r\n  (selectedChange)=\"timeSelected($event)\"\r\n  (activeDateChange)=\"onActiveDateChange($event)\"\r\n>\r\n</cmat-datetimepicker-clock>\r\n\r\n<div class=\"cmat-datetimepicker-time-button-wrapper flex flex-row gap-4\">\r\n  <button\r\n    class=\"cmat-datetimepicker-time-cancel-button\"\r\n    matButton=\"outlined\"\r\n    type=\"button\"\r\n    (click)=\"handleCancel()\"\r\n  >\r\n    {{ datetimepickerIntl.cancelLabel }}\r\n  </button>\r\n  <button\r\n    class=\"cmat-datetimepicker-time-ok-button\"\r\n    matButton=\"filled\"\r\n    type=\"button\"\r\n    color=\"primary\"\r\n    [disabled]=\"minuteInputDirective()?.invalid || hourInputDirective()?.invalid\"\r\n    (click)=\"handleOk()\"\r\n  >\r\n    {{ datetimepickerIntl.okLabel }}\r\n  </button>\r\n</div>\r\n", styles: [".cmat-datetimepicker-time{display:block;outline:none;-webkit-user-select:none;user-select:none}.cmat-datetimepicker-time-input-wrapper{padding:8px 0;text-align:center}.cmat-datetimepicker-time-input-inner{display:inline-flex;height:56px;align-items:center}.cmat-datetimepicker-time-input{width:72px;font-size:36px;text-align:center;border-radius:8px;border:2px solid transparent;appearance:none;outline:none;height:100%}.cmat-datetimepicker-time-seperator{display:inline-flex;justify-content:center;width:24px;font-size:36px;height:100%}.cmat-datetimepicker-time-ampm{display:inline-flex;flex-direction:column;margin-left:12px;height:100%}[dir=rtl] .cmat-datetimepicker-time-ampm{margin-left:auto;margin-right:12px}.cmat-datetimepicker-time-am.mat-mdc-button,.cmat-datetimepicker-time-pm.mat-mdc-button{flex:1;width:40px;min-width:auto;padding:0;line-height:normal;border-width:1px;border-style:solid;min-height:0}.cmat-datetimepicker-time-am.mat-mdc-button{border-radius:8px 8px 0 0!important}.cmat-datetimepicker-time-pm.mat-mdc-button{border-radius:0 0 8px 8px!important;border-top:none}.cmat-datetimepicker-time-button-wrapper{display:flex;justify-content:flex-end;padding-top:8px}\n"], dependencies: [{ kind: "directive", type: CmatDatetimepickerTimeInputDirective, selector: "input.cmat-datetimepicker-time-input", inputs: ["timeInterval", "timeMin", "timeMax", "timeValue"], outputs: ["timeValueChanged"], exportAs: ["cmatDatetimepickerTimeInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: CmatDatetimepickerClockComponent, selector: "cmat-datetimepicker-clock", inputs: ["dateFilter", "interval", "twelvehour", "minDate", "maxDate", "selected", "startView", "activeDate"], outputs: ["userSelection", "selectedChange", "activeDateChange"], exportAs: ["cmatDatetimepickerClock"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: CmatDatetimepickerTimeComponent, isStandalone: true, selector: "cmat-datetimepicker-time", inputs: { dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", isSignal: true, isRequired: false, transformFunction: null }, interval: { classPropertyName: "interval", publicName: "interval", isSignal: true, isRequired: false, transformFunction: null }, AMPM: { classPropertyName: "AMPM", publicName: "AMPM", isSignal: true, isRequired: false, transformFunction: null }, twelvehour: { classPropertyName: "twelvehour", publicName: "twelvehour", 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 }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, clockView: { classPropertyName: "clockView", publicName: "clockView", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedChange: "selectedChange", activeDateChange: "activeDateChange", userSelection: "userSelection", ampmChange: "ampmChange", clockViewChange: "clockViewChange" }, host: { classAttribute: "cmat-datetimepicker-time" }, viewQueries: [{ propertyName: "hourInputElement", first: true, predicate: ["hourInput"], descendants: true, isSignal: true }, { propertyName: "hourInputDirective", first: true, predicate: ["hourInput"], descendants: true, isSignal: true }, { propertyName: "minuteInputElement", first: true, predicate: ["minuteInput"], descendants: true, isSignal: true }, { propertyName: "minuteInputDirective", first: true, predicate: ["minuteInput"], descendants: true, isSignal: true }], exportAs: ["cmatDatetimepickerTime"], ngImport: i0, template: "<div\r\n  class=\"cmat-datetimepicker-time-input-wrapper\"\r\n  [attr.data-refresh]=\"intlVersion()\"\r\n>\r\n  <div class=\"cmat-datetimepicker-time-input-inner\">\r\n    <input\r\n      #hourInput=\"cmatDatetimepickerTimeInput\"\r\n      class=\"cmat-datetimepicker-time-input\"\r\n      type=\"text\"\r\n      inputmode=\"numeric\"\r\n      maxlength=\"2\"\r\n      [class.cmat-datetimepicker-time-input-active]=\"currentClockView() === 'hour'\"\r\n      [class.cmat-datetimepicker-time-input-warning]=\"!hourInput.valid\"\r\n      [timeMin]=\"twelvehour() ? 1 : 0\"\r\n      [timeMax]=\"twelvehour() ? 12 : 23\"\r\n      [timeValue]=\"hour()\"\r\n      (timeValueChanged)=\"handleHourInputChange($event)\"\r\n      (focus)=\"handleFocus('hour')\"\r\n    />\r\n\r\n    <div class=\"cmat-datetimepicker-time-seperator\">:</div>\r\n\r\n    <input\r\n      #minuteInput=\"cmatDatetimepickerTimeInput\"\r\n      class=\"cmat-datetimepicker-time-input\"\r\n      type=\"text\"\r\n      inputmode=\"numeric\"\r\n      maxlength=\"2\"\r\n      [class.cmat-datetimepicker-time-input-active]=\"currentClockView() === 'minute'\"\r\n      [class.cmat-datetimepicker-time-input-warning]=\"!minuteInput.valid\"\r\n      [timeMin]=\"0\"\r\n      [timeMax]=\"59\"\r\n      [timeValue]=\"minute()\"\r\n      [timeInterval]=\"interval()\"\r\n      (timeValueChanged)=\"handleMinuteInputChange($event)\"\r\n      (focus)=\"handleFocus('minute')\"\r\n    />\r\n\r\n    @if (twelvehour()) {\r\n    <div class=\"cmat-datetimepicker-time-ampm\">\r\n      <button\r\n        matButton\r\n        type=\"button\"\r\n        class=\"cmat-datetimepicker-time-am\"\r\n        aria-label=\"AM\"\r\n        [class.cmat-datetimepicker-time-ampm-active]=\"AMPM() === 'AM'\"\r\n        (keydown)=\"$event.stopPropagation()\"\r\n        (click)=\"ampmChange.emit('AM')\"\r\n      >\r\n        AM\r\n      </button>\r\n      <button\r\n        matButton\r\n        type=\"button\"\r\n        class=\"cmat-datetimepicker-time-pm\"\r\n        aria-label=\"PM\"\r\n        [class.cmat-datetimepicker-time-ampm-active]=\"AMPM() === 'PM'\"\r\n        (keydown)=\"$event.stopPropagation()\"\r\n        (click)=\"ampmChange.emit('PM')\"\r\n      >\r\n        PM\r\n      </button>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<cmat-datetimepicker-clock\r\n  [activeDate]=\"activeDate()\"\r\n  [dateFilter]=\"dateFilter()\"\r\n  [interval]=\"interval()\"\r\n  [maxDate]=\"maxDate()\"\r\n  [minDate]=\"minDate()\"\r\n  [selected]=\"selected()\"\r\n  [startView]=\"currentClockView()\"\r\n  [twelvehour]=\"twelvehour()\"\r\n  (selectedChange)=\"timeSelected($event)\"\r\n  (activeDateChange)=\"onActiveDateChange($event)\"\r\n>\r\n</cmat-datetimepicker-clock>\r\n\r\n<div class=\"cmat-datetimepicker-time-button-wrapper flex flex-row gap-4\">\r\n  <button\r\n    class=\"cmat-datetimepicker-time-cancel-button\"\r\n    matButton=\"outlined\"\r\n    type=\"button\"\r\n    (click)=\"handleCancel()\"\r\n  >\r\n    {{ datetimepickerIntl.cancelLabel }}\r\n  </button>\r\n  <button\r\n    class=\"cmat-datetimepicker-time-ok-button\"\r\n    matButton=\"filled\"\r\n    type=\"button\"\r\n    color=\"primary\"\r\n    [disabled]=\"minuteInputDirective()?.invalid || hourInputDirective()?.invalid\"\r\n    (click)=\"handleOk()\"\r\n  >\r\n    {{ datetimepickerIntl.okLabel }}\r\n  </button>\r\n</div>\r\n", styles: [".cmat-datetimepicker-time{display:block;outline:none;-webkit-user-select:none;user-select:none}.cmat-datetimepicker-time-input-wrapper{padding:8px 0;text-align:center}.cmat-datetimepicker-time-input-inner{display:inline-flex;height:56px;align-items:center}.cmat-datetimepicker-time-input{width:72px;font-size:36px;text-align:center;border-radius:8px;border:2px solid transparent;appearance:none;outline:none;height:100%}.cmat-datetimepicker-time-seperator{display:inline-flex;justify-content:center;width:24px;font-size:36px;height:100%}.cmat-datetimepicker-time-ampm{display:inline-flex;flex-direction:column;margin-left:12px;height:100%}[dir=rtl] .cmat-datetimepicker-time-ampm{margin-left:auto;margin-right:12px}.cmat-datetimepicker-time-am.mat-mdc-button,.cmat-datetimepicker-time-pm.mat-mdc-button{flex:1;width:40px;min-width:auto;padding:0;line-height:normal;border-width:1px;border-style:solid;min-height:0}.cmat-datetimepicker-time-am.mat-mdc-button{border-radius:8px 8px 0 0!important}.cmat-datetimepicker-time-pm.mat-mdc-button{border-radius:0 0 8px 8px!important;border-top:none}.cmat-datetimepicker-time-button-wrapper{display:flex;justify-content:flex-end;padding-top:8px}\n"], dependencies: [{ kind: "directive", type: CmatDatetimepickerTimeInputDirective, selector: "input.cmat-datetimepicker-time-input", inputs: ["timeInterval", "timeMin", "timeMax", "timeValue"], outputs: ["timeValueChanged"], exportAs: ["cmatDatetimepickerTimeInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: CmatDatetimepickerClockComponent, selector: "cmat-datetimepicker-clock", inputs: ["dateFilter", "interval", "twelvehour", "minDate", "maxDate", "selected", "startView", "activeDate"], outputs: ["userSelection", "selectedChange", "activeDateChange"], exportAs: ["cmatDatetimepickerClock"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerTimeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerTimeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-datetimepicker-time', host: {
                         'class': 'cmat-datetimepicker-time',
@@ -1215,10 +1215,10 @@ class CmatDatetimepickerYearViewComponent {
     _changeCalendarState(direction) {
         this.calendarState.set(direction);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerYearViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.2", type: CmatDatetimepickerYearViewComponent, isStandalone: true, selector: "cmat-datetimepicker-year-view", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", 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 }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, activeDate: { classPropertyName: "activeDate", publicName: "activeDate", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { userSelection: "userSelection", selectedChange: "selectedChange" }, exportAs: ["cmatDatetimepickerYearView"], ngImport: i0, template: "<table class=\"cmat-datetimepicker-calendar-table\">\r\n    <thead class=\"cmat-datetimepicker-calendar-table-header\"></thead>\r\n    <tbody class=\"cmat-calendar-slide-animation\" cmat-datetimepicker-calendar-body role=\"grid\"\r\n        [ngClass]=\"{\r\n        'left': calendarState()==='left',\r\n        'right': calendarState()==='right'\r\n        }\" [activeCell]=\"adapter.getMonth(activeDate())\" [labelMinRequiredCells]=\"2\"\r\n        [label]=\"yearLabel()\" [rows]=\"months()\" [selectedValue]=\"selectedMonth()\" [todayValue]=\"todayMonth()\"\r\n        [allowDisabledSelection]=\"true\" (selectedValueChange)=\"monthSelected($event)\"></tbody>\r\n</table>\r\n", styles: [".cmat-calendar-slide-animation.left{animation:slideCalendarLeft .18s}.cmat-calendar-slide-animation.right{animation:slideCalendarRight .18s}@keyframes slideCalendarLeft{0%,50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideCalendarRight{0%,50%{transform:translate(-100%)}51%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "component", type: CmatDatetimepickerCalendarBodyComponent, selector: "[cmat-datetimepicker-calendar-body]", inputs: ["label", "rows", "todayValue", "selectedValue", "labelMinRequiredCells", "numCols", "allowDisabledSelection", "activeCell"], outputs: ["selectedValueChange"], exportAs: ["cmatDatetimepickerCalendarBody"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerYearViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.6", type: CmatDatetimepickerYearViewComponent, isStandalone: true, selector: "cmat-datetimepicker-year-view", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", 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 }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, activeDate: { classPropertyName: "activeDate", publicName: "activeDate", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { userSelection: "userSelection", selectedChange: "selectedChange" }, exportAs: ["cmatDatetimepickerYearView"], ngImport: i0, template: "<table class=\"cmat-datetimepicker-calendar-table\">\r\n    <thead class=\"cmat-datetimepicker-calendar-table-header\"></thead>\r\n    <tbody class=\"cmat-calendar-slide-animation\" cmat-datetimepicker-calendar-body role=\"grid\"\r\n        [ngClass]=\"{\r\n        'left': calendarState()==='left',\r\n        'right': calendarState()==='right'\r\n        }\" [activeCell]=\"adapter.getMonth(activeDate())\" [labelMinRequiredCells]=\"2\"\r\n        [label]=\"yearLabel()\" [rows]=\"months()\" [selectedValue]=\"selectedMonth()\" [todayValue]=\"todayMonth()\"\r\n        [allowDisabledSelection]=\"true\" (selectedValueChange)=\"monthSelected($event)\"></tbody>\r\n</table>\r\n", styles: [".cmat-calendar-slide-animation.left{animation:slideCalendarLeft .18s}.cmat-calendar-slide-animation.right{animation:slideCalendarRight .18s}@keyframes slideCalendarLeft{0%,50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideCalendarRight{0%,50%{transform:translate(-100%)}51%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "component", type: CmatDatetimepickerCalendarBodyComponent, selector: "[cmat-datetimepicker-calendar-body]", inputs: ["label", "rows", "todayValue", "selectedValue", "labelMinRequiredCells", "numCols", "allowDisabledSelection", "activeCell"], outputs: ["selectedValueChange"], exportAs: ["cmatDatetimepickerCalendarBody"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerYearViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerYearViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-datetimepicker-year-view', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatDatetimepickerYearView', imports: [CmatDatetimepickerCalendarBodyComponent, NgClass], template: "<table class=\"cmat-datetimepicker-calendar-table\">\r\n    <thead class=\"cmat-datetimepicker-calendar-table-header\"></thead>\r\n    <tbody class=\"cmat-calendar-slide-animation\" cmat-datetimepicker-calendar-body role=\"grid\"\r\n        [ngClass]=\"{\r\n        'left': calendarState()==='left',\r\n        'right': calendarState()==='right'\r\n        }\" [activeCell]=\"adapter.getMonth(activeDate())\" [labelMinRequiredCells]=\"2\"\r\n        [label]=\"yearLabel()\" [rows]=\"months()\" [selectedValue]=\"selectedMonth()\" [todayValue]=\"todayMonth()\"\r\n        [allowDisabledSelection]=\"true\" (selectedValueChange)=\"monthSelected($event)\"></tbody>\r\n</table>\r\n", styles: [".cmat-calendar-slide-animation.left{animation:slideCalendarLeft .18s}.cmat-calendar-slide-animation.right{animation:slideCalendarRight .18s}@keyframes slideCalendarLeft{0%,50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideCalendarRight{0%,50%{transform:translate(-100%)}51%{transform:translate(100%)}to{transform:translate(0)}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { userSelection: [{ type: i0.Output, args: ["userSelection"] }], selectedChange: [{ type: i0.Output, args: ["selectedChange"] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], dateFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFilter", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], activeDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeDate", required: true }] }] } });
@@ -1758,10 +1758,10 @@ class CmatDatetimepickerCalendarComponent {
     _2digit(n) {
         return ('00' + n).slice(-2);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: CmatDatetimepickerCalendarComponent, isStandalone: true, selector: "cmat-datetimepicker-calendar", inputs: { startView: { classPropertyName: "startView", publicName: "startView", isSignal: true, isRequired: false, transformFunction: null }, twelvehour: { classPropertyName: "twelvehour", publicName: "twelvehour", isSignal: true, isRequired: false, transformFunction: null }, timeInterval: { classPropertyName: "timeInterval", publicName: "timeInterval", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, multiYearSelector: { classPropertyName: "multiYearSelector", publicName: "multiYearSelector", isSignal: true, isRequired: false, transformFunction: null }, timeInput: { classPropertyName: "timeInput", publicName: "timeInput", isSignal: true, isRequired: false, transformFunction: null }, dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", isSignal: true, isRequired: false, transformFunction: null }, preventSameDateTimeSelection: { classPropertyName: "preventSameDateTimeSelection", publicName: "preventSameDateTimeSelection", 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 }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, startAt: { classPropertyName: "startAt", publicName: "startAt", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { userSelection: "userSelection", selectedChange: "selectedChange", viewChanged: "viewChanged", multiYearSelector: "multiYearSelectorChange" }, host: { attributes: { "role": "dialog", "tabindex": "0" }, properties: { "attr.aria-label": "\"ariaLabel\"", "class.cmat-datetimepicker-calendar-with-time-input": "timeInput()" }, classAttribute: "cmat-datetimepicker-calendar" }, exportAs: ["cmatDatetimepickerCalendar"], ngImport: i0, template: "<div\r\n  class=\"cmat-datetimepicker-calendar-header\"\r\n  [attr.data-refresh]=\"intlVersion()\"\r\n>\r\n  @if (type() !== 'time') {\r\n  <div\r\n    role=\"presentation\"\r\n    class=\"cmat-datetimepicker-calendar-header-year header-button\"\r\n    [class.active]=\"currentView() === 'year' || currentView() === 'multi-year'\"\r\n    [attr.aria-label]=\"yearButtonLabel\"\r\n    (click)=\"yearClicked()\"\r\n  >\r\n    <span class=\"font-medium\">{{ yearButtonText }}</span>\r\n    @if (multiYearSelector() || type() === 'year') {\r\n    <svg\r\n      class=\"cmat-datetimepicker-calendar-header-year-dropdown\"\r\n      width=\"24\"\r\n      height=\"24\"\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"currentColor\"\r\n    >\r\n      <path d=\"M7,10L12,15L17,10H7Z\"></path>\r\n    </svg>\r\n    }\r\n  </div>\r\n  } @if (type() !== 'year') {\r\n  <div class=\"cmat-datetimepicker-calendar-header-date-time\">\r\n    @if (type() !== 'time') {\r\n    <div\r\n      role=\"presentation\"\r\n      class=\"cmat-datetimepicker-calendar-header-date header-button\"\r\n      [class.active]=\"currentView() === 'month'\"\r\n      [class.not-clickable]=\"type() === 'month'\"\r\n      [attr.aria-label]=\"dateButtonLabel\"\r\n      (click)=\"dateClicked()\"\r\n    >\r\n      {{ dateButtonText }}\r\n    </div>\r\n    } @if (type().endsWith('time')) {\r\n    <span\r\n      class=\"cmat-datetimepicker-calendar-header-time\"\r\n      [class.active]=\"currentView() === 'clock'\"\r\n    >\r\n      <span\r\n        class=\"cmat-datetimepicker-calendar-header-hour-minute-container flex place-items-center\"\r\n      >\r\n        <div\r\n          role=\"presentation\"\r\n          class=\"cmat-datetimepicker-calendar-header-hours header-button\"\r\n          [class.active]=\"clockView() === 'hour'\"\r\n          [attr.aria-label]=\"hourButtonLabel\"\r\n          (click)=\"hoursClicked()\"\r\n        >\r\n          {{ hoursButtonText }}\r\n        </div>\r\n        <span class=\"cmat-datetimepicker-calendar-header-hour-minute-separator\"\r\n          >&#58;</span\r\n        >\r\n        <div\r\n          role=\"presentation\"\r\n          class=\"cmat-datetimepicker-calendar-header-minutes header-button\"\r\n          [class.active]=\"clockView() === 'minute'\"\r\n          [attr.aria-label]=\"minuteButtonLabel\"\r\n          (click)=\"minutesClicked()\"\r\n        >\r\n          {{ minutesButtonText }}\r\n        </div>\r\n      </span>\r\n      @if (twelvehour()) {\r\n      <span\r\n        class=\"cmat-datetimepicker-calendar-header-ampm-container flex place-items-center\"\r\n      >\r\n        <div\r\n          role=\"presentation\"\r\n          class=\"cmat-datetimepicker-calendar-header-ampm header-button\"\r\n          aria-label=\"AM\"\r\n          [class.active]=\"AMPM() === 'AM'\"\r\n          (click)=\"ampmClicked('AM')\"\r\n        >\r\n          AM\r\n        </div>\r\n        <div\r\n          role=\"presentation\"\r\n          class=\"cmat-datetimepicker-calendar-header-ampm header-button\"\r\n          aria-label=\"PM\"\r\n          [class.active]=\"AMPM() === 'PM'\"\r\n          (click)=\"ampmClicked('PM')\"\r\n        >\r\n          PM\r\n        </div>\r\n      </span>\r\n      }\r\n    </span>\r\n    }\r\n  </div>\r\n  }\r\n</div>\r\n\r\n<div\r\n  class=\"cmat-datetimepicker-calendar-content\"\r\n  [ngClass]=\"{'flex flex-col justify-center': currentView() === 'clock'}\"\r\n>\r\n  @if (currentView() === 'month' || currentView() === 'year' || currentView() ===\r\n  'multi-year') {\r\n  <div class=\"cmat-datetimepickermonth-content\">\r\n    <div class=\"cmat-datetimepicker-calendar-controls\">\r\n      <button\r\n        matIconButton\r\n        type=\"button\"\r\n        class=\"cmat-datetimepicker-calendar-previous-button\"\r\n        [class.disabled]=\"!previousEnabled()\"\r\n        [attr.aria-disabled]=\"!previousEnabled()\"\r\n        [attr.aria-label]=\"prevButtonLabel\"\r\n        (click)=\"previousClicked()\"\r\n      >\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\r\n          <path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"></path>\r\n        </svg>\r\n      </button>\r\n      <div\r\n        class=\"cmat-datetimepicker-calendar-period-button text-default font-medium cmat-calendar-slide-animation\"\r\n        [ngClass]=\"{\r\n        'left': calendarState()==='left',\r\n        'right': calendarState()==='right'\r\n        }\"\r\n      >\r\n        <strong>{{ yearPeriodText }}</strong>\r\n      </div>\r\n      <button\r\n        type=\"button\"\r\n        matIconButton\r\n        class=\"cmat-datetimepicker-calendar-next-button\"\r\n        [class.disabled]=\"!nextEnabled()\"\r\n        [attr.aria-disabled]=\"!nextEnabled()\"\r\n        [attr.aria-label]=\"nextButtonLabel\"\r\n        (click)=\"nextClicked()\"\r\n      >\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\r\n          <path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"></path>\r\n        </svg>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  } @switch (currentView()) { @case ('month') {\r\n  <cmat-datetimepicker-month-view\r\n    [activeDate]=\"activeDate()\"\r\n    [dateFilter]=\"dateFilterForViews\"\r\n    [selected]=\"selected()\"\r\n    [type]=\"type()\"\r\n    (userSelection)=\"userSelected()\"\r\n    (selectedChange)=\"dateSelected($event)\"\r\n  >\r\n  </cmat-datetimepicker-month-view>\r\n  } @case ('year') {\r\n  <cmat-datetimepicker-year-view\r\n    [activeDate]=\"activeDate()\"\r\n    [dateFilter]=\"dateFilterForViews\"\r\n    [selected]=\"selected()\"\r\n    [type]=\"type()\"\r\n    (userSelection)=\"userSelected()\"\r\n    (selectedChange)=\"monthSelected($event)\"\r\n  >\r\n  </cmat-datetimepicker-year-view>\r\n  } @case ('multi-year') {\r\n  <cmat-datetimepicker-multi-year-view\r\n    [activeDate]=\"activeDate()\"\r\n    [dateFilter]=\"dateFilterForViews\"\r\n    [maxDate]=\"maxDate()\"\r\n    [minDate]=\"minDate()\"\r\n    [selected]=\"selected()\"\r\n    [type]=\"type()\"\r\n    (userSelection)=\"userSelected()\"\r\n    (selectedChange)=\"yearSelected($event)\"\r\n  >\r\n  </cmat-datetimepicker-multi-year-view>\r\n  } @default { @if (timeInput()) {\r\n  <cmat-datetimepicker-time\r\n    [AMPM]=\"AMPM()\"\r\n    [clockView]=\"clockView()\"\r\n    [twelvehour]=\"twelvehour()\"\r\n    [dateFilter]=\"dateFilter()\"\r\n    [interval]=\"timeInterval()\"\r\n    [maxDate]=\"maxDate()\"\r\n    [minDate]=\"minDate()\"\r\n    [selected]=\"activeDate()\"\r\n    (userSelection)=\"userSelected()\"\r\n    (activeDateChange)=\"onActiveDateChange($event)\"\r\n    (selectedChange)=\"timeSelected($event)\"\r\n    (ampmChange)=\"ampmClicked($event)\"\r\n    (clockViewChange)=\"clockView.set($event)\"\r\n  >\r\n  </cmat-datetimepicker-time>\r\n  } @else {\r\n  <cmat-datetimepicker-clock\r\n    [activeDate]=\"activeDate()\"\r\n    [dateFilter]=\"dateFilter()\"\r\n    [interval]=\"timeInterval()\"\r\n    [maxDate]=\"maxDate()\"\r\n    [minDate]=\"minDate()\"\r\n    [selected]=\"activeDate()\"\r\n    [startView]=\"clockView()\"\r\n    [twelvehour]=\"twelvehour()\"\r\n    (userSelection)=\"userSelected()\"\r\n    (activeDateChange)=\"onActiveDateChange($event)\"\r\n    (selectedChange)=\"dialTimeSelected($event)\"\r\n  >\r\n  </cmat-datetimepicker-clock>\r\n  } } }\r\n</div>\r\n", styles: [".cmat-datetimepicker-calendar{display:block;outline:none}.cmat-datetimepicker-calendar-header{box-sizing:border-box;padding:8px;border-radius:4px 4px 0 0;min-width:264px}.cmat-datetimepicker-calendar-header .header-button{color:#fff!important;padding:0 4px;font-size:inherit;white-space:normal;word-break:break-word;font-weight:500;cursor:pointer}.cmat-datetimepicker-calendar-header-year.header-button{font-size:26px;line-height:24px;display:flex}.cmat-datetimepicker-calendar-header-date-time{font-size:24px;line-height:36px;display:flex;flex-direction:row}.cmat-datetimepicker-calendar-header-year:not(.active),.cmat-datetimepicker-calendar-header-date:not(.active),.cmat-datetimepicker-calendar-header-hours:not(.active),.cmat-datetimepicker-calendar-header-minutes:not(.active),.cmat-datetimepicker-calendar-header-ampm:not(.active){opacity:.6}.cmat-datetimepicker-calendar-header-year.not-clickable,.cmat-datetimepicker-calendar-header-date.not-clickable,.cmat-datetimepicker-calendar-header-hours.not-clickable,.cmat-datetimepicker-calendar-header-minutes.not-clickable,.cmat-datetimepicker-calendar-header-ampm.not-clickable{cursor:initial}.cmat-datetimepicker-calendar-header-time{display:inline-flex}.cmat-datetimepicker-calendar-header-time:not(.active){opacity:.6}.cmat-datetimepicker-calendar-header-time:not(.active) .cmat-datetimepicker-calendar-header-hours,.cmat-datetimepicker-calendar-header-time:not(.active) .cmat-datetimepicker-calendar-header-minutes,.cmat-datetimepicker-calendar-header-time:not(.active) .cmat-datetimepicker-calendar-header-ampm{opacity:1}.cmat-datetimepicker-calendar-header-hour-minute-separator{display:inline-block;width:8px;text-align:center}.cmat-datetimepicker-calendar-header-ampm-container{display:inline-flex;flex-direction:column;line-height:18px;font-size:12px}.cmat-datetimepicker-calendar-content{width:100%;padding:8px;outline:none;box-sizing:border-box;overflow:hidden}.cmat-datetimepicker-calendar-controls{display:flex;justify-content:space-between;margin:0 calc(4.7142857143% - 16px)}.cmat-datetimepicker-calendar-period-button{display:inline-block;height:40px;line-height:40px;outline:none;border:0;background:transparent;box-sizing:border-box}.cmat-datetimepicker-calendar-previous-button.disabled,.cmat-datetimepicker-calendar-next-button.disabled{pointer-events:none}.cmat-datetimepicker-calendar-previous-button svg,.cmat-datetimepicker-calendar-next-button svg{fill:currentColor;vertical-align:top}[dir=rtl] .cmat-datetimepicker-calendar-previous-button svg,[dir=rtl] .cmat-datetimepicker-calendar-next-button svg{transform:rotate(180deg)}.cmat-datetimepicker-calendar-table{border-spacing:0;border-collapse:collapse;width:100%}.cmat-datetimepicker-calendar-table-header th{text-align:center;padding:8px 0}\n", ".cmat-calendar-slide-animation.left{animation:slideCalendarLeft .18s}.cmat-calendar-slide-animation.right{animation:slideCalendarRight .18s}@keyframes slideCalendarLeft{0%,50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideCalendarRight{0%,50%{transform:translate(-100%)}51%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: CmatDatetimepickerMonthViewComponent, selector: "cmat-datetimepicker-month-view", inputs: ["type", "dateFilter", "minDate", "maxDate", "selected", "activeDate"], outputs: ["userSelection", "selectedChange"], exportAs: ["cmatDatetimepickerMonthView"] }, { kind: "component", type: CmatDatetimepickerYearViewComponent, selector: "cmat-datetimepicker-year-view", inputs: ["type", "dateFilter", "minDate", "maxDate", "selected", "activeDate"], outputs: ["userSelection", "selectedChange"], exportAs: ["cmatDatetimepickerYearView"] }, { kind: "component", type: CmatDatetimepickerMultiYearViewComponent, selector: "cmat-datetimepicker-multi-year-view", inputs: ["type", "dateFilter", "minDate", "maxDate", "selected", "activeDate"], outputs: ["userSelection", "selectedChange"], exportAs: ["cmatDatetimepickerMultiYearView"] }, { kind: "component", type: CmatDatetimepickerTimeComponent, selector: "cmat-datetimepicker-time", inputs: ["dateFilter", "interval", "AMPM", "twelvehour", "minDate", "maxDate", "selected", "clockView"], outputs: ["selectedChange", "activeDateChange", "userSelection", "ampmChange", "clockViewChange"], exportAs: ["cmatDatetimepickerTime"] }, { kind: "component", type: CmatDatetimepickerClockComponent, selector: "cmat-datetimepicker-clock", inputs: ["dateFilter", "interval", "twelvehour", "minDate", "maxDate", "selected", "startView", "activeDate"], outputs: ["userSelection", "selectedChange", "activeDateChange"], exportAs: ["cmatDatetimepickerClock"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: CmatDatetimepickerCalendarComponent, isStandalone: true, selector: "cmat-datetimepicker-calendar", inputs: { startView: { classPropertyName: "startView", publicName: "startView", isSignal: true, isRequired: false, transformFunction: null }, twelvehour: { classPropertyName: "twelvehour", publicName: "twelvehour", isSignal: true, isRequired: false, transformFunction: null }, timeInterval: { classPropertyName: "timeInterval", publicName: "timeInterval", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, multiYearSelector: { classPropertyName: "multiYearSelector", publicName: "multiYearSelector", isSignal: true, isRequired: false, transformFunction: null }, timeInput: { classPropertyName: "timeInput", publicName: "timeInput", isSignal: true, isRequired: false, transformFunction: null }, dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", isSignal: true, isRequired: false, transformFunction: null }, preventSameDateTimeSelection: { classPropertyName: "preventSameDateTimeSelection", publicName: "preventSameDateTimeSelection", 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 }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, startAt: { classPropertyName: "startAt", publicName: "startAt", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { userSelection: "userSelection", selectedChange: "selectedChange", viewChanged: "viewChanged", multiYearSelector: "multiYearSelectorChange" }, host: { attributes: { "role": "dialog", "tabindex": "0" }, properties: { "attr.aria-label": "\"ariaLabel\"", "class.cmat-datetimepicker-calendar-with-time-input": "timeInput()" }, classAttribute: "cmat-datetimepicker-calendar" }, exportAs: ["cmatDatetimepickerCalendar"], ngImport: i0, template: "<div\r\n  class=\"cmat-datetimepicker-calendar-header\"\r\n  [attr.data-refresh]=\"intlVersion()\"\r\n>\r\n  @if (type() !== 'time') {\r\n  <div\r\n    role=\"presentation\"\r\n    class=\"cmat-datetimepicker-calendar-header-year header-button\"\r\n    [class.active]=\"currentView() === 'year' || currentView() === 'multi-year'\"\r\n    [attr.aria-label]=\"yearButtonLabel\"\r\n    (click)=\"yearClicked()\"\r\n  >\r\n    <span class=\"font-medium\">{{ yearButtonText }}</span>\r\n    @if (multiYearSelector() || type() === 'year') {\r\n    <svg\r\n      class=\"cmat-datetimepicker-calendar-header-year-dropdown\"\r\n      width=\"24\"\r\n      height=\"24\"\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"currentColor\"\r\n    >\r\n      <path d=\"M7,10L12,15L17,10H7Z\"></path>\r\n    </svg>\r\n    }\r\n  </div>\r\n  } @if (type() !== 'year') {\r\n  <div class=\"cmat-datetimepicker-calendar-header-date-time\">\r\n    @if (type() !== 'time') {\r\n    <div\r\n      role=\"presentation\"\r\n      class=\"cmat-datetimepicker-calendar-header-date header-button\"\r\n      [class.active]=\"currentView() === 'month'\"\r\n      [class.not-clickable]=\"type() === 'month'\"\r\n      [attr.aria-label]=\"dateButtonLabel\"\r\n      (click)=\"dateClicked()\"\r\n    >\r\n      {{ dateButtonText }}\r\n    </div>\r\n    } @if (type().endsWith('time')) {\r\n    <span\r\n      class=\"cmat-datetimepicker-calendar-header-time\"\r\n      [class.active]=\"currentView() === 'clock'\"\r\n    >\r\n      <span\r\n        class=\"cmat-datetimepicker-calendar-header-hour-minute-container flex place-items-center\"\r\n      >\r\n        <div\r\n          role=\"presentation\"\r\n          class=\"cmat-datetimepicker-calendar-header-hours header-button\"\r\n          [class.active]=\"clockView() === 'hour'\"\r\n          [attr.aria-label]=\"hourButtonLabel\"\r\n          (click)=\"hoursClicked()\"\r\n        >\r\n          {{ hoursButtonText }}\r\n        </div>\r\n        <span class=\"cmat-datetimepicker-calendar-header-hour-minute-separator\"\r\n          >&#58;</span\r\n        >\r\n        <div\r\n          role=\"presentation\"\r\n          class=\"cmat-datetimepicker-calendar-header-minutes header-button\"\r\n          [class.active]=\"clockView() === 'minute'\"\r\n          [attr.aria-label]=\"minuteButtonLabel\"\r\n          (click)=\"minutesClicked()\"\r\n        >\r\n          {{ minutesButtonText }}\r\n        </div>\r\n      </span>\r\n      @if (twelvehour()) {\r\n      <span\r\n        class=\"cmat-datetimepicker-calendar-header-ampm-container flex place-items-center\"\r\n      >\r\n        <div\r\n          role=\"presentation\"\r\n          class=\"cmat-datetimepicker-calendar-header-ampm header-button\"\r\n          aria-label=\"AM\"\r\n          [class.active]=\"AMPM() === 'AM'\"\r\n          (click)=\"ampmClicked('AM')\"\r\n        >\r\n          AM\r\n        </div>\r\n        <div\r\n          role=\"presentation\"\r\n          class=\"cmat-datetimepicker-calendar-header-ampm header-button\"\r\n          aria-label=\"PM\"\r\n          [class.active]=\"AMPM() === 'PM'\"\r\n          (click)=\"ampmClicked('PM')\"\r\n        >\r\n          PM\r\n        </div>\r\n      </span>\r\n      }\r\n    </span>\r\n    }\r\n  </div>\r\n  }\r\n</div>\r\n\r\n<div\r\n  class=\"cmat-datetimepicker-calendar-content\"\r\n  [ngClass]=\"{'flex flex-col justify-center': currentView() === 'clock'}\"\r\n>\r\n  @if (currentView() === 'month' || currentView() === 'year' || currentView() ===\r\n  'multi-year') {\r\n  <div class=\"cmat-datetimepickermonth-content\">\r\n    <div class=\"cmat-datetimepicker-calendar-controls\">\r\n      <button\r\n        matIconButton\r\n        type=\"button\"\r\n        class=\"cmat-datetimepicker-calendar-previous-button\"\r\n        [class.disabled]=\"!previousEnabled()\"\r\n        [attr.aria-disabled]=\"!previousEnabled()\"\r\n        [attr.aria-label]=\"prevButtonLabel\"\r\n        (click)=\"previousClicked()\"\r\n      >\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\r\n          <path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"></path>\r\n        </svg>\r\n      </button>\r\n      <div\r\n        class=\"cmat-datetimepicker-calendar-period-button text-default font-medium cmat-calendar-slide-animation\"\r\n        [ngClass]=\"{\r\n        'left': calendarState()==='left',\r\n        'right': calendarState()==='right'\r\n        }\"\r\n      >\r\n        <strong>{{ yearPeriodText }}</strong>\r\n      </div>\r\n      <button\r\n        type=\"button\"\r\n        matIconButton\r\n        class=\"cmat-datetimepicker-calendar-next-button\"\r\n        [class.disabled]=\"!nextEnabled()\"\r\n        [attr.aria-disabled]=\"!nextEnabled()\"\r\n        [attr.aria-label]=\"nextButtonLabel\"\r\n        (click)=\"nextClicked()\"\r\n      >\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\r\n          <path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"></path>\r\n        </svg>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  } @switch (currentView()) { @case ('month') {\r\n  <cmat-datetimepicker-month-view\r\n    [activeDate]=\"activeDate()\"\r\n    [dateFilter]=\"dateFilterForViews\"\r\n    [selected]=\"selected()\"\r\n    [type]=\"type()\"\r\n    (userSelection)=\"userSelected()\"\r\n    (selectedChange)=\"dateSelected($event)\"\r\n  >\r\n  </cmat-datetimepicker-month-view>\r\n  } @case ('year') {\r\n  <cmat-datetimepicker-year-view\r\n    [activeDate]=\"activeDate()\"\r\n    [dateFilter]=\"dateFilterForViews\"\r\n    [selected]=\"selected()\"\r\n    [type]=\"type()\"\r\n    (userSelection)=\"userSelected()\"\r\n    (selectedChange)=\"monthSelected($event)\"\r\n  >\r\n  </cmat-datetimepicker-year-view>\r\n  } @case ('multi-year') {\r\n  <cmat-datetimepicker-multi-year-view\r\n    [activeDate]=\"activeDate()\"\r\n    [dateFilter]=\"dateFilterForViews\"\r\n    [maxDate]=\"maxDate()\"\r\n    [minDate]=\"minDate()\"\r\n    [selected]=\"selected()\"\r\n    [type]=\"type()\"\r\n    (userSelection)=\"userSelected()\"\r\n    (selectedChange)=\"yearSelected($event)\"\r\n  >\r\n  </cmat-datetimepicker-multi-year-view>\r\n  } @default { @if (timeInput()) {\r\n  <cmat-datetimepicker-time\r\n    [AMPM]=\"AMPM()\"\r\n    [clockView]=\"clockView()\"\r\n    [twelvehour]=\"twelvehour()\"\r\n    [dateFilter]=\"dateFilter()\"\r\n    [interval]=\"timeInterval()\"\r\n    [maxDate]=\"maxDate()\"\r\n    [minDate]=\"minDate()\"\r\n    [selected]=\"activeDate()\"\r\n    (userSelection)=\"userSelected()\"\r\n    (activeDateChange)=\"onActiveDateChange($event)\"\r\n    (selectedChange)=\"timeSelected($event)\"\r\n    (ampmChange)=\"ampmClicked($event)\"\r\n    (clockViewChange)=\"clockView.set($event)\"\r\n  >\r\n  </cmat-datetimepicker-time>\r\n  } @else {\r\n  <cmat-datetimepicker-clock\r\n    [activeDate]=\"activeDate()\"\r\n    [dateFilter]=\"dateFilter()\"\r\n    [interval]=\"timeInterval()\"\r\n    [maxDate]=\"maxDate()\"\r\n    [minDate]=\"minDate()\"\r\n    [selected]=\"activeDate()\"\r\n    [startView]=\"clockView()\"\r\n    [twelvehour]=\"twelvehour()\"\r\n    (userSelection)=\"userSelected()\"\r\n    (activeDateChange)=\"onActiveDateChange($event)\"\r\n    (selectedChange)=\"dialTimeSelected($event)\"\r\n  >\r\n  </cmat-datetimepicker-clock>\r\n  } } }\r\n</div>\r\n", styles: [".cmat-datetimepicker-calendar{display:block;outline:none}.cmat-datetimepicker-calendar-header{box-sizing:border-box;padding:8px;border-radius:4px 4px 0 0;min-width:264px}.cmat-datetimepicker-calendar-header .header-button{color:#fff!important;padding:0 4px;font-size:inherit;white-space:normal;word-break:break-word;font-weight:500;cursor:pointer}.cmat-datetimepicker-calendar-header-year.header-button{font-size:26px;line-height:24px;display:flex}.cmat-datetimepicker-calendar-header-date-time{font-size:24px;line-height:36px;display:flex;flex-direction:row}.cmat-datetimepicker-calendar-header-year:not(.active),.cmat-datetimepicker-calendar-header-date:not(.active),.cmat-datetimepicker-calendar-header-hours:not(.active),.cmat-datetimepicker-calendar-header-minutes:not(.active),.cmat-datetimepicker-calendar-header-ampm:not(.active){opacity:.6}.cmat-datetimepicker-calendar-header-year.not-clickable,.cmat-datetimepicker-calendar-header-date.not-clickable,.cmat-datetimepicker-calendar-header-hours.not-clickable,.cmat-datetimepicker-calendar-header-minutes.not-clickable,.cmat-datetimepicker-calendar-header-ampm.not-clickable{cursor:initial}.cmat-datetimepicker-calendar-header-time{display:inline-flex}.cmat-datetimepicker-calendar-header-time:not(.active){opacity:.6}.cmat-datetimepicker-calendar-header-time:not(.active) .cmat-datetimepicker-calendar-header-hours,.cmat-datetimepicker-calendar-header-time:not(.active) .cmat-datetimepicker-calendar-header-minutes,.cmat-datetimepicker-calendar-header-time:not(.active) .cmat-datetimepicker-calendar-header-ampm{opacity:1}.cmat-datetimepicker-calendar-header-hour-minute-separator{display:inline-block;width:8px;text-align:center}.cmat-datetimepicker-calendar-header-ampm-container{display:inline-flex;flex-direction:column;line-height:18px;font-size:12px}.cmat-datetimepicker-calendar-content{width:100%;padding:8px;outline:none;box-sizing:border-box;overflow:hidden}.cmat-datetimepicker-calendar-controls{display:flex;justify-content:space-between;margin:0 calc(4.7142857143% - 16px)}.cmat-datetimepicker-calendar-period-button{display:inline-block;height:40px;line-height:40px;outline:none;border:0;background:transparent;box-sizing:border-box}.cmat-datetimepicker-calendar-previous-button.disabled,.cmat-datetimepicker-calendar-next-button.disabled{pointer-events:none}.cmat-datetimepicker-calendar-previous-button svg,.cmat-datetimepicker-calendar-next-button svg{fill:currentColor;vertical-align:top}[dir=rtl] .cmat-datetimepicker-calendar-previous-button svg,[dir=rtl] .cmat-datetimepicker-calendar-next-button svg{transform:rotate(180deg)}.cmat-datetimepicker-calendar-table{border-spacing:0;border-collapse:collapse;width:100%}.cmat-datetimepicker-calendar-table-header th{text-align:center;padding:8px 0}\n", ".cmat-calendar-slide-animation.left{animation:slideCalendarLeft .18s}.cmat-calendar-slide-animation.right{animation:slideCalendarRight .18s}@keyframes slideCalendarLeft{0%,50%{transform:translate(100%)}51%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideCalendarRight{0%,50%{transform:translate(-100%)}51%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: CmatDatetimepickerMonthViewComponent, selector: "cmat-datetimepicker-month-view", inputs: ["type", "dateFilter", "minDate", "maxDate", "selected", "activeDate"], outputs: ["userSelection", "selectedChange"], exportAs: ["cmatDatetimepickerMonthView"] }, { kind: "component", type: CmatDatetimepickerYearViewComponent, selector: "cmat-datetimepicker-year-view", inputs: ["type", "dateFilter", "minDate", "maxDate", "selected", "activeDate"], outputs: ["userSelection", "selectedChange"], exportAs: ["cmatDatetimepickerYearView"] }, { kind: "component", type: CmatDatetimepickerMultiYearViewComponent, selector: "cmat-datetimepicker-multi-year-view", inputs: ["type", "dateFilter", "minDate", "maxDate", "selected", "activeDate"], outputs: ["userSelection", "selectedChange"], exportAs: ["cmatDatetimepickerMultiYearView"] }, { kind: "component", type: CmatDatetimepickerTimeComponent, selector: "cmat-datetimepicker-time", inputs: ["dateFilter", "interval", "AMPM", "twelvehour", "minDate", "maxDate", "selected", "clockView"], outputs: ["selectedChange", "activeDateChange", "userSelection", "ampmChange", "clockViewChange"], exportAs: ["cmatDatetimepickerTime"] }, { kind: "component", type: CmatDatetimepickerClockComponent, selector: "cmat-datetimepicker-clock", inputs: ["dateFilter", "interval", "twelvehour", "minDate", "maxDate", "selected", "startView", "activeDate"], outputs: ["userSelection", "selectedChange", "activeDateChange"], exportAs: ["cmatDatetimepickerClock"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerCalendarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerCalendarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-datetimepicker-calendar', host: {
                         'class': 'cmat-datetimepicker-calendar',
@@ -1795,7 +1795,8 @@ const CMAT_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER = {
 };
 class CmatDatetimepickerContentComponent {
     constructor() {
-        this._calendar = viewChild.required(CmatDatetimepickerCalendarComponent);
+        this._calendar = viewChild.required(CmatDatetimepickerCalendarComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_calendar" }] : /* istanbul ignore next */ []));
         this.color = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "color" }] : /* istanbul ignore next */ []));
         this.animationState = signal('enter-dropdown', /* @ts-ignore */
@@ -1826,10 +1827,10 @@ class CmatDatetimepickerContentComponent {
         this.animationDone.complete();
         this._elementRef.nativeElement.removeEventListener('animationend', this._animationEndListener);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.2", type: CmatDatetimepickerContentComponent, isStandalone: true, selector: "cmat-datetimepicker-content", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "color() ? \"mat-\" + color() : \"\"", "class.enter-dropdown": "animationState() === \"enter-dropdown\"", "class.enter-dialog": "animationState() === \"enter-dialog\"", "class.leave": "animationState() === \"leave\"", "class.cmat-datetimepicker-content-touch": "datetimepicker?.touchUi()", "attr.mode": "datetimepicker.mode()" }, classAttribute: "cmat-datetimepicker-content cmat-datetimepicker-transform-panel" }, viewQueries: [{ propertyName: "_calendar", first: true, predicate: CmatDatetimepickerCalendarComponent, descendants: true, isSignal: true }], exportAs: ["cmatDatetimepickerContent"], ngImport: i0, template: "<div\r\n  cdkTrapFocus\r\n  role=\"dialog\"\r\n  class=\"cmat-datetimepicker-content-container\"\r\n  [attr.aria-modal]=\"true\"\r\n  [attr.aria-labelledby]=\"dialogLabelId ?? undefined\"\r\n  [attr.mode]=\"datetimepicker.mode()\"\r\n>\r\n  <cmat-datetimepicker-calendar\r\n    [id]=\"datetimepicker.id\"\r\n    [ngClass]=\"datetimepicker.panelClass()\"\r\n    [attr.mode]=\"datetimepicker.mode()\"\r\n    [type]=\"datetimepicker.type()\"\r\n    [startAt]=\"$any(datetimepicker.startAt())\"\r\n    [startView]=\"datetimepicker.startView()\"\r\n    [maxDate]=\"$any(datetimepicker.maxDate())\"\r\n    [minDate]=\"$any(datetimepicker.minDate())\"\r\n    [dateFilter]=\"$any(datetimepicker.dateFilter())\"\r\n    [multiYearSelector]=\"datetimepicker.multiYearSelector()\"\r\n    [preventSameDateTimeSelection]=\"datetimepicker.preventSameDateTimeSelection()\"\r\n    [timeInterval]=\"datetimepicker.timeInterval()\"\r\n    [twelvehour]=\"datetimepicker.twelvehour()\"\r\n    [selected]=\"$any(datetimepicker.selected())\"\r\n    [timeInput]=\"datetimepicker.timeInput()\"\r\n    (selectedChange)=\"datetimepicker.select($any($event))\"\r\n    (viewChanged)=\"datetimepicker.viewChange($event)\"\r\n    (userSelection)=\"datetimepicker.close()\"\r\n  >\r\n  </cmat-datetimepicker-calendar>\r\n</div>", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: CmatDatetimepickerCalendarComponent, selector: "cmat-datetimepicker-calendar", inputs: ["startView", "twelvehour", "timeInterval", "type", "multiYearSelector", "timeInput", "dateFilter", "preventSameDateTimeSelection", "minDate", "maxDate", "selected", "startAt"], outputs: ["userSelection", "selectedChange", "viewChanged", "multiYearSelectorChange"], exportAs: ["cmatDatetimepickerCalendar"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.6", type: CmatDatetimepickerContentComponent, isStandalone: true, selector: "cmat-datetimepicker-content", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "color() ? \"mat-\" + color() : \"\"", "class.enter-dropdown": "animationState() === \"enter-dropdown\"", "class.enter-dialog": "animationState() === \"enter-dialog\"", "class.leave": "animationState() === \"leave\"", "class.cmat-datetimepicker-content-touch": "datetimepicker?.touchUi()", "attr.mode": "datetimepicker.mode()" }, classAttribute: "cmat-datetimepicker-content cmat-datetimepicker-transform-panel" }, viewQueries: [{ propertyName: "_calendar", first: true, predicate: CmatDatetimepickerCalendarComponent, descendants: true, isSignal: true }], exportAs: ["cmatDatetimepickerContent"], ngImport: i0, template: "<div\r\n  cdkTrapFocus\r\n  role=\"dialog\"\r\n  class=\"cmat-datetimepicker-content-container\"\r\n  [attr.aria-modal]=\"true\"\r\n  [attr.aria-labelledby]=\"dialogLabelId ?? undefined\"\r\n  [attr.mode]=\"datetimepicker.mode()\"\r\n>\r\n  <cmat-datetimepicker-calendar\r\n    [id]=\"datetimepicker.id\"\r\n    [ngClass]=\"datetimepicker.panelClass()\"\r\n    [attr.mode]=\"datetimepicker.mode()\"\r\n    [type]=\"datetimepicker.type()\"\r\n    [startAt]=\"$any(datetimepicker.startAt())\"\r\n    [startView]=\"datetimepicker.startView()\"\r\n    [maxDate]=\"$any(datetimepicker.maxDate())\"\r\n    [minDate]=\"$any(datetimepicker.minDate())\"\r\n    [dateFilter]=\"$any(datetimepicker.dateFilter())\"\r\n    [multiYearSelector]=\"datetimepicker.multiYearSelector()\"\r\n    [preventSameDateTimeSelection]=\"datetimepicker.preventSameDateTimeSelection()\"\r\n    [timeInterval]=\"datetimepicker.timeInterval()\"\r\n    [twelvehour]=\"datetimepicker.twelvehour()\"\r\n    [selected]=\"$any(datetimepicker.selected())\"\r\n    [timeInput]=\"datetimepicker.timeInput()\"\r\n    (selectedChange)=\"datetimepicker.select($any($event))\"\r\n    (viewChanged)=\"datetimepicker.viewChange($event)\"\r\n    (userSelection)=\"datetimepicker.close()\"\r\n  >\r\n  </cmat-datetimepicker-calendar>\r\n</div>", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: CmatDatetimepickerCalendarComponent, selector: "cmat-datetimepicker-calendar", inputs: ["startView", "twelvehour", "timeInterval", "type", "multiYearSelector", "timeInput", "dateFilter", "preventSameDateTimeSelection", "minDate", "maxDate", "selected", "startAt"], outputs: ["userSelection", "selectedChange", "viewChanged", "multiYearSelectorChange"], exportAs: ["cmatDatetimepickerCalendar"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-datetimepicker-content', host: {
                         'class': 'cmat-datetimepicker-content cmat-datetimepicker-transform-panel',
@@ -2158,10 +2159,10 @@ class CmatDatetimepickerComponent {
             };
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.2", type: CmatDatetimepickerComponent, isStandalone: true, selector: "cmat-datetimepicker", inputs: { startView: { classPropertyName: "startView", publicName: "startView", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, timeInterval: { classPropertyName: "timeInterval", publicName: "timeInterval", isSignal: true, isRequired: false, transformFunction: null }, preventSameDateTimeSelection: { classPropertyName: "preventSameDateTimeSelection", publicName: "preventSameDateTimeSelection", isSignal: true, isRequired: false, transformFunction: null }, xPosition: { classPropertyName: "xPosition", publicName: "xPosition", isSignal: true, isRequired: false, transformFunction: null }, yPosition: { classPropertyName: "yPosition", publicName: "yPosition", isSignal: true, isRequired: false, transformFunction: null }, multiYearSelector: { classPropertyName: "multiYearSelector", publicName: "multiYearSelector", isSignal: true, isRequired: false, transformFunction: null }, twelvehour: { classPropertyName: "twelvehour", publicName: "twelvehour", isSignal: true, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: true, isRequired: false, transformFunction: null }, timeInput: { classPropertyName: "timeInput", publicName: "timeInput", isSignal: true, isRequired: false, transformFunction: null }, touchUi: { classPropertyName: "touchUi", publicName: "touchUi", isSignal: true, isRequired: false, transformFunction: null }, restoreFocus: { classPropertyName: "restoreFocus", publicName: "restoreFocus", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, startAt: { classPropertyName: "startAt", publicName: "startAt", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openedStream: "openedStream", closedStream: "closedStream", viewChanged: "viewChanged" }, exportAs: ["cmatDatetimepicker"], ngImport: i0, template: '', isInline: true, styles: [".cmat-datetimepicker-calendar-header,.cmat-datetimepicker-calendar-body-cell-content.cmat-datetimepicker-calendar-body-selected{color:#fff!important}.cmat-datetimepicker-calendar-body-cell-content:not(.cmat-datetimepicker-calendar-body-selected).cmat-datetimepicker-calendar-body-today{border-color:var(--cmat-text-hint)}.cmat-datetimepicker-calendar-body-cell:not(.cmat-datetimepicker-calendar-body-disabled):hover>.cmat-datetimepicker-calendar-body-cell-content:not(.cmat-datetimepicker-calendar-body-selected),.cmat-datetimepicker-calendar-body-active>.cmat-datetimepicker-calendar-body-cell-content:not(.cmat-datetimepicker-calendar-body-selected){background-color:rgba(var(--cmat-primary-rgb),.3)}.cmat-datetimepicker-calendar-body-disabled>.cmat-datetimepicker-calendar-body-cell-content:not(.cmat-datetimepicker-calendar-body-selected){color:var(--cmat-text-disabled)}.cmat-datetimepicker-calendar-body-disabled>.cmat-datetimepicker-calendar-body-today:not(.cmat-datetimepicker-calendar-body-selected){border-color:rgba(var(--cmat-text-disabled),.8)}.cmat-datetimepicker-calendar-body-disabled>.cmat-datetimepicker-calendar-body-selected{background-color:rgba(var(--cmat-primary-rgb),.4)}.cmat-datetimepicker-calendar-previous-button.disabled,.cmat-datetimepicker-calendar-next-button.disabled{color:var(--cmat-text-disabled)}.cmat-datetimepicker-clock-wrapper{background-color:var(--cmat-divider)}.cmat-datetimepicker-clock-cell.cmat-datetimepicker-clock-cell-selected{color:#fff!important}.cmat-datetimepicker-clock-cell.cmat-datetimepicker-clock-cell-disabled{color:var(--cmat-text-disabled)}.cmat-datetimepicker-time-input{background-color:var(--cmat-text-disabled)}.cmat-datetimepicker-time-input.cmat-datetimepicker-time-input-active{background-color:rgba(var(--cmat-primary-rgb),.2)}.cmat-datetimepicker-time-input.cmat-datetimepicker-time-input-active:focus{border-color:var(--cmat-primary);background-color:var(--cmat-divider)}.cmat-datetimepicker-time-input.cmat-datetimepicker-time-input-active:focus::placeholder{color:rgba(var(--cmat-primary-rgb),.6)}.cmat-datetimepicker-time-input.cmat-datetimepicker-time-input-warning{border-color:var(--cmat-warn)}.cmat-datetimepicker-time-am.mat-mdc-button,.cmat-datetimepicker-time-pm.mat-mdc-button{color:var(--cmat-text-hint);border-color:var(--cmat-text-hint)}.cmat-datetimepicker-time-am.mat-mdc-button.cmat-datetimepicker-time-ampm-active,.cmat-datetimepicker-time-pm.mat-mdc-button.cmat-datetimepicker-time-ampm-active{background-color:rgba(var(--cmat-accent-rgb),.2)}.cmat-datetimepicker-content{display:block;border-radius:4px;overflow:hidden}.cmat-datetimepicker-content-container{display:flex;flex-direction:column;justify-content:space-between}.cmat-datetimepicker-content .cmat-calendar{width:296px;height:424px}.cmat-datetimepicker-content .cmat-calendar.cmat-datetimepicker-calendar-with-time-input{height:490px}.cmat-datetimepicker-content-touch{display:block;position:relative;overflow:visible}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container{min-height:300px;max-height:850px;min-width:250px;max-width:750px}.cmat-datetimepicker-content-touch .cmat-datetimepicker-calendar{width:100%;height:auto}@media all and (orientation:landscape){.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=auto],.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=landscape]{width:120vh;height:100%;min-height:80vh}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=auto] .cmat-datetimepicker-calendar,.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=landscape] .cmat-datetimepicker-calendar{width:auto;height:100%}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=portrait]{width:64vh;height:90vh}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=portrait] .cmat-datetimepicker-calendar{width:100%;height:auto}}@media all and (orientation:portrait){.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=auto],.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=portrait]{width:80vw;height:120vw}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=auto] .cmat-datetimepicker-calendar,.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=portrait] .cmat-datetimepicker-calendar{width:100%;height:auto}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=landscape]{width:90vw;height:64vw}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=landscape] .cmat-datetimepicker-calendar{width:auto;height:100%}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container-with-actions{height:135vw}}.cmat-datetimepicker-transform-panel.enter-dropdown{animation:panel-dropdown-enter .12s cubic-bezier(0,0,.2,1)}.cmat-datetimepicker-transform-panel.enter-dialog{animation:panel-dialog-enter .15s cubic-bezier(0,0,.2,1)}.cmat-datetimepicker-transform-panel.leave{animation:panel-leave .1s linear}@keyframes panel-dropdown-enter{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scale(1)}}@keyframes panel-dialog-enter{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes panel-leave{0%{opacity:1}to{opacity:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.6", type: CmatDatetimepickerComponent, isStandalone: true, selector: "cmat-datetimepicker", inputs: { startView: { classPropertyName: "startView", publicName: "startView", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, timeInterval: { classPropertyName: "timeInterval", publicName: "timeInterval", isSignal: true, isRequired: false, transformFunction: null }, preventSameDateTimeSelection: { classPropertyName: "preventSameDateTimeSelection", publicName: "preventSameDateTimeSelection", isSignal: true, isRequired: false, transformFunction: null }, xPosition: { classPropertyName: "xPosition", publicName: "xPosition", isSignal: true, isRequired: false, transformFunction: null }, yPosition: { classPropertyName: "yPosition", publicName: "yPosition", isSignal: true, isRequired: false, transformFunction: null }, multiYearSelector: { classPropertyName: "multiYearSelector", publicName: "multiYearSelector", isSignal: true, isRequired: false, transformFunction: null }, twelvehour: { classPropertyName: "twelvehour", publicName: "twelvehour", isSignal: true, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: true, isRequired: false, transformFunction: null }, timeInput: { classPropertyName: "timeInput", publicName: "timeInput", isSignal: true, isRequired: false, transformFunction: null }, touchUi: { classPropertyName: "touchUi", publicName: "touchUi", isSignal: true, isRequired: false, transformFunction: null }, restoreFocus: { classPropertyName: "restoreFocus", publicName: "restoreFocus", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, startAt: { classPropertyName: "startAt", publicName: "startAt", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openedStream: "openedStream", closedStream: "closedStream", viewChanged: "viewChanged" }, exportAs: ["cmatDatetimepicker"], ngImport: i0, template: '', isInline: true, styles: [".cmat-datetimepicker-calendar-header,.cmat-datetimepicker-calendar-body-cell-content.cmat-datetimepicker-calendar-body-selected{color:#fff!important}.cmat-datetimepicker-calendar-body-cell-content:not(.cmat-datetimepicker-calendar-body-selected).cmat-datetimepicker-calendar-body-today{border-color:var(--cmat-text-hint)}.cmat-datetimepicker-calendar-body-cell:not(.cmat-datetimepicker-calendar-body-disabled):hover>.cmat-datetimepicker-calendar-body-cell-content:not(.cmat-datetimepicker-calendar-body-selected),.cmat-datetimepicker-calendar-body-active>.cmat-datetimepicker-calendar-body-cell-content:not(.cmat-datetimepicker-calendar-body-selected){background-color:rgba(var(--cmat-primary-rgb),.3)}.cmat-datetimepicker-calendar-body-disabled>.cmat-datetimepicker-calendar-body-cell-content:not(.cmat-datetimepicker-calendar-body-selected){color:var(--cmat-text-disabled)}.cmat-datetimepicker-calendar-body-disabled>.cmat-datetimepicker-calendar-body-today:not(.cmat-datetimepicker-calendar-body-selected){border-color:rgba(var(--cmat-text-disabled),.8)}.cmat-datetimepicker-calendar-body-disabled>.cmat-datetimepicker-calendar-body-selected{background-color:rgba(var(--cmat-primary-rgb),.4)}.cmat-datetimepicker-calendar-previous-button.disabled,.cmat-datetimepicker-calendar-next-button.disabled{color:var(--cmat-text-disabled)}.cmat-datetimepicker-clock-wrapper{background-color:var(--cmat-divider)}.cmat-datetimepicker-clock-cell.cmat-datetimepicker-clock-cell-selected{color:#fff!important}.cmat-datetimepicker-clock-cell.cmat-datetimepicker-clock-cell-disabled{color:var(--cmat-text-disabled)}.cmat-datetimepicker-time-input{background-color:var(--cmat-text-disabled)}.cmat-datetimepicker-time-input.cmat-datetimepicker-time-input-active{background-color:rgba(var(--cmat-primary-rgb),.2)}.cmat-datetimepicker-time-input.cmat-datetimepicker-time-input-active:focus{border-color:var(--cmat-primary);background-color:var(--cmat-divider)}.cmat-datetimepicker-time-input.cmat-datetimepicker-time-input-active:focus::placeholder{color:rgba(var(--cmat-primary-rgb),.6)}.cmat-datetimepicker-time-input.cmat-datetimepicker-time-input-warning{border-color:var(--cmat-warn)}.cmat-datetimepicker-time-am.mat-mdc-button,.cmat-datetimepicker-time-pm.mat-mdc-button{color:var(--cmat-text-hint);border-color:var(--cmat-text-hint)}.cmat-datetimepicker-time-am.mat-mdc-button.cmat-datetimepicker-time-ampm-active,.cmat-datetimepicker-time-pm.mat-mdc-button.cmat-datetimepicker-time-ampm-active{background-color:rgba(var(--cmat-accent-rgb),.2)}.cmat-datetimepicker-content{display:block;border-radius:4px;overflow:hidden}.cmat-datetimepicker-content-container{display:flex;flex-direction:column;justify-content:space-between}.cmat-datetimepicker-content .cmat-calendar{width:296px;height:424px}.cmat-datetimepicker-content .cmat-calendar.cmat-datetimepicker-calendar-with-time-input{height:490px}.cmat-datetimepicker-content-touch{display:block;position:relative;overflow:visible}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container{min-height:300px;max-height:850px;min-width:250px;max-width:750px}.cmat-datetimepicker-content-touch .cmat-datetimepicker-calendar{width:100%;height:auto}@media all and (orientation:landscape){.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=auto],.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=landscape]{width:120vh;height:100%;min-height:80vh}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=auto] .cmat-datetimepicker-calendar,.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=landscape] .cmat-datetimepicker-calendar{width:auto;height:100%}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=portrait]{width:64vh;height:90vh}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=portrait] .cmat-datetimepicker-calendar{width:100%;height:auto}}@media all and (orientation:portrait){.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=auto],.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=portrait]{width:80vw;height:120vw}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=auto] .cmat-datetimepicker-calendar,.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=portrait] .cmat-datetimepicker-calendar{width:100%;height:auto}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=landscape]{width:90vw;height:64vw}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=landscape] .cmat-datetimepicker-calendar{width:auto;height:100%}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container-with-actions{height:135vw}}.cmat-datetimepicker-transform-panel.enter-dropdown{animation:panel-dropdown-enter .12s cubic-bezier(0,0,.2,1)}.cmat-datetimepicker-transform-panel.enter-dialog{animation:panel-dialog-enter .15s cubic-bezier(0,0,.2,1)}.cmat-datetimepicker-transform-panel.leave{animation:panel-leave .1s linear}@keyframes panel-dropdown-enter{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scale(1)}}@keyframes panel-dialog-enter{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes panel-leave{0%{opacity:1}to{opacity:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-datetimepicker', exportAs: 'cmatDatetimepicker', template: '', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, styles: [".cmat-datetimepicker-calendar-header,.cmat-datetimepicker-calendar-body-cell-content.cmat-datetimepicker-calendar-body-selected{color:#fff!important}.cmat-datetimepicker-calendar-body-cell-content:not(.cmat-datetimepicker-calendar-body-selected).cmat-datetimepicker-calendar-body-today{border-color:var(--cmat-text-hint)}.cmat-datetimepicker-calendar-body-cell:not(.cmat-datetimepicker-calendar-body-disabled):hover>.cmat-datetimepicker-calendar-body-cell-content:not(.cmat-datetimepicker-calendar-body-selected),.cmat-datetimepicker-calendar-body-active>.cmat-datetimepicker-calendar-body-cell-content:not(.cmat-datetimepicker-calendar-body-selected){background-color:rgba(var(--cmat-primary-rgb),.3)}.cmat-datetimepicker-calendar-body-disabled>.cmat-datetimepicker-calendar-body-cell-content:not(.cmat-datetimepicker-calendar-body-selected){color:var(--cmat-text-disabled)}.cmat-datetimepicker-calendar-body-disabled>.cmat-datetimepicker-calendar-body-today:not(.cmat-datetimepicker-calendar-body-selected){border-color:rgba(var(--cmat-text-disabled),.8)}.cmat-datetimepicker-calendar-body-disabled>.cmat-datetimepicker-calendar-body-selected{background-color:rgba(var(--cmat-primary-rgb),.4)}.cmat-datetimepicker-calendar-previous-button.disabled,.cmat-datetimepicker-calendar-next-button.disabled{color:var(--cmat-text-disabled)}.cmat-datetimepicker-clock-wrapper{background-color:var(--cmat-divider)}.cmat-datetimepicker-clock-cell.cmat-datetimepicker-clock-cell-selected{color:#fff!important}.cmat-datetimepicker-clock-cell.cmat-datetimepicker-clock-cell-disabled{color:var(--cmat-text-disabled)}.cmat-datetimepicker-time-input{background-color:var(--cmat-text-disabled)}.cmat-datetimepicker-time-input.cmat-datetimepicker-time-input-active{background-color:rgba(var(--cmat-primary-rgb),.2)}.cmat-datetimepicker-time-input.cmat-datetimepicker-time-input-active:focus{border-color:var(--cmat-primary);background-color:var(--cmat-divider)}.cmat-datetimepicker-time-input.cmat-datetimepicker-time-input-active:focus::placeholder{color:rgba(var(--cmat-primary-rgb),.6)}.cmat-datetimepicker-time-input.cmat-datetimepicker-time-input-warning{border-color:var(--cmat-warn)}.cmat-datetimepicker-time-am.mat-mdc-button,.cmat-datetimepicker-time-pm.mat-mdc-button{color:var(--cmat-text-hint);border-color:var(--cmat-text-hint)}.cmat-datetimepicker-time-am.mat-mdc-button.cmat-datetimepicker-time-ampm-active,.cmat-datetimepicker-time-pm.mat-mdc-button.cmat-datetimepicker-time-ampm-active{background-color:rgba(var(--cmat-accent-rgb),.2)}.cmat-datetimepicker-content{display:block;border-radius:4px;overflow:hidden}.cmat-datetimepicker-content-container{display:flex;flex-direction:column;justify-content:space-between}.cmat-datetimepicker-content .cmat-calendar{width:296px;height:424px}.cmat-datetimepicker-content .cmat-calendar.cmat-datetimepicker-calendar-with-time-input{height:490px}.cmat-datetimepicker-content-touch{display:block;position:relative;overflow:visible}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container{min-height:300px;max-height:850px;min-width:250px;max-width:750px}.cmat-datetimepicker-content-touch .cmat-datetimepicker-calendar{width:100%;height:auto}@media all and (orientation:landscape){.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=auto],.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=landscape]{width:120vh;height:100%;min-height:80vh}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=auto] .cmat-datetimepicker-calendar,.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=landscape] .cmat-datetimepicker-calendar{width:auto;height:100%}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=portrait]{width:64vh;height:90vh}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=portrait] .cmat-datetimepicker-calendar{width:100%;height:auto}}@media all and (orientation:portrait){.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=auto],.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=portrait]{width:80vw;height:120vw}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=auto] .cmat-datetimepicker-calendar,.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=portrait] .cmat-datetimepicker-calendar{width:100%;height:auto}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=landscape]{width:90vw;height:64vw}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container[mode=landscape] .cmat-datetimepicker-calendar{width:auto;height:100%}.cmat-datetimepicker-content-touch .cmat-datetimepicker-content-container-with-actions{height:135vw}}.cmat-datetimepicker-transform-panel.enter-dropdown{animation:panel-dropdown-enter .12s cubic-bezier(0,0,.2,1)}.cmat-datetimepicker-transform-panel.enter-dialog{animation:panel-dialog-enter .15s cubic-bezier(0,0,.2,1)}.cmat-datetimepicker-transform-panel.leave{animation:panel-leave .1s linear}@keyframes panel-dropdown-enter{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scale(1)}}@keyframes panel-dialog-enter{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes panel-leave{0%{opacity:1}to{opacity:0}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { openedStream: [{ type: i0.Output, args: ["openedStream"] }], closedStream: [{ type: i0.Output, args: ["closedStream"] }], viewChanged: [{ type: i0.Output, args: ["viewChanged"] }], startView: [{ type: i0.Input, args: [{ isSignal: true, alias: "startView", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], timeInterval: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeInterval", required: false }] }], preventSameDateTimeSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventSameDateTimeSelection", required: false }] }], xPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "xPosition", required: false }] }], yPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "yPosition", required: false }] }], multiYearSelector: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiYearSelector", required: false }] }], twelvehour: [{ type: i0.Input, args: [{ isSignal: true, alias: "twelvehour", required: false }] }], panelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelClass", required: false }] }], timeInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeInput", required: false }] }], touchUi: [{ type: i0.Input, args: [{ isSignal: true, alias: "touchUi", required: false }] }], restoreFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "restoreFocus", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], opened: [{ type: i0.Input, args: [{ isSignal: true, alias: "opened", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], startAt: [{ type: i0.Input, args: [{ isSignal: true, alias: "startAt", required: false }] }] } });
@@ -2423,14 +2424,14 @@ class CmatDatetimepickerInputDirective {
         this._elementRef.nativeElement.value =
             value ? this._dateAdapter.format(value, this._getDisplayFormat()) : '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: CmatDatetimepickerInputDirective, isStandalone: true, selector: "input[cmatDatetimepicker]", inputs: { cmatDatetimepicker: { classPropertyName: "cmatDatetimepicker", publicName: "cmatDatetimepicker", isSignal: true, isRequired: false, transformFunction: null }, cmatDatepickerFilter: { classPropertyName: "cmatDatepickerFilter", publicName: "cmatDatepickerFilter", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dateChange: "dateChange", dateInput: "dateInput" }, host: { listeners: { "input": "onInput($event.target.value)", "change": "onChange()", "blur": "onBlur()", "keydown": "onKeydown($event)" }, properties: { "attr.aria-haspopup": "true", "attr.aria-owns": "(datetimepicker()?.opened() && datetimepicker()?.id) || null", "attr.min": "min() ? datetimepicker()?.toIso8601(min()) : null", "attr.max": "max() ? datetimepicker()?.toIso8601(max()) : null", "disabled": "disabled()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.6", type: CmatDatetimepickerInputDirective, isStandalone: true, selector: "input[cmatDatetimepicker]", inputs: { cmatDatetimepicker: { classPropertyName: "cmatDatetimepicker", publicName: "cmatDatetimepicker", isSignal: true, isRequired: false, transformFunction: null }, cmatDatepickerFilter: { classPropertyName: "cmatDatepickerFilter", publicName: "cmatDatepickerFilter", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dateChange: "dateChange", dateInput: "dateInput" }, host: { listeners: { "input": "onInput($event.target.value)", "change": "onChange()", "blur": "onBlur()", "keydown": "onKeydown($event)" }, properties: { "attr.aria-haspopup": "true", "attr.aria-owns": "(datetimepicker()?.opened() && datetimepicker()?.id) || null", "attr.min": "min() ? datetimepicker()?.toIso8601(min()) : null", "attr.max": "max() ? datetimepicker()?.toIso8601(max()) : null", "disabled": "disabled()" } }, providers: [
             CMAT_DATETIMEPICKER_VALUE_ACCESSOR,
             CMAT_DATETIMEPICKER_VALIDATORS,
             { provide: MAT_INPUT_VALUE_ACCESSOR, useExisting: CmatDatetimepickerInputDirective },
         ], exportAs: ["cmatDatepickerInput"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[cmatDatetimepicker]',
@@ -2455,10 +2456,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
         }], ctorParameters: () => [], propDecorators: { dateChange: [{ type: i0.Output, args: ["dateChange"] }], dateInput: [{ type: i0.Output, args: ["dateInput"] }], cmatDatetimepicker: [{ type: i0.Input, args: [{ isSignal: true, alias: "cmatDatetimepicker", required: false }] }], cmatDatepickerFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "cmatDatepickerFilter", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] } });
 
 class CmatDatetimepickerToggleIconDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerToggleIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: CmatDatetimepickerToggleIconDirective, isStandalone: true, selector: "[cmatDatetimepickerToggleIcon]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerToggleIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: CmatDatetimepickerToggleIconDirective, isStandalone: true, selector: "[cmatDatetimepickerToggleIcon]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerToggleIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerToggleIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatDatetimepickerToggleIcon]',
@@ -2512,10 +2513,10 @@ class CmatDatetimepickerToggleComponent {
             .pipe(takeUntilDestroyed(this._destroyRef))
             .subscribe(() => this.refreshVersion.update(value => value + 1));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: CmatDatetimepickerToggleComponent, isStandalone: true, selector: "cmat-datetimepicker-toggle", inputs: { datetimepicker: { classPropertyName: "datetimepicker", publicName: "for", isSignal: true, isRequired: true, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "cmat-datetimepicker-toggle" }, queries: [{ propertyName: "customIcon", first: true, predicate: CmatDatetimepickerToggleIconDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true, isSignal: true }], exportAs: ["cmatDatetimepickerToggle"], ngImport: i0, template: "<button\r\n  type=\"button\"\r\n  matIconButton\r\n  class=\"mx-1\"\r\n  [attr.data-refresh]=\"refreshVersion()\"\r\n  [attr.aria-haspopup]=\"datetimepicker() ? 'dialog' : null\"\r\n  [attr.aria-label]=\"ariaLabel() || intl.openCalendarLabel\"\r\n  [attr.tabindex]=\"disabled() ? -1 : tabIndex()\"\r\n  [disabled]=\"disabled()\"\r\n  [disableRipple]=\"disableRipple()\"\r\n  (click)=\"open($event)\"\r\n>\r\n  @if (!customIcon()) { @switch (datetimepicker().type()) { @case ('time') {\r\n  <svg\r\n    class=\"mat-icon cmat-datetimepicker-toggle-default-icon\"\r\n    viewBox=\"0 0 24 24\"\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    fill=\"currentColor\"\r\n    focusable=\"false\"\r\n  >\r\n    <path\r\n      d=\"M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z\"\r\n    ></path>\r\n  </svg>\r\n  } @case ('datetime') {\r\n  <svg\r\n    class=\"mat-icon cmat-datetimepicker-toggle-default-icon\"\r\n    viewBox=\"0 0 24 24\"\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    fill=\"currentColor\"\r\n    focusable=\"false\"\r\n  >\r\n    <path\r\n      d=\"M15,13H16.5V15.82L18.94,17.23L18.19,18.53L15,16.69V13M19,8H5V19H9.67C9.24,18.09 9,17.07 9,16A7,7 0 0,1 16,9C17.07,9 18.09,9.24 19,9.67V8M5,21C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H6V1H8V3H16V1H18V3H19A2,2 0 0,1 21,5V11.1C22.24,12.36 23,14.09 23,16A7,7 0 0,1 16,23C14.09,23 12.36,22.24 11.1,21H5M16,11.15A4.85,4.85 0 0,0 11.15,16C11.15,18.68 13.32,20.85 16,20.85A4.85,4.85 0 0,0 20.85,16C20.85,13.32 18.68,11.15 16,11.15Z\"\r\n    ></path>\r\n  </svg>\r\n  } @default {\r\n  <svg\r\n    class=\"mat-icon cmat-datetimepicker-toggle-default-icon\"\r\n    viewBox=\"0 0 24 24\"\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    fill=\"currentColor\"\r\n    focusable=\"false\"\r\n  >\r\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\r\n    <path\r\n      d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z\"\r\n    />\r\n  </svg>\r\n  } } }\r\n\r\n  <ng-content select=\"[cmatDatetimepickerToggleIcon]\"></ng-content>\r\n</button>\r\n", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: CmatDatetimepickerToggleComponent, isStandalone: true, selector: "cmat-datetimepicker-toggle", inputs: { datetimepicker: { classPropertyName: "datetimepicker", publicName: "for", isSignal: true, isRequired: true, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "cmat-datetimepicker-toggle" }, queries: [{ propertyName: "customIcon", first: true, predicate: CmatDatetimepickerToggleIconDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true, isSignal: true }], exportAs: ["cmatDatetimepickerToggle"], ngImport: i0, template: "<button\r\n  type=\"button\"\r\n  matIconButton\r\n  class=\"mx-1\"\r\n  [attr.data-refresh]=\"refreshVersion()\"\r\n  [attr.aria-haspopup]=\"datetimepicker() ? 'dialog' : null\"\r\n  [attr.aria-label]=\"ariaLabel() || intl.openCalendarLabel\"\r\n  [attr.tabindex]=\"disabled() ? -1 : tabIndex()\"\r\n  [disabled]=\"disabled()\"\r\n  [disableRipple]=\"disableRipple()\"\r\n  (click)=\"open($event)\"\r\n>\r\n  @if (!customIcon()) { @switch (datetimepicker().type()) { @case ('time') {\r\n  <svg\r\n    class=\"mat-icon cmat-datetimepicker-toggle-default-icon\"\r\n    viewBox=\"0 0 24 24\"\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    fill=\"currentColor\"\r\n    focusable=\"false\"\r\n  >\r\n    <path\r\n      d=\"M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z\"\r\n    ></path>\r\n  </svg>\r\n  } @case ('datetime') {\r\n  <svg\r\n    class=\"mat-icon cmat-datetimepicker-toggle-default-icon\"\r\n    viewBox=\"0 0 24 24\"\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    fill=\"currentColor\"\r\n    focusable=\"false\"\r\n  >\r\n    <path\r\n      d=\"M15,13H16.5V15.82L18.94,17.23L18.19,18.53L15,16.69V13M19,8H5V19H9.67C9.24,18.09 9,17.07 9,16A7,7 0 0,1 16,9C17.07,9 18.09,9.24 19,9.67V8M5,21C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H6V1H8V3H16V1H18V3H19A2,2 0 0,1 21,5V11.1C22.24,12.36 23,14.09 23,16A7,7 0 0,1 16,23C14.09,23 12.36,22.24 11.1,21H5M16,11.15A4.85,4.85 0 0,0 11.15,16C11.15,18.68 13.32,20.85 16,20.85A4.85,4.85 0 0,0 20.85,16C20.85,13.32 18.68,11.15 16,11.15Z\"\r\n    ></path>\r\n  </svg>\r\n  } @default {\r\n  <svg\r\n    class=\"mat-icon cmat-datetimepicker-toggle-default-icon\"\r\n    viewBox=\"0 0 24 24\"\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    fill=\"currentColor\"\r\n    focusable=\"false\"\r\n  >\r\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\r\n    <path\r\n      d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z\"\r\n    />\r\n  </svg>\r\n  } } }\r\n\r\n  <ng-content select=\"[cmatDatetimepickerToggleIcon]\"></ng-content>\r\n</button>\r\n", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDatetimepickerToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: CmatDatetimepickerToggleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-datetimepicker-toggle', exportAs: 'cmatDatetimepickerToggle', encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButtonModule], host: { 'class': 'cmat-datetimepicker-toggle' }, template: "<button\r\n  type=\"button\"\r\n  matIconButton\r\n  class=\"mx-1\"\r\n  [attr.data-refresh]=\"refreshVersion()\"\r\n  [attr.aria-haspopup]=\"datetimepicker() ? 'dialog' : null\"\r\n  [attr.aria-label]=\"ariaLabel() || intl.openCalendarLabel\"\r\n  [attr.tabindex]=\"disabled() ? -1 : tabIndex()\"\r\n  [disabled]=\"disabled()\"\r\n  [disableRipple]=\"disableRipple()\"\r\n  (click)=\"open($event)\"\r\n>\r\n  @if (!customIcon()) { @switch (datetimepicker().type()) { @case ('time') {\r\n  <svg\r\n    class=\"mat-icon cmat-datetimepicker-toggle-default-icon\"\r\n    viewBox=\"0 0 24 24\"\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    fill=\"currentColor\"\r\n    focusable=\"false\"\r\n  >\r\n    <path\r\n      d=\"M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z\"\r\n    ></path>\r\n  </svg>\r\n  } @case ('datetime') {\r\n  <svg\r\n    class=\"mat-icon cmat-datetimepicker-toggle-default-icon\"\r\n    viewBox=\"0 0 24 24\"\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    fill=\"currentColor\"\r\n    focusable=\"false\"\r\n  >\r\n    <path\r\n      d=\"M15,13H16.5V15.82L18.94,17.23L18.19,18.53L15,16.69V13M19,8H5V19H9.67C9.24,18.09 9,17.07 9,16A7,7 0 0,1 16,9C17.07,9 18.09,9.24 19,9.67V8M5,21C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H6V1H8V3H16V1H18V3H19A2,2 0 0,1 21,5V11.1C22.24,12.36 23,14.09 23,16A7,7 0 0,1 16,23C14.09,23 12.36,22.24 11.1,21H5M16,11.15A4.85,4.85 0 0,0 11.15,16C11.15,18.68 13.32,20.85 16,20.85A4.85,4.85 0 0,0 20.85,16C20.85,13.32 18.68,11.15 16,11.15Z\"\r\n    ></path>\r\n  </svg>\r\n  } @default {\r\n  <svg\r\n    class=\"mat-icon cmat-datetimepicker-toggle-default-icon\"\r\n    viewBox=\"0 0 24 24\"\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    fill=\"currentColor\"\r\n    focusable=\"false\"\r\n  >\r\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\r\n    <path\r\n      d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z\"\r\n    />\r\n  </svg>\r\n  } } }\r\n\r\n  <ng-content select=\"[cmatDatetimepickerToggleIcon]\"></ng-content>\r\n</button>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { customIcon: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CmatDatetimepickerToggleIconDirective), { isSignal: true }] }], button: [{ type: i0.ViewChild, args: ['button', { isSignal: true }] }], datetimepicker: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: true }] }], tabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], disableRipple: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableRipple", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });