ngx-tethys 18.1.0-next.0 → 18.1.0-next.1

package/fesm2022/ngx-tethys-date-picker.mjs

@@ -1,7 +1,7 @@
 import { CdkConnectedOverlay, CdkOverlayOrigin, OverlayModule } from '@angular/cdk/overlay';
 import { formatDate, NgClass, NgTemplateOutlet, CommonModule, AsyncPipe, isPlatformBrowser, registerLocaleData } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Directive, Input, Output, Component, ChangeDetectionStrategy, InjectionToken, Optional, Inject, Pipe, forwardRef, HostBinding, NgModule, ViewChild, inject, PLATFORM_ID, NgZone, numberAttribute } from '@angular/core';
+import { Injectable, inject, EventEmitter, Directive, Input, Output, Component, ChangeDetectionStrategy, InjectionToken, Pipe, ChangeDetectorRef, forwardRef, HostBinding, NgModule, ViewChild, ElementRef, PLATFORM_ID, NgZone, numberAttribute } from '@angular/core';
 import localeZhHans from '@angular/common/locales/zh-Hans';
 import { TinyDate, coerceBooleanProperty, helpers, coerceArray, isTemplateRef, isEmpty, isString, valueFunctionProp, isUndefinedOrNull, isFunction, sortRangeValue, elementMatchClosest, warnDeprecation } from 'ngx-tethys/util';
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
@@ -18,9 +18,8 @@ import { ThyEnterDirective } from 'ngx-tethys/shared';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { coerceBooleanProperty as coerceBooleanProperty$1, coerceArray as coerceArray$1 } from '@angular/cdk/coercion';
 import { useHostRenderer } from '@tethys/cdk/dom';
-import * as i1$1 from 'ngx-tethys/popover';
-import { ThyPopoverModule } from 'ngx-tethys/popover';
-import { takeUntil, debounceTime, tap, mapTo } from 'rxjs/operators';
+import { ThyPopover, ThyPopoverModule } from 'ngx-tethys/popover';
+import { tap, mapTo, takeUntil, debounceTime } from 'rxjs/operators';
 
 function DATE_HELPER_SERVICE_FACTORY() {
     return new DateHelperByDatePipe();
@@ -58,8 +57,8 @@ class DateHelperByDatePipe extends DateHelperService {
  * @private
  */
 class CalendarHeader {
-    constructor(dateHelper) {
-        this.dateHelper = dateHelper;
+    constructor() {
+        this.dateHelper = inject(DateHelperService);
         this.showSuperPreBtn = true;
         this.showSuperNextBtn = true;
         this.showPreBtn = true;
@@ -119,12 +118,12 @@ class CalendarHeader {
     formatDateTime(format) {
         return this.dateHelper.format(this.value.nativeDate, format);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CalendarHeader, deps: [{ token: DateHelperService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CalendarHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: CalendarHeader, inputs: { showSuperPreBtn: "showSuperPreBtn", showSuperNextBtn: "showSuperNextBtn", showPreBtn: "showPreBtn", showNextBtn: "showNextBtn", value: "value" }, outputs: { valueChange: "valueChange", panelModeChange: "panelModeChange" }, usesOnChanges: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CalendarHeader, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: DateHelperService }], propDecorators: { showSuperPreBtn: [{
+        }], propDecorators: { showSuperPreBtn: [{
                 type: Input
             }], showSuperNextBtn: [{
                 type: Input
@@ -144,10 +143,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @private
  */
 class MonthHeader extends CalendarHeader {
-    constructor(dateHelper) {
-        super(dateHelper);
-        this.dateHelper = dateHelper;
-    }
     getSelectors() {
         let yearFormat = 'yyyy年';
         return [
@@ -158,19 +153,19 @@ class MonthHeader extends CalendarHeader {
             }
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MonthHeader, deps: [{ token: DateHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MonthHeader, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: MonthHeader, isStandalone: true, selector: "month-header", usesInheritance: true, ngImport: i0, template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative\">\n    <a\n      class=\"{{ prefixCls }}-prev-year-btn\"\n      [ngClass]=\"showSuperPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superPrevious()\"\n      title=\"\u4E0A\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a class=\"{{ prefixCls }}-prev-month-btn\" [ngClass]=\"showPreBtn ? 'd-block' : 'd-none'\" role=\"button\" (click)=\"previous()\" title=\"\u4E0A\u6708\">\n      <thy-icon thyIconName=\"angle-left\"></thy-icon>\n    </a>\n\n    <span class=\"{{ prefixCls }}-my-select\">\n      @for (selector of selectors; track $index) {\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      }\n    </span>\n\n    <a class=\"{{ prefixCls }}-next-month-btn\" [ngClass]=\"showNextBtn ? 'd-block' : 'd-none'\" role=\"button\" (click)=\"next()\" title=\"\u4E0B\u4E2A\u6708\">\n      <thy-icon thyIconName=\"angle-right\"></thy-icon>\n    </a>\n    <a\n      class=\"{{ prefixCls }}-next-year-btn\"\n      [ngClass]=\"showSuperNextBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superNext()\"\n      title=\"\u4E0B\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MonthHeader, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'month-header', standalone: true, imports: [NgClass, ThyIcon], template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative\">\n    <a\n      class=\"{{ prefixCls }}-prev-year-btn\"\n      [ngClass]=\"showSuperPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superPrevious()\"\n      title=\"\u4E0A\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a class=\"{{ prefixCls }}-prev-month-btn\" [ngClass]=\"showPreBtn ? 'd-block' : 'd-none'\" role=\"button\" (click)=\"previous()\" title=\"\u4E0A\u6708\">\n      <thy-icon thyIconName=\"angle-left\"></thy-icon>\n    </a>\n\n    <span class=\"{{ prefixCls }}-my-select\">\n      @for (selector of selectors; track $index) {\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      }\n    </span>\n\n    <a class=\"{{ prefixCls }}-next-month-btn\" [ngClass]=\"showNextBtn ? 'd-block' : 'd-none'\" role=\"button\" (click)=\"next()\" title=\"\u4E0B\u4E2A\u6708\">\n      <thy-icon thyIconName=\"angle-right\"></thy-icon>\n    </a>\n    <a\n      class=\"{{ prefixCls }}-next-year-btn\"\n      [ngClass]=\"showSuperNextBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superNext()\"\n      title=\"\u4E0B\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: DateHelperService }] });
+        }] });
 
 /**
  * @private
  */
 class CalendarFooter {
-    constructor(_elementRef, _viewContainerRef) {
+    constructor() {
         this.showTime = false;
         this.mustShowTime = false;
         this.disableTimeConfirm = false;
@@ -229,13 +224,13 @@ class CalendarFooter {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CalendarFooter, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CalendarFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: CalendarFooter, isStandalone: true, selector: "calendar-footer", inputs: { showTime: "showTime", mustShowTime: "mustShowTime", value: "value", disableTimeConfirm: ["disableTimeConfirm", "disableTimeConfirm", coerceBooleanProperty] }, outputs: { selectTime: "selectTime", clickOk: "clickOk", clickRemove: "clickRemove", showTimePickerChange: "showTimePickerChange" }, exportAs: ["calendarFooter"], usesOnChanges: true, ngImport: i0, template: "@if (isShowTime || isCanTime) {\n  <div class=\"time-picker-section\" (click)=\"$event.stopPropagation()\">\n    @if (isCanTime) {\n      <a href=\"javascript:;\" class=\"link-has-icon time-picker-set-btn\" (click)=\"changeTimeShowMode('show')\">\n        <thy-icon thyIconName=\"clock-circle\"></thy-icon>\u8BBE\u7F6E\u65F6\u95F4\n      </a>\n    }\n    @if (isShowTime) {\n      <thy-inner-time-picker\n        class=\"time-picker-wrap\"\n        [showMeridian]=\"false\"\n        [ngModel]=\"value?.nativeDate\"\n      (ngModelChange)=\"onSelectTime($event)\"></thy-inner-time-picker>\n    }\n    <div class=\"time-picker-btn-wrap\">\n      @if (!isCanTime) {\n        <button\n          [disabled]=\"disableTimeConfirm\"\n          class=\"time-picker-ok-btn\"\n          thyButton=\"primary\"\n          thySize=\"sm\"\n          (click)=\"onTimeOk()\">\n          \u786E\u5B9A\n        </button>\n      }\n      <button class=\"time-picker-clear-btn\" thyButton=\"link-secondary\" thySize=\"sm\" (click)=\"onClear()\">\u6E05\u9664</button>\n    </div>\n  </div>\n}\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyInnerTimePicker, selector: "thy-inner-time-picker", inputs: ["hourStep", "minuteStep", "secondsStep", "readonlyInput", "disabled", "mousewheel", "arrowKeys", "showSpinners", "showMeridian", "showMinutes", "showSeconds", "meridians", "min", "max", "hoursPlaceholder", "minutesPlaceholder", "secondsPlaceholder"], outputs: ["isValid"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ThyButton, selector: "thy-button,[thy-button],[thyButton]", inputs: ["thyButton", "thyType", "thyLoading", "thyLoadingText", "thySize", "thyIcon", "thyBlock"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CalendarFooter, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'calendar-footer', exportAs: 'calendarFooter', standalone: true, imports: [ThyIcon, ThyInnerTimePicker, FormsModule, ThyButton], template: "@if (isShowTime || isCanTime) {\n  <div class=\"time-picker-section\" (click)=\"$event.stopPropagation()\">\n    @if (isCanTime) {\n      <a href=\"javascript:;\" class=\"link-has-icon time-picker-set-btn\" (click)=\"changeTimeShowMode('show')\">\n        <thy-icon thyIconName=\"clock-circle\"></thy-icon>\u8BBE\u7F6E\u65F6\u95F4\n      </a>\n    }\n    @if (isShowTime) {\n      <thy-inner-time-picker\n        class=\"time-picker-wrap\"\n        [showMeridian]=\"false\"\n        [ngModel]=\"value?.nativeDate\"\n      (ngModelChange)=\"onSelectTime($event)\"></thy-inner-time-picker>\n    }\n    <div class=\"time-picker-btn-wrap\">\n      @if (!isCanTime) {\n        <button\n          [disabled]=\"disableTimeConfirm\"\n          class=\"time-picker-ok-btn\"\n          thyButton=\"primary\"\n          thySize=\"sm\"\n          (click)=\"onTimeOk()\">\n          \u786E\u5B9A\n        </button>\n      }\n      <button class=\"time-picker-clear-btn\" thyButton=\"link-secondary\" thySize=\"sm\" (click)=\"onClear()\">\u6E05\u9664</button>\n    </div>\n  </div>\n}\n" }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }], propDecorators: { showTime: [{
+        }], propDecorators: { showTime: [{
                 type: Input
             }], mustShowTime: [{
                 type: Input
@@ -303,7 +298,8 @@ const THY_DATE_PICKER_CONFIG_PROVIDER = {
 };
 
 class ThyDatePickerConfigService {
-    constructor(datePickerConfig) {
+    constructor() {
+        const datePickerConfig = inject(THY_DATE_PICKER_CONFIG, { optional: true });
         this.config = { ...DEFAULT_DATE_PICKER_CONFIG, ...datePickerConfig };
     }
     get shortcutDatePresets() {
@@ -321,18 +317,13 @@ class ThyDatePickerConfigService {
     get timestampPrecision() {
         return this.config.timestampPrecision;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerConfigService, deps: [{ token: THY_DATE_PICKER_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerConfigService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerConfigService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [THY_DATE_PICKER_CONFIG]
-                }] }] });
+        }], ctorParameters: () => [] });
 
 function transformDateValue(value) {
     if (!value) {
@@ -554,8 +545,8 @@ function setValueByTimestampPrecision(date, isRange, timestampPrecision) {
  * @private
  */
 class ThyDatePickerFormatPipe {
-    constructor(dateHelper) {
-        this.dateHelper = dateHelper;
+    constructor() {
+        this.dateHelper = inject(DateHelperService);
     }
     transform(originalValue, formatStr) {
         const { value, withTime, flexibleDateGranularity } = transformDateValue(originalValue);
@@ -575,7 +566,7 @@ class ThyDatePickerFormatPipe {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerFormatPipe, deps: [{ token: DateHelperService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
     static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerFormatPipe, isStandalone: true, name: "thyDatePickerFormat" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerFormatPipe, decorators: [{
@@ -584,7 +575,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     name: 'thyDatePickerFormat',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: DateHelperService }] });
+        }] });
 class ThyQuarterPickerFormatPipe {
     transform(originalValue, formatStr) {
         const { value, withTime } = transformDateValue(originalValue);
@@ -621,14 +612,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @private
  */
 class ThyDatePickerFormatStringPipe {
-    constructor(dateHelper) {
-        this.dateHelper = dateHelper;
+    constructor() {
+        this.dateHelper = inject(DateHelperService);
     }
     transform(originalValue) {
         const { withTime } = transformDateValue(originalValue);
         return withTime ? 'yyyy-MM-dd HH:mm' : 'yyyy-MM-dd';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerFormatStringPipe, deps: [{ token: DateHelperService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerFormatStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
     static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerFormatStringPipe, isStandalone: true, name: "thyDatePickerFormatString" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerFormatStringPipe, decorators: [{
@@ -637,7 +628,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     name: 'thyDatePickerFormatString',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: DateHelperService }] });
+        }] });
 /**
  * @private
  */
@@ -661,6 +652,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @private
  */
 class DateCarousel {
+    constructor() {
+        this.cdr = inject(ChangeDetectorRef);
+        this.className = 'thy-date-picker-advanced-carousel';
+        this.selectableData = {};
+        this.selectedValue = [];
+        this.initialized = false;
+        this.selectedValueChange$ = new Subject();
+    }
     set defaultValue(value) {
         this.dateGranularity = value.dateGranularity;
         this.buildSelectableData(value.begin);
@@ -673,14 +672,6 @@ class DateCarousel {
         }
         this.initialized = true;
     }
-    constructor(cdr) {
-        this.cdr = cdr;
-        this.className = 'thy-date-picker-advanced-carousel';
-        this.selectableData = {};
-        this.selectedValue = [];
-        this.initialized = false;
-        this.selectedValueChange$ = new Subject();
-    }
     ngOnInit() {
         this.selectedValueChange$.subscribe(() => {
             if (this.selectedValue.length) {
@@ -1006,7 +997,7 @@ class DateCarousel {
     ngOnDestroy() {
         this.selectedValueChange$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DateCarousel, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DateCarousel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: DateCarousel, isStandalone: true, selector: "date-carousel", inputs: { activeDate: "activeDate" }, host: { properties: { "class": "this.className" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -1024,7 +1015,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                             useExisting: forwardRef(() => DateCarousel)
                         }
                     ], standalone: true, imports: [NgTemplateOutlet, ThyButton, ThyIcon, NgClass, DatePickerAdvancedShowYearTipPipe], template: "<ng-container\n  *ngTemplateOutlet=\"carouselItem; context: { title: '\u5E74\u4EFD', type: 'year', selectableData: selectableData.year }\"></ng-container>\n\n<ng-container\n  *ngTemplateOutlet=\"carouselItem; context: { title: '\u5B63\u5EA6', type: 'quarter', selectableData: selectableData.quarter }\"></ng-container>\n\n<ng-container\n  *ngTemplateOutlet=\"carouselItem; context: { title: '\u6708\u4EFD', type: 'month', selectableData: selectableData.month }\"></ng-container>\n\n<ng-template #carouselItem let-title=\"title\" let-selectableData=\"selectableData\" let-type=\"type\">\n  <div class=\"carousel-item carousel-item-{{ type }}\">\n    <p class=\"carousel-item-title\">{{ title }}</p>\n    <div class=\"carousel-item-content\">\n      <button thyButton=\"outline-default\" thySize=\"sm\" class=\"right-space\" (click)=\"prevClick(type)\">\n        <thy-icon thyIconName=\"angle-left\"></thy-icon>\n      </button>\n      @for (item of selectableData; track $index) {\n        <div\n          class=\"selectable-button right-space\"\n          (click)=\"selectDate(type, item)\"\n          (mouseenter)=\"onMouseenter($event, type, item)\"\n          (mouseleave)=\"onMouseleave($event, type, item)\"\n          [ngClass]=\"item.classMap\">\n          @if (item | showYearTip: type) {\n            <span class=\"year-tip\">{{ item?.startValue?.getYear() }}</span>\n          }\n          @if (item.isInRange && isSelected(item)) {\n            <thy-icon thyIconName=\"close\"></thy-icon>\n          }\n          @if (item.isInRange && !isSelected(item)) {\n            <thy-icon thyIconName=\"plus\"></thy-icon>\n          }\n          @if (!item.isInRange) {\n            <span>{{ item?.content }}</span>\n          }\n        </div>\n      }\n      <button thyButton=\"outline-default\" thySize=\"sm\" (click)=\"nextClick(type)\">\n        <thy-icon thyIconName=\"angle-right\"></thy-icon>\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { className: [{
+        }], propDecorators: { className: [{
                 type: HostBinding,
                 args: ['class']
             }], activeDate: [{
@@ -1035,10 +1026,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @private
  */
 class DateHeader extends CalendarHeader {
-    constructor(dateHelper) {
-        super(dateHelper);
-        this.dateHelper = dateHelper;
-    }
     getSelectors() {
         let yearFormat = 'yyyy年';
         return [
@@ -1056,13 +1043,13 @@ class DateHeader extends CalendarHeader {
             }
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DateHeader, deps: [{ token: DateHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DateHeader, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: DateHeader, isStandalone: true, selector: "date-header", usesInheritance: true, ngImport: i0, template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative\">\n    <a\n      class=\"{{ prefixCls }}-prev-year-btn\"\n      [ngClass]=\"showSuperPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superPrevious()\"\n      title=\"\u4E0A\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a class=\"{{ prefixCls }}-prev-month-btn\" [ngClass]=\"showPreBtn ? 'd-block' : 'd-none'\" role=\"button\" (click)=\"previous()\" title=\"\u4E0A\u6708\">\n      <thy-icon thyIconName=\"angle-left\"></thy-icon>\n    </a>\n\n    <span class=\"{{ prefixCls }}-my-select\">\n      @for (selector of selectors; track $index) {\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      }\n    </span>\n\n    <a class=\"{{ prefixCls }}-next-month-btn\" [ngClass]=\"showNextBtn ? 'd-block' : 'd-none'\" role=\"button\" (click)=\"next()\" title=\"\u4E0B\u4E2A\u6708\">\n      <thy-icon thyIconName=\"angle-right\"></thy-icon>\n    </a>\n    <a\n      class=\"{{ prefixCls }}-next-year-btn\"\n      [ngClass]=\"showSuperNextBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superNext()\"\n      title=\"\u4E0B\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DateHeader, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'date-header', standalone: true, imports: [NgClass, ThyIcon], template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative\">\n    <a\n      class=\"{{ prefixCls }}-prev-year-btn\"\n      [ngClass]=\"showSuperPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superPrevious()\"\n      title=\"\u4E0A\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a class=\"{{ prefixCls }}-prev-month-btn\" [ngClass]=\"showPreBtn ? 'd-block' : 'd-none'\" role=\"button\" (click)=\"previous()\" title=\"\u4E0A\u6708\">\n      <thy-icon thyIconName=\"angle-left\"></thy-icon>\n    </a>\n\n    <span class=\"{{ prefixCls }}-my-select\">\n      @for (selector of selectors; track $index) {\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      }\n    </span>\n\n    <a class=\"{{ prefixCls }}-next-month-btn\" [ngClass]=\"showNextBtn ? 'd-block' : 'd-none'\" role=\"button\" (click)=\"next()\" title=\"\u4E0B\u4E2A\u6708\">\n      <thy-icon thyIconName=\"angle-right\"></thy-icon>\n    </a>\n    <a\n      class=\"{{ prefixCls }}-next-year-btn\"\n      [ngClass]=\"showSuperNextBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superNext()\"\n      title=\"\u4E0B\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: DateHelperService }] });
+        }] });
 
 /**
  * @private
@@ -1188,10 +1175,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @private
  */
 class DateTable extends CalendarTable {
-    constructor(dateHelper, datePickerConfigService) {
+    constructor() {
         super();
-        this.dateHelper = dateHelper;
-        this.datePickerConfigService = datePickerConfigService;
+        this.dateHelper = inject(DateHelperService);
+        this.datePickerConfigService = inject(ThyDatePickerConfigService);
         this.dayHover = new EventEmitter(); // Emitted when hover on a day by mouse enter
     }
     chooseDate(value) {
@@ -1314,13 +1301,13 @@ class DateTable extends CalendarTable {
             [`${this.prefixCls}-in-range-cell`]: !!cell.isInRange
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DateTable, deps: [{ token: DateHelperService }, { token: ThyDatePickerConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DateTable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: DateTable, isStandalone: true, selector: "date-table", outputs: { dayHover: "dayHover" }, exportAs: ["dateTable"], usesInheritance: true, ngImport: i0, template: "<table class=\"{{ prefixCls }}-table\" cellSpacing=\"0\" role=\"grid\">\n  <thead>\n    <tr role=\"row\">\n      @if (showWeek) {\n        <th role=\"columnheader\" title=\"\u5468\" class=\"{{ prefixCls }}-column-header {{ prefixCls }}-week-number-header\">\n          <span class=\"{{ prefixCls }}-column-header-inner\">\u5468</span>\n        </th>\n      }\n      @for (cell of headRow; track $index) {\n        <th role=\"columnheader\" title=\"{{ cell.title }}\" class=\"{{ prefixCls }}-column-header\">\n          @if (prefixCls === 'thy-calendar') {\n            <span class=\"{{ prefixCls }}-column-header-inner\">{{ cell.content }}</span>\n          }\n          @if (prefixCls === 'thy-calendar-full') {\n            <span class=\"{{ prefixCls }}-column-header-inner\">\u5468{{ cell.content }}</span>\n          }\n        </th>\n      }\n    </tr>\n  </thead>\n  <tbody class=\"{{ prefixCls }}-tbody\">\n    @for (row of bodyRows; track $index) {\n      <tr [ngClass]=\"row.classMap\" role=\"row\">\n        @if (row.weekNum) {\n          <td role=\"gridcell\" class=\"{{ prefixCls }}-week-number-cell\">\n            {{ row.weekNum }}\n          </td>\n        }\n        @for (cell of row.dateCells; track $index) {\n          <td\n            role=\"gridcell\"\n            [ngClass]=\"cell.classMap\"\n            (click)=\"cell.isDisabled ? null : cell.onClick()\"\n            date-table-cell\n            [prefixCls]=\"prefixCls\"\n            [cell]=\"cell\"></td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DateTableCell, selector: "[date-table-cell]", inputs: ["prefixCls", "cell"], exportAs: ["dateTableCell"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DateTable, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'date-table', exportAs: 'dateTable', standalone: true, imports: [NgClass, DateTableCell], template: "<table class=\"{{ prefixCls }}-table\" cellSpacing=\"0\" role=\"grid\">\n  <thead>\n    <tr role=\"row\">\n      @if (showWeek) {\n        <th role=\"columnheader\" title=\"\u5468\" class=\"{{ prefixCls }}-column-header {{ prefixCls }}-week-number-header\">\n          <span class=\"{{ prefixCls }}-column-header-inner\">\u5468</span>\n        </th>\n      }\n      @for (cell of headRow; track $index) {\n        <th role=\"columnheader\" title=\"{{ cell.title }}\" class=\"{{ prefixCls }}-column-header\">\n          @if (prefixCls === 'thy-calendar') {\n            <span class=\"{{ prefixCls }}-column-header-inner\">{{ cell.content }}</span>\n          }\n          @if (prefixCls === 'thy-calendar-full') {\n            <span class=\"{{ prefixCls }}-column-header-inner\">\u5468{{ cell.content }}</span>\n          }\n        </th>\n      }\n    </tr>\n  </thead>\n  <tbody class=\"{{ prefixCls }}-tbody\">\n    @for (row of bodyRows; track $index) {\n      <tr [ngClass]=\"row.classMap\" role=\"row\">\n        @if (row.weekNum) {\n          <td role=\"gridcell\" class=\"{{ prefixCls }}-week-number-cell\">\n            {{ row.weekNum }}\n          </td>\n        }\n        @for (cell of row.dateCells; track $index) {\n          <td\n            role=\"gridcell\"\n            [ngClass]=\"cell.classMap\"\n            (click)=\"cell.isDisabled ? null : cell.onClick()\"\n            date-table-cell\n            [prefixCls]=\"prefixCls\"\n            [cell]=\"cell\"></td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n" }]
-        }], ctorParameters: () => [{ type: DateHelperService }, { type: ThyDatePickerConfigService }], propDecorators: { dayHover: [{
+        }], ctorParameters: () => [], propDecorators: { dayHover: [{
                 type: Output
             }] } });
 
@@ -1328,9 +1315,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @private
  */
 class DecadeHeader extends CalendarHeader {
-    constructor(dateHelper) {
-        super(dateHelper);
-        this.dateHelper = dateHelper;
+    constructor() {
+        super();
     }
     get startYear() {
         return parseInt(`${this.value.getYear() / 100}`, 10) * 100;
@@ -1354,13 +1340,13 @@ class DecadeHeader extends CalendarHeader {
             }
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DecadeHeader, deps: [{ token: DateHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DecadeHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: DecadeHeader, isStandalone: true, selector: "decade-header", usesInheritance: true, ngImport: i0, template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative\">\n    <a\n      class=\"{{ prefixCls }}-prev-year-btn\"\n      [ngClass]=\"showSuperPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superPrevious()\"\n      title=\"\u4E0A\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a class=\"{{ prefixCls }}-prev-month-btn\" [ngClass]=\"showPreBtn ? 'd-block' : 'd-none'\" role=\"button\" (click)=\"previous()\" title=\"\u4E0A\u6708\">\n      <thy-icon thyIconName=\"angle-left\"></thy-icon>\n    </a>\n\n    <span class=\"{{ prefixCls }}-my-select\">\n      @for (selector of selectors; track $index) {\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      }\n    </span>\n\n    <a class=\"{{ prefixCls }}-next-month-btn\" [ngClass]=\"showNextBtn ? 'd-block' : 'd-none'\" role=\"button\" (click)=\"next()\" title=\"\u4E0B\u4E2A\u6708\">\n      <thy-icon thyIconName=\"angle-right\"></thy-icon>\n    </a>\n    <a\n      class=\"{{ prefixCls }}-next-year-btn\"\n      [ngClass]=\"showSuperNextBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superNext()\"\n      title=\"\u4E0B\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DecadeHeader, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'decade-header', standalone: true, imports: [NgClass, ThyIcon], template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative\">\n    <a\n      class=\"{{ prefixCls }}-prev-year-btn\"\n      [ngClass]=\"showSuperPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superPrevious()\"\n      title=\"\u4E0A\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a class=\"{{ prefixCls }}-prev-month-btn\" [ngClass]=\"showPreBtn ? 'd-block' : 'd-none'\" role=\"button\" (click)=\"previous()\" title=\"\u4E0A\u6708\">\n      <thy-icon thyIconName=\"angle-left\"></thy-icon>\n    </a>\n\n    <span class=\"{{ prefixCls }}-my-select\">\n      @for (selector of selectors; track $index) {\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      }\n    </span>\n\n    <a class=\"{{ prefixCls }}-next-month-btn\" [ngClass]=\"showNextBtn ? 'd-block' : 'd-none'\" role=\"button\" (click)=\"next()\" title=\"\u4E0B\u4E2A\u6708\">\n      <thy-icon thyIconName=\"angle-right\"></thy-icon>\n    </a>\n    <a\n      class=\"{{ prefixCls }}-next-year-btn\"\n      [ngClass]=\"showSuperNextBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superNext()\"\n      title=\"\u4E0B\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: DateHelperService }] });
+        }], ctorParameters: () => [] });
 
 /**
  * @private
@@ -1442,9 +1428,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @private
  */
 class MonthTable extends CalendarTable {
-    constructor(dateHelper) {
+    constructor() {
         super();
-        this.dateHelper = dateHelper;
+        this.dateHelper = inject(DateHelperService);
         this.MAX_ROW = 4;
         this.MAX_COL = 3;
     }
@@ -1520,13 +1506,13 @@ class MonthTable extends CalendarTable {
             [`${this.prefixCls}-month-panel-current-cell`]: new TinyDate().getYear() === this.activeDate.getYear() && cell.value.getMonth() === new TinyDate().getMonth()
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MonthTable, deps: [{ token: DateHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MonthTable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: MonthTable, isStandalone: true, selector: "month-table", exportAs: ["monthTable"], usesInheritance: true, ngImport: i0, template: "<table class=\"{{ prefixCls }}-month-panel-table\" cellSpacing=\"0\" role=\"grid\">\n  <tbody class=\"{{ prefixCls }}-month-panel-tbody\">\n    @for (row of bodyRows; track trackByBodyRow($index, row)) {\n      <tr role=\"row\">\n        @for (monthCell of row.dateCells; track trackByBodyColumn($index, monthCell)) {\n          <td\n            role=\"gridcell\"\n            title=\"{{ monthCell.title }}\"\n            (click)=\"monthCellClick($event, monthCell)\"\n            [ngClass]=\"monthCell.classMap\"\n            >\n            @switch (prefixCls) {\n              @case ('thy-calendar') {\n                <div class=\"{{ prefixCls }}-month-panel-month\">{{ monthCell.content }}</div>\n              }\n            }\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MonthTable, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'month-table', exportAs: 'monthTable', standalone: true, imports: [NgClass], template: "<table class=\"{{ prefixCls }}-month-panel-table\" cellSpacing=\"0\" role=\"grid\">\n  <tbody class=\"{{ prefixCls }}-month-panel-tbody\">\n    @for (row of bodyRows; track trackByBodyRow($index, row)) {\n      <tr role=\"row\">\n        @for (monthCell of row.dateCells; track trackByBodyColumn($index, monthCell)) {\n          <td\n            role=\"gridcell\"\n            title=\"{{ monthCell.title }}\"\n            (click)=\"monthCellClick($event, monthCell)\"\n            [ngClass]=\"monthCell.classMap\"\n            >\n            @switch (prefixCls) {\n              @case ('thy-calendar') {\n                <div class=\"{{ prefixCls }}-month-panel-month\">{{ monthCell.content }}</div>\n              }\n            }\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n" }]
-        }], ctorParameters: () => [{ type: DateHelperService }] });
+        }], ctorParameters: () => [] });
 
 /**
  * @private
@@ -1538,10 +1524,6 @@ class YearHeader extends CalendarHeader {
     get endYear() {
         return this.startYear + 9;
     }
-    constructor(dateHelper) {
-        super(dateHelper);
-        this.dateHelper = dateHelper;
-    }
     superPrevious() {
         this.changeValue(this.value.addYears(-10));
     }
@@ -1558,13 +1540,13 @@ class YearHeader extends CalendarHeader {
             }
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: YearHeader, deps: [{ token: DateHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: YearHeader, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: YearHeader, isStandalone: true, selector: "year-header", usesInheritance: true, ngImport: i0, template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative\">\n    <a\n      class=\"{{ prefixCls }}-prev-year-btn\"\n      [ngClass]=\"showSuperPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superPrevious()\"\n      title=\"\u4E0A\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a class=\"{{ prefixCls }}-prev-month-btn\" [ngClass]=\"showPreBtn ? 'd-block' : 'd-none'\" role=\"button\" (click)=\"previous()\" title=\"\u4E0A\u6708\">\n      <thy-icon thyIconName=\"angle-left\"></thy-icon>\n    </a>\n\n    <span class=\"{{ prefixCls }}-my-select\">\n      @for (selector of selectors; track $index) {\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      }\n    </span>\n\n    <a class=\"{{ prefixCls }}-next-month-btn\" [ngClass]=\"showNextBtn ? 'd-block' : 'd-none'\" role=\"button\" (click)=\"next()\" title=\"\u4E0B\u4E2A\u6708\">\n      <thy-icon thyIconName=\"angle-right\"></thy-icon>\n    </a>\n    <a\n      class=\"{{ prefixCls }}-next-year-btn\"\n      [ngClass]=\"showSuperNextBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superNext()\"\n      title=\"\u4E0B\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: YearHeader, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'year-header', standalone: true, imports: [NgClass, ThyIcon], template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative\">\n    <a\n      class=\"{{ prefixCls }}-prev-year-btn\"\n      [ngClass]=\"showSuperPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superPrevious()\"\n      title=\"\u4E0A\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a class=\"{{ prefixCls }}-prev-month-btn\" [ngClass]=\"showPreBtn ? 'd-block' : 'd-none'\" role=\"button\" (click)=\"previous()\" title=\"\u4E0A\u6708\">\n      <thy-icon thyIconName=\"angle-left\"></thy-icon>\n    </a>\n\n    <span class=\"{{ prefixCls }}-my-select\">\n      @for (selector of selectors; track $index) {\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      }\n    </span>\n\n    <a class=\"{{ prefixCls }}-next-month-btn\" [ngClass]=\"showNextBtn ? 'd-block' : 'd-none'\" role=\"button\" (click)=\"next()\" title=\"\u4E0B\u4E2A\u6708\">\n      <thy-icon thyIconName=\"angle-right\"></thy-icon>\n    </a>\n    <a\n      class=\"{{ prefixCls }}-next-year-btn\"\n      [ngClass]=\"showSuperNextBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superNext()\"\n      title=\"\u4E0B\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: DateHelperService }] });
+        }] });
 
 /**
  * @private
@@ -1666,9 +1648,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @private
  */
 class QuarterTable extends CalendarTable {
-    constructor(dateHelper) {
+    constructor() {
         super();
-        this.dateHelper = dateHelper;
+        this.dateHelper = inject(DateHelperService);
         this.MAX_ROW = 1;
         this.MAX_COL = 4;
     }
@@ -1746,26 +1728,20 @@ class QuarterTable extends CalendarTable {
             [`${this.prefixCls}-quarter-panel-current-cell`]: new TinyDate().getYear() === this.activeDate.getYear() && quarter.getQuarter() === new TinyDate().getQuarter()
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: QuarterTable, deps: [{ token: DateHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: QuarterTable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: QuarterTable, isStandalone: true, selector: "quarter-table", exportAs: ["quarterTable"], usesInheritance: true, ngImport: i0, template: "<table class=\"{{ prefixCls }}-quarter-panel-table\" cellSpacing=\"0\" role=\"grid\">\n  <tbody class=\"{{ prefixCls }}-quarter-panel-tbody\">\n    @for (row of bodyRows; track trackByBodyRow($index, row)) {\n      <tr role=\"row\">\n        @for (quarterCell of row.dateCells; track trackByBodyColumn($index, quarterCell)) {\n          <td\n            role=\"gridcell\"\n            title=\"{{ quarterCell.title }}\"\n            (click)=\"quarterCellClick($event, quarterCell)\"\n            [ngClass]=\"quarterCell.classMap\">\n            <a class=\"{{ prefixCls }}-quarter-panel-quarter\">{{ quarterCell.content }}</a>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: QuarterTable, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'quarter-table', exportAs: 'quarterTable', standalone: true, imports: [NgClass], template: "<table class=\"{{ prefixCls }}-quarter-panel-table\" cellSpacing=\"0\" role=\"grid\">\n  <tbody class=\"{{ prefixCls }}-quarter-panel-tbody\">\n    @for (row of bodyRows; track trackByBodyRow($index, row)) {\n      <tr role=\"row\">\n        @for (quarterCell of row.dateCells; track trackByBodyColumn($index, quarterCell)) {\n          <td\n            role=\"gridcell\"\n            title=\"{{ quarterCell.title }}\"\n            (click)=\"quarterCellClick($event, quarterCell)\"\n            [ngClass]=\"quarterCell.classMap\">\n            <a class=\"{{ prefixCls }}-quarter-panel-quarter\">{{ quarterCell.content }}</a>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n" }]
-        }], ctorParameters: () => [{ type: DateHelperService }] });
+        }], ctorParameters: () => [] });
 
 /**
  * @private
  */
 class InnerPopup {
-    set showDateRangeInput(value) {
-        this._showDateRangeInput = value;
-    }
-    get showDateRangeInput() {
-        return this._showDateRangeInput;
-    }
-    constructor(dateHelper) {
-        this.dateHelper = dateHelper;
+    constructor() {
+        this.dateHelper = inject(DateHelperService);
         this.className = true;
         this._showDateRangeInput = false;
         this.panelModeChange = new EventEmitter();
@@ -1774,6 +1750,12 @@ class InnerPopup {
         this.dayHover = new EventEmitter();
         this.prefixCls = 'thy-calendar';
     }
+    set showDateRangeInput(value) {
+        this._showDateRangeInput = value;
+    }
+    get showDateRangeInput() {
+        return this._showDateRangeInput;
+    }
     ngOnChanges(changes) {
         if (changes.activeDate && !changes.activeDate.currentValue) {
             this.activeDate = new TinyDate();
@@ -1869,7 +1851,7 @@ class InnerPopup {
             return true;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: InnerPopup, deps: [{ token: DateHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: InnerPopup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: InnerPopup, isStandalone: true, selector: "inner-popup", inputs: { showWeek: "showWeek", isRange: "isRange", activeDate: "activeDate", rangeActiveDate: "rangeActiveDate", enablePrev: "enablePrev", enableNext: "enableNext", disabledDate: "disabledDate", dateRender: "dateRender", selectedValue: "selectedValue", hoverValue: "hoverValue", panelMode: "panelMode", showDateRangeInput: ["showDateRangeInput", "showDateRangeInput", coerceBooleanProperty], partType: "partType", endPanelMode: "endPanelMode", value: "value" }, outputs: { panelModeChange: "panelModeChange", headerChange: "headerChange", selectDate: "selectDate", dayHover: "dayHover" }, host: { properties: { "class.thy-calendar-picker-inner-popup": "this.className", "class.thy-calendar-picker-inner-popup-with-range-input": "this._showDateRangeInput" } }, exportAs: ["innerPopup"], usesOnChanges: true, ngImport: i0, template: "@if (showDateRangeInput) {\n  <div class=\"{{ prefixCls }}-picker-inner-popup-range-input\">\n    <input thyInput thySize=\"sm\" [value]=\"getReadableValue(selectedValue[0])\" placeholder=\"\u5F00\u59CB\u65E5\u671F\" />\n    <span class=\"split\"></span>\n    <input thyInput thySize=\"sm\" [value]=\"getReadableValue(selectedValue[1])\" placeholder=\"\u7ED3\u675F\u65E5\u671F\" />\n  </div>\n}\n@switch (panelMode) {\n  @case ('decade') {\n    <div class=\"{{ prefixCls }}-decade\">\n      <decade-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'decade')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'decade')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </decade-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <decade-table [value]=\"value\" [activeDate]=\"activeDate\" (valueChange)=\"onChooseDecade($event)\"></decade-table>\n      </div>\n    </div>\n  }\n  @case ('year') {\n    <div class=\"{{ prefixCls }}-year\">\n      <year-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'year')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'year')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </year-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <year-table\n          [value]=\"value\"\n          [activeDate]=\"activeDate\"\n          [disabledDate]=\"disabledDate\"\n          (valueChange)=\"onChooseYear($event)\"\n          [selectedValue]=\"selectedValue\">\n        </year-table>\n      </div>\n    </div>\n  }\n  @case ('month') {\n    <div class=\"{{ prefixCls }}-month\">\n      <month-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'month')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'month')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </month-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <month-table\n          [value]=\"value\"\n          [activeDate]=\"activeDate\"\n          [disabledDate]=\"disabledDate\"\n          (valueChange)=\"onChooseMonth($event)\"\n          [selectedValue]=\"selectedValue\">\n        </month-table>\n      </div>\n    </div>\n  }\n  @case ('quarter') {\n    <div class=\"{{ prefixCls }}-quarter\">\n      <month-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'month')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'month')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </month-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <quarter-table\n          [value]=\"value\"\n          [activeDate]=\"activeDate\"\n          [disabledDate]=\"disabledDate\"\n          (valueChange)=\"onChooseQuarter($event)\"\n          [selectedValue]=\"selectedValue\">\n        </quarter-table>\n      </div>\n    </div>\n  }\n  @default {\n    <date-header\n      [(value)]=\"activeDate\"\n      [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'date')\"\n      [showSuperNextBtn]=\"enableSuperPrevNext('next', 'date')\"\n      [showPreBtn]=\"enablePrevNext('prev', 'date')\"\n      [showNextBtn]=\"enablePrevNext('next', 'date')\"\n      (panelModeChange)=\"panelModeChange.emit($event)\"\n    (valueChange)=\"headerChange.emit($event)\"></date-header>\n    <div class=\"{{ prefixCls }}-body\">\n      <date-table\n        [showWeek]=\"showWeek\"\n        [value]=\"value\"\n        [activeDate]=\"activeDate\"\n        (valueChange)=\"onSelectDate($event)\"\n        showWeekNumber=\"false\"\n        [disabledDate]=\"disabledDate\"\n        [cellRender]=\"dateRender\"\n        [selectedValue]=\"selectedValue\"\n        [hoverValue]=\"hoverValue\"\n      (dayHover)=\"dayHover.emit($event)\"></date-table>\n    </div>\n  }\n}\n", dependencies: [{ kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "component", type: DecadeHeader, selector: "decade-header" }, { kind: "component", type: DecadeTable, selector: "decade-table", exportAs: ["decadeTable"] }, { kind: "component", type: YearHeader, selector: "year-header" }, { kind: "component", type: YearTable, selector: "year-table", outputs: ["decadePanelShow"] }, { kind: "component", type: MonthHeader, selector: "month-header" }, { kind: "component", type: MonthTable, selector: "month-table", exportAs: ["monthTable"] }, { kind: "component", type: QuarterTable, selector: "quarter-table", exportAs: ["quarterTable"] }, { kind: "component", type: DateHeader, selector: "date-header" }, { kind: "component", type: DateTable, selector: "date-table", outputs: ["dayHover"], exportAs: ["dateTable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: InnerPopup, decorators: [{
@@ -1886,7 +1868,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                         DateHeader,
                         DateTable
                     ], template: "@if (showDateRangeInput) {\n  <div class=\"{{ prefixCls }}-picker-inner-popup-range-input\">\n    <input thyInput thySize=\"sm\" [value]=\"getReadableValue(selectedValue[0])\" placeholder=\"\u5F00\u59CB\u65E5\u671F\" />\n    <span class=\"split\"></span>\n    <input thyInput thySize=\"sm\" [value]=\"getReadableValue(selectedValue[1])\" placeholder=\"\u7ED3\u675F\u65E5\u671F\" />\n  </div>\n}\n@switch (panelMode) {\n  @case ('decade') {\n    <div class=\"{{ prefixCls }}-decade\">\n      <decade-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'decade')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'decade')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </decade-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <decade-table [value]=\"value\" [activeDate]=\"activeDate\" (valueChange)=\"onChooseDecade($event)\"></decade-table>\n      </div>\n    </div>\n  }\n  @case ('year') {\n    <div class=\"{{ prefixCls }}-year\">\n      <year-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'year')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'year')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </year-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <year-table\n          [value]=\"value\"\n          [activeDate]=\"activeDate\"\n          [disabledDate]=\"disabledDate\"\n          (valueChange)=\"onChooseYear($event)\"\n          [selectedValue]=\"selectedValue\">\n        </year-table>\n      </div>\n    </div>\n  }\n  @case ('month') {\n    <div class=\"{{ prefixCls }}-month\">\n      <month-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'month')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'month')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </month-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <month-table\n          [value]=\"value\"\n          [activeDate]=\"activeDate\"\n          [disabledDate]=\"disabledDate\"\n          (valueChange)=\"onChooseMonth($event)\"\n          [selectedValue]=\"selectedValue\">\n        </month-table>\n      </div>\n    </div>\n  }\n  @case ('quarter') {\n    <div class=\"{{ prefixCls }}-quarter\">\n      <month-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'month')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'month')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </month-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <quarter-table\n          [value]=\"value\"\n          [activeDate]=\"activeDate\"\n          [disabledDate]=\"disabledDate\"\n          (valueChange)=\"onChooseQuarter($event)\"\n          [selectedValue]=\"selectedValue\">\n        </quarter-table>\n      </div>\n    </div>\n  }\n  @default {\n    <date-header\n      [(value)]=\"activeDate\"\n      [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'date')\"\n      [showSuperNextBtn]=\"enableSuperPrevNext('next', 'date')\"\n      [showPreBtn]=\"enablePrevNext('prev', 'date')\"\n      [showNextBtn]=\"enablePrevNext('next', 'date')\"\n      (panelModeChange)=\"panelModeChange.emit($event)\"\n    (valueChange)=\"headerChange.emit($event)\"></date-header>\n    <div class=\"{{ prefixCls }}-body\">\n      <date-table\n        [showWeek]=\"showWeek\"\n        [value]=\"value\"\n        [activeDate]=\"activeDate\"\n        (valueChange)=\"onSelectDate($event)\"\n        showWeekNumber=\"false\"\n        [disabledDate]=\"disabledDate\"\n        [cellRender]=\"dateRender\"\n        [selectedValue]=\"selectedValue\"\n        [hoverValue]=\"hoverValue\"\n      (dayHover)=\"dayHover.emit($event)\"></date-table>\n    </div>\n  }\n}\n" }]
-        }], ctorParameters: () => [{ type: DateHelperService }], propDecorators: { className: [{
+        }], propDecorators: { className: [{
                 type: HostBinding,
                 args: ['class.thy-calendar-picker-inner-popup']
             }], _showDateRangeInput: [{
@@ -1937,12 +1919,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @private
  */
 class DatePopup {
-    get hasTimePicker() {
-        return !!this.showTime;
-    }
-    constructor(cdr, datePickerConfigService) {
-        this.cdr = cdr;
-        this.datePickerConfigService = datePickerConfigService;
+    constructor() {
+        this.cdr = inject(ChangeDetectorRef);
+        this.datePickerConfigService = inject(ThyDatePickerConfigService);
         this.panelModeChange = new EventEmitter();
         this.calendarChange = new EventEmitter();
         this.valueChange = new EventEmitter();
@@ -1957,6 +1936,9 @@ class DatePopup {
         this.partTypeMap = { left: 0, right: 1 };
         this.disableTimeConfirm = false;
     }
+    get hasTimePicker() {
+        return !!this.showTime;
+    }
     setProperty(key, value) {
         this[key] = value;
         this.cdr.markForCheck();
@@ -2405,13 +2387,13 @@ class DatePopup {
             this.updateActiveDate();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatePopup, deps: [{ token: i0.ChangeDetectorRef }, { token: ThyDatePickerConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatePopup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: DatePopup, isStandalone: true, selector: "date-popup", inputs: { isRange: "isRange", showWeek: "showWeek", format: "format", disabledDate: "disabledDate", minDate: "minDate", maxDate: "maxDate", showToday: "showToday", showTime: "showTime", mustShowTime: "mustShowTime", dateRender: "dateRender", className: "className", panelMode: "panelMode", value: "value", defaultPickerValue: "defaultPickerValue", showShortcut: "showShortcut", shortcutPresets: "shortcutPresets", shortcutPosition: "shortcutPosition", flexible: "flexible", flexibleDateGranularity: "flexibleDateGranularity", timestampPrecision: "timestampPrecision" }, outputs: { panelModeChange: "panelModeChange", calendarChange: "calendarChange", valueChange: "valueChange", resultOk: "resultOk", showTimePickerChange: "showTimePickerChange", dateValueChange: "dateValueChange" }, exportAs: ["datePopup"], usesOnChanges: true, ngImport: i0, template: "<div class=\"{{ prefixCls }}-picker-container {{ className }}\">\n  <div\n    class=\"{{ prefixCls }} {{ showWeek ? prefixCls + '-week-number' : '' }}\n     {{ isRange ? prefixCls + '-range' : '' }} {{ prefixCls }}-picker-shortcut-{{ shortcutPosition === 'left' ? 'left' : 'bottom' }}\">\n    @if (showShortcut) {\n      <div class=\"{{ prefixCls }}-picker-shortcut\">\n        @for (item of innerShortcutPresets; track $index) {\n          <div class=\"{{ prefixCls }}-picker-shortcut-item\" [class.disabled]=\"item.disabled\" (click)=\"shortcutSetValue(item)\">\n            {{ item.title }}\n          </div>\n        }\n      </div>\n    }\n    <div class=\"{{ prefixCls }}-panel\">\n      <div class=\"{{ prefixCls }}-date-panel\">\n        @if (flexible) {\n          <div class=\"{{ prefixCls }}-date-panel-flexible\">\n            <div class=\"{{ prefixCls }}-date-panel-flexible-tab\">\n              <thy-nav thyType=\"pulled\" thySize=\"sm\">\n                <a href=\"javascript:;\" thyNavLink [thyNavLinkActive]=\"flexibleActiveTab === 'advanced'\" (click)=\"selectTab('advanced')\"\n                  >\u9AD8\u7EA7\u9009\u9879</a\n                >\n                <a href=\"javascript:;\" thyNavLink [thyNavLinkActive]=\"flexibleActiveTab === 'custom'\" (click)=\"selectTab('custom')\"\n                  >\u81EA\u5B9A\u4E49</a\n                >\n              </thy-nav>\n              <button thyButtonIcon=\"sweep\" thySize=\"sm\" class=\"clear-date-button\" (click)=\"clearFlexibleValue()\"></button>\n            </div>\n            <ng-container>\n              <div class=\"{{ prefixCls }}-date-panel-advanced\" [hidden]=\"flexibleActiveTab !== 'advanced'\">\n                <date-carousel\n                  name=\"dateCarousel\"\n                  (ngModelChange)=\"changeValueFromAdvancedSelect($event)\"\n                  [(ngModel)]=\"advancedSelectedValue\"\n                  [activeDate]=\"selectedValue[0]\"></date-carousel>\n              </div>\n            </ng-container>\n            <div [hidden]=\"flexibleActiveTab !== 'custom'\">\n              <ng-container *ngTemplateOutlet=\"tplInnerPopup\"></ng-container>\n            </div>\n          </div>\n        } @else {\n          @if (isRange) {\n            <ng-container *ngTemplateOutlet=\"tplRangePart; context: { partType: 'left' }\"></ng-container>\n            <ng-container *ngTemplateOutlet=\"tplRangePart; context: { partType: 'right' }\"></ng-container>\n          } @else {\n            <div>\n              <ng-container *ngTemplateOutlet=\"tplInnerPopup\"></ng-container>\n            </div>\n          }\n          @if (!isRange) {\n            <ng-container *ngTemplateOutlet=\"tplFooter\"></ng-container>\n          }\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #tplInnerPopup let-partType=\"partType\">\n  <inner-popup\n    [showWeek]=\"showWeek\"\n    [isRange]=\"isRange\"\n    [panelMode]=\"getPanelMode(panelMode, partType)\"\n    [endPanelMode]=\"getPanelMode(endPanelMode, partType)\"\n    [partType]=\"partType\"\n    [showDateRangeInput]=\"flexible && flexibleActiveTab === 'custom'\"\n    (panelModeChange)=\"onPanelModeChange($event, partType)\"\n    [value]=\"getValueBySelector(partType)\"\n    [selectedValue]=\"selectedValue\"\n    [activeDate]=\"getActiveDate(partType)\"\n    [rangeActiveDate]=\"activeDate\"\n    [disabledDate]=\"disabledDate\"\n    [dateRender]=\"dateRender\"\n    [hoverValue]=\"hoverValue\"\n    [enablePrev]=\"enablePrevNext('prev', partType)\"\n    [enableNext]=\"enablePrevNext('next', partType)\"\n    (dayHover)=\"onDayHover($event)\"\n    (selectDate)=\"changeValueFromSelect($event, partType)\"\n    (headerChange)=\"onHeaderChange($event, partType)\"></inner-popup>\n</ng-template>\n\n<ng-template #tplFooter>\n  <calendar-footer\n    [showTime]=\"showTime\"\n    [mustShowTime]=\"mustShowTime\"\n    [value]=\"value\"\n    [disableTimeConfirm]=\"disableTimeConfirm\"\n    (showTimePickerChange)=\"onShowTimePickerChange($event)\"\n    (selectTime)=\"onSelectTime($event)\"\n    (clickOk)=\"onClickOk()\"\n    (clickRemove)=\"onClickRemove()\"></calendar-footer>\n</ng-template>\n\n<!-- Single ONLY -->\n\n<!-- Range ONLY -->\n<ng-template #tplRangePart let-partType=\"partType\">\n  <div class=\"{{ prefixCls }}-range-part {{ prefixCls }}-range-{{ partType }}\">\n    <div style=\"outline: none\">\n      <ng-container *ngTemplateOutlet=\"tplInnerPopup; context: { partType: partType }\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: ThyNav, selector: "thy-nav", inputs: ["thyType", "thySize", "thyHorizontal", "thyVertical", "thyFill", "thyResponsive", "thyInsideClosable", "thyExtra"] }, { kind: "directive", type: ThyNavItemDirective, selector: "[thyNavLink],[thyNavItem]", inputs: ["thyNavItemActive", "thyNavLinkActive", "thyNavItemDisabled"] }, { kind: "component", type: ThyButtonIcon, selector: "thy-button-icon,[thy-button-icon],[thyButtonIcon]", inputs: ["thySize", "thyIcon", "thyButtonIcon", "thyShape", "thyLight", "thyActive", "thyTheme", "thyColor"] }, { kind: "component", type: DateCarousel, selector: "date-carousel", inputs: ["activeDate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: InnerPopup, selector: "inner-popup", inputs: ["showWeek", "isRange", "activeDate", "rangeActiveDate", "enablePrev", "enableNext", "disabledDate", "dateRender", "selectedValue", "hoverValue", "panelMode", "showDateRangeInput", "partType", "endPanelMode", "value"], outputs: ["panelModeChange", "headerChange", "selectDate", "dayHover"], exportAs: ["innerPopup"] }, { kind: "component", type: CalendarFooter, selector: "calendar-footer", inputs: ["showTime", "mustShowTime", "value", "disableTimeConfirm"], outputs: ["selectTime", "clickOk", "clickRemove", "showTimePickerChange"], exportAs: ["calendarFooter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatePopup, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'date-popup', exportAs: 'datePopup', standalone: true, imports: [ThyNav, ThyNavItemDirective, ThyButtonIcon, DateCarousel, FormsModule, NgTemplateOutlet, InnerPopup, CalendarFooter], template: "<div class=\"{{ prefixCls }}-picker-container {{ className }}\">\n  <div\n    class=\"{{ prefixCls }} {{ showWeek ? prefixCls + '-week-number' : '' }}\n     {{ isRange ? prefixCls + '-range' : '' }} {{ prefixCls }}-picker-shortcut-{{ shortcutPosition === 'left' ? 'left' : 'bottom' }}\">\n    @if (showShortcut) {\n      <div class=\"{{ prefixCls }}-picker-shortcut\">\n        @for (item of innerShortcutPresets; track $index) {\n          <div class=\"{{ prefixCls }}-picker-shortcut-item\" [class.disabled]=\"item.disabled\" (click)=\"shortcutSetValue(item)\">\n            {{ item.title }}\n          </div>\n        }\n      </div>\n    }\n    <div class=\"{{ prefixCls }}-panel\">\n      <div class=\"{{ prefixCls }}-date-panel\">\n        @if (flexible) {\n          <div class=\"{{ prefixCls }}-date-panel-flexible\">\n            <div class=\"{{ prefixCls }}-date-panel-flexible-tab\">\n              <thy-nav thyType=\"pulled\" thySize=\"sm\">\n                <a href=\"javascript:;\" thyNavLink [thyNavLinkActive]=\"flexibleActiveTab === 'advanced'\" (click)=\"selectTab('advanced')\"\n                  >\u9AD8\u7EA7\u9009\u9879</a\n                >\n                <a href=\"javascript:;\" thyNavLink [thyNavLinkActive]=\"flexibleActiveTab === 'custom'\" (click)=\"selectTab('custom')\"\n                  >\u81EA\u5B9A\u4E49</a\n                >\n              </thy-nav>\n              <button thyButtonIcon=\"sweep\" thySize=\"sm\" class=\"clear-date-button\" (click)=\"clearFlexibleValue()\"></button>\n            </div>\n            <ng-container>\n              <div class=\"{{ prefixCls }}-date-panel-advanced\" [hidden]=\"flexibleActiveTab !== 'advanced'\">\n                <date-carousel\n                  name=\"dateCarousel\"\n                  (ngModelChange)=\"changeValueFromAdvancedSelect($event)\"\n                  [(ngModel)]=\"advancedSelectedValue\"\n                  [activeDate]=\"selectedValue[0]\"></date-carousel>\n              </div>\n            </ng-container>\n            <div [hidden]=\"flexibleActiveTab !== 'custom'\">\n              <ng-container *ngTemplateOutlet=\"tplInnerPopup\"></ng-container>\n            </div>\n          </div>\n        } @else {\n          @if (isRange) {\n            <ng-container *ngTemplateOutlet=\"tplRangePart; context: { partType: 'left' }\"></ng-container>\n            <ng-container *ngTemplateOutlet=\"tplRangePart; context: { partType: 'right' }\"></ng-container>\n          } @else {\n            <div>\n              <ng-container *ngTemplateOutlet=\"tplInnerPopup\"></ng-container>\n            </div>\n          }\n          @if (!isRange) {\n            <ng-container *ngTemplateOutlet=\"tplFooter\"></ng-container>\n          }\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #tplInnerPopup let-partType=\"partType\">\n  <inner-popup\n    [showWeek]=\"showWeek\"\n    [isRange]=\"isRange\"\n    [panelMode]=\"getPanelMode(panelMode, partType)\"\n    [endPanelMode]=\"getPanelMode(endPanelMode, partType)\"\n    [partType]=\"partType\"\n    [showDateRangeInput]=\"flexible && flexibleActiveTab === 'custom'\"\n    (panelModeChange)=\"onPanelModeChange($event, partType)\"\n    [value]=\"getValueBySelector(partType)\"\n    [selectedValue]=\"selectedValue\"\n    [activeDate]=\"getActiveDate(partType)\"\n    [rangeActiveDate]=\"activeDate\"\n    [disabledDate]=\"disabledDate\"\n    [dateRender]=\"dateRender\"\n    [hoverValue]=\"hoverValue\"\n    [enablePrev]=\"enablePrevNext('prev', partType)\"\n    [enableNext]=\"enablePrevNext('next', partType)\"\n    (dayHover)=\"onDayHover($event)\"\n    (selectDate)=\"changeValueFromSelect($event, partType)\"\n    (headerChange)=\"onHeaderChange($event, partType)\"></inner-popup>\n</ng-template>\n\n<ng-template #tplFooter>\n  <calendar-footer\n    [showTime]=\"showTime\"\n    [mustShowTime]=\"mustShowTime\"\n    [value]=\"value\"\n    [disableTimeConfirm]=\"disableTimeConfirm\"\n    (showTimePickerChange)=\"onShowTimePickerChange($event)\"\n    (selectTime)=\"onSelectTime($event)\"\n    (clickOk)=\"onClickOk()\"\n    (clickRemove)=\"onClickRemove()\"></calendar-footer>\n</ng-template>\n\n<!-- Single ONLY -->\n\n<!-- Range ONLY -->\n<ng-template #tplRangePart let-partType=\"partType\">\n  <div class=\"{{ prefixCls }}-range-part {{ prefixCls }}-range-{{ partType }}\">\n    <div style=\"outline: none\">\n      <ng-container *ngTemplateOutlet=\"tplInnerPopup; context: { partType: partType }\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: ThyDatePickerConfigService }], propDecorators: { isRange: [{
+        }], propDecorators: { isRange: [{
                 type: Input
             }], showWeek: [{
                 type: Input
@@ -2568,6 +2550,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @private
  */
 class ThyPicker {
+    constructor() {
+        this.changeDetector = inject(ChangeDetectorRef);
+        this.dateHelper = inject(DateHelperService);
+        this.isRange = false;
+        this.open = undefined;
+        this.placement = 'bottomLeft';
+        this.flexible = false;
+        this.blur = new EventEmitter();
+        this.valueChange = new EventEmitter();
+        this.openChange = new EventEmitter(); // Emitted when overlay's open state change
+        this.inputChange = new EventEmitter();
+        this.entering = false;
+        this.prefixCls = 'thy-calendar';
+        this.isShowDatePopup = false;
+        this.overlayOpen = false; // Available when "open"=undefined
+        this.overlayPositions = getFlexiblePositions(this.placement, 4);
+    }
     get format() {
         return this.innerFormat;
     }
@@ -2598,23 +2597,6 @@ class ThyPicker {
     get readonlyState() {
         return this.isRange || this.readonly || this.mode !== 'date';
     }
-    constructor(changeDetector, dateHelper) {
-        this.changeDetector = changeDetector;
-        this.dateHelper = dateHelper;
-        this.isRange = false;
-        this.open = undefined;
-        this.placement = 'bottomLeft';
-        this.flexible = false;
-        this.blur = new EventEmitter();
-        this.valueChange = new EventEmitter();
-        this.openChange = new EventEmitter(); // Emitted when overlay's open state change
-        this.inputChange = new EventEmitter();
-        this.entering = false;
-        this.prefixCls = 'thy-calendar';
-        this.isShowDatePopup = false;
-        this.overlayOpen = false; // Available when "open"=undefined
-        this.overlayPositions = getFlexiblePositions(this.placement, 4);
-    }
     ngOnChanges(changes) {
         // open by user
         if (changes.open && changes.open.currentValue !== undefined) {
@@ -2762,13 +2744,13 @@ class ThyPicker {
         }
         this.pickerInput.nativeElement.value = readableValue;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyPicker, deps: [{ token: i0.ChangeDetectorRef }, { token: DateHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyPicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyPicker, isStandalone: true, selector: "thy-picker", inputs: { isRange: "isRange", open: "open", disabled: "disabled", placeholder: "placeholder", readonly: "readonly", allowClear: "allowClear", autoFocus: "autoFocus", className: "className", size: "size", suffixIcon: "suffixIcon", placement: "placement", flexible: "flexible", mode: "mode", hasBackdrop: ["hasBackdrop", "hasBackdrop", coerceBooleanProperty], format: "format", flexibleDateGranularity: "flexibleDateGranularity", value: "value" }, outputs: { blur: "blur", valueChange: "valueChange", openChange: "openChange", inputChange: "inputChange" }, viewQueries: [{ propertyName: "origin", first: true, predicate: ["origin"], descendants: true, static: true }, { propertyName: "cdkConnectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true, static: true }, { propertyName: "pickerInput", first: true, predicate: ["pickerInput"], descendants: true, static: true }, { propertyName: "overlayContainer", first: true, predicate: ["overlayContainer"], descendants: true }], exportAs: ["thyPicker"], usesOnChanges: true, ngImport: i0, template: "<span\n  cdkOverlayOrigin\n  #origin=\"cdkOverlayOrigin\"\n  class=\"{{ prefixCls }}-picker {{ size ? prefixCls + '-picker-' + size : '' }} {{ className }}\"\n  (click)=\"onClickInputBox()\">\n  <ng-container>\n    <input\n      #pickerInput\n      thyInput\n      class=\"form-control-{{ size }} form-control {{ prefixCls }}-picker-input\"\n      [ngClass]=\"{ 'panel-is-opened': realOpenState }\"\n      [thySize]=\"size\"\n      [tabindex]=\"-1\"\n      [class.thy-input-disabled]=\"disabled\"\n      [class.thy-input-readonly]=\"readonly\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonlyState\"\n      (blur)=\"onBlur($event)\"\n      (input)=\"onInput($event)\"\n      placeholder=\"{{ getPlaceholder() }}\"\n      thyEnter\n      (thyEnter)=\"onEnter()\" />\n    <ng-container *ngTemplateOutlet=\"tplRightRest\"></ng-container>\n  </ng-container>\n</span>\n\n<!-- Right operator icons -->\n<ng-template #tplRightRest>\n  <span class=\"{{ prefixCls }}-picker-clear\">\n    @if (!disabled && !isEmptyValue(value) && allowClear && !readonly) {\n      <thy-icon\n        thyIconName=\"close-circle-bold-fill\"\n        (click)=\"onClickClear($event)\"\n      ngClass=\"remove-link remove-link-{{ size }}\"></thy-icon>\n    }\n  </span>\n  <span class=\"{{ prefixCls }}-picker-icon\">\n    <thy-icon [thyIconName]=\"suffixIcon\" ngClass=\"remove-link-{{ size ? size : 'default' }}\"></thy-icon>\n  </span>\n</ng-template>\n\n<!-- Overlay -->\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"origin\"\n  [cdkConnectedOverlayOpen]=\"realOpenState\"\n  [cdkConnectedOverlayHasBackdrop]=\"hasBackdrop\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  cdkConnectedOverlayTransformOriginOn=\".thy-picker-container\"\n  (positionChange)=\"onPositionChange($event)\"\n  (backdropClick)=\"onClickBackdrop()\"\n  (detach)=\"onOverlayDetach()\">\n  <div\n    #overlayContainer\n    style=\"position: relative\"\n    class=\"thy-picker-container\"\n    [@scaleXMotion]=\"placement === 'left' || placement === 'right' ? 'enter' : 'void'\"\n    [@scaleYMotion]=\"placement === 'top' || placement === 'bottom' ? 'enter' : 'void'\"\n    [@scaleMotion]=\"placement !== 'left' && placement !== 'right' && placement !== 'top' && placement !== 'bottom' ? 'enter' : 'void'\">\n    <!-- Compatible for overlay that not support offset dynamically and immediately -->\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "directive", type: ThyEnterDirective, selector: "[thyEnter]", outputs: ["thyEnter"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }], animations: [scaleXMotion, scaleYMotion, scaleMotion], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyPicker, decorators: [{
             type: Component,
             args: [{ selector: 'thy-picker', exportAs: 'thyPicker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CdkOverlayOrigin, ThyInputDirective, ThyEnterDirective, AsyncPipe, NgTemplateOutlet, ThyIcon, NgClass, CdkConnectedOverlay], animations: [scaleXMotion, scaleYMotion, scaleMotion], template: "<span\n  cdkOverlayOrigin\n  #origin=\"cdkOverlayOrigin\"\n  class=\"{{ prefixCls }}-picker {{ size ? prefixCls + '-picker-' + size : '' }} {{ className }}\"\n  (click)=\"onClickInputBox()\">\n  <ng-container>\n    <input\n      #pickerInput\n      thyInput\n      class=\"form-control-{{ size }} form-control {{ prefixCls }}-picker-input\"\n      [ngClass]=\"{ 'panel-is-opened': realOpenState }\"\n      [thySize]=\"size\"\n      [tabindex]=\"-1\"\n      [class.thy-input-disabled]=\"disabled\"\n      [class.thy-input-readonly]=\"readonly\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonlyState\"\n      (blur)=\"onBlur($event)\"\n      (input)=\"onInput($event)\"\n      placeholder=\"{{ getPlaceholder() }}\"\n      thyEnter\n      (thyEnter)=\"onEnter()\" />\n    <ng-container *ngTemplateOutlet=\"tplRightRest\"></ng-container>\n  </ng-container>\n</span>\n\n<!-- Right operator icons -->\n<ng-template #tplRightRest>\n  <span class=\"{{ prefixCls }}-picker-clear\">\n    @if (!disabled && !isEmptyValue(value) && allowClear && !readonly) {\n      <thy-icon\n        thyIconName=\"close-circle-bold-fill\"\n        (click)=\"onClickClear($event)\"\n      ngClass=\"remove-link remove-link-{{ size }}\"></thy-icon>\n    }\n  </span>\n  <span class=\"{{ prefixCls }}-picker-icon\">\n    <thy-icon [thyIconName]=\"suffixIcon\" ngClass=\"remove-link-{{ size ? size : 'default' }}\"></thy-icon>\n  </span>\n</ng-template>\n\n<!-- Overlay -->\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"origin\"\n  [cdkConnectedOverlayOpen]=\"realOpenState\"\n  [cdkConnectedOverlayHasBackdrop]=\"hasBackdrop\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  cdkConnectedOverlayTransformOriginOn=\".thy-picker-container\"\n  (positionChange)=\"onPositionChange($event)\"\n  (backdropClick)=\"onClickBackdrop()\"\n  (detach)=\"onOverlayDetach()\">\n  <div\n    #overlayContainer\n    style=\"position: relative\"\n    class=\"thy-picker-container\"\n    [@scaleXMotion]=\"placement === 'left' || placement === 'right' ? 'enter' : 'void'\"\n    [@scaleYMotion]=\"placement === 'top' || placement === 'bottom' ? 'enter' : 'void'\"\n    [@scaleMotion]=\"placement !== 'left' && placement !== 'right' && placement !== 'top' && placement !== 'bottom' ? 'enter' : 'void'\">\n    <!-- Compatible for overlay that not support offset dynamically and immediately -->\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: DateHelperService }], propDecorators: { isRange: [{
+        }], propDecorators: { isRange: [{
                 type: Input
             }], open: [{
                 type: Input
@@ -2874,9 +2856,9 @@ class AbstractPickerComponent extends TabIndexDisabledControlValueAccessorMixin
     initValue() {
         this.thyValue = this.isRange ? [] : null;
     }
-    constructor(cdr) {
+    constructor() {
         super();
-        this.cdr = cdr;
+        this.cdr = inject(ChangeDetectorRef);
         this._panelMode = 'date';
         this.datePickerConfigService = inject(ThyDatePickerConfigService);
         /**
@@ -3070,12 +3052,12 @@ class AbstractPickerComponent extends TabIndexDisabledControlValueAccessorMixin
     setValueByPrecision(value) {
         return setValueByTimestampPrecision(value, this.isRange, this.thyTimestampPrecision);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AbstractPickerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AbstractPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.0", type: AbstractPickerComponent, inputs: { thyMode: "thyMode", thyAllowClear: ["thyAllowClear", "thyAllowClear", coerceBooleanProperty], thyAutoFocus: ["thyAutoFocus", "thyAutoFocus", coerceBooleanProperty], thyOpen: ["thyOpen", "thyOpen", coerceBooleanProperty], thyDisabledDate: "thyDisabledDate", thyMinDate: "thyMinDate", thyMaxDate: "thyMaxDate", thyPlaceHolder: "thyPlaceHolder", thyReadonly: ["thyReadonly", "thyReadonly", coerceBooleanProperty], thyOriginClassName: "thyOriginClassName", thyPanelClassName: "thyPanelClassName", thySize: "thySize", thyTimestampPrecision: "thyTimestampPrecision", thyFormat: "thyFormat", thyAutoStartAndEnd: ["thyAutoStartAndEnd", "thyAutoStartAndEnd", coerceBooleanProperty], thyDefaultPickerValue: "thyDefaultPickerValue", thySuffixIcon: "thySuffixIcon", thyShowShortcut: ["thyShowShortcut", "thyShowShortcut", coerceBooleanProperty], thyShortcutPosition: "thyShortcutPosition", thyShortcutPresets: "thyShortcutPresets", thyDisabled: ["thyDisabled", "thyDisabled", coerceBooleanProperty] }, outputs: { thyDateChange: "thyDateChange", thyOpenChange: "thyOpenChange" }, viewQueries: [{ propertyName: "picker", first: true, predicate: ThyPicker, descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AbstractPickerComponent, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { thyMode: [{
+        }], ctorParameters: () => [], propDecorators: { thyMode: [{
                 type: Input
             }], thyAllowClear: [{
                 type: Input,
@@ -3137,28 +3119,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @private
  */
 class BasePicker extends AbstractPickerComponent {
-    set thyMode(value) {
-        this._panelMode = value ?? 'date';
-        if (this.initialized) {
-            this.setDefaultTimePickerState(this._panelMode);
-        }
-    }
-    get thyMode() {
-        return this._panelMode;
-    }
-    /**
-     * 增加时间选择功能
-     * @default false
-     */
-    get thyShowTime() {
-        return this._showTime;
-    }
-    set thyShowTime(value) {
-        this._showTime = typeof value === 'object' ? value : coerceBooleanProperty$1(value);
-    }
-    constructor(cdr, element) {
-        super(cdr);
-        this.element = element;
+    constructor() {
+        super(...arguments);
+        this.element = inject(ElementRef);
         this.showWeek = false;
         /**
          * 是否有幕布
@@ -3192,6 +3155,25 @@ class BasePicker extends AbstractPickerComponent {
         this.platformId = inject(PLATFORM_ID);
         this.ngZone = inject(NgZone);
     }
+    set thyMode(value) {
+        this._panelMode = value ?? 'date';
+        if (this.initialized) {
+            this.setDefaultTimePickerState(this._panelMode);
+        }
+    }
+    get thyMode() {
+        return this._panelMode;
+    }
+    /**
+     * 增加时间选择功能
+     * @default false
+     */
+    get thyShowTime() {
+        return this._showTime;
+    }
+    set thyShowTime(value) {
+        this._showTime = typeof value === 'object' ? value : coerceBooleanProperty$1(value);
+    }
     ngOnInit() {
         super.ngOnInit();
         this.setDefaultTimePickerState(this._panelMode);
@@ -3333,7 +3315,7 @@ class BasePicker extends AbstractPickerComponent {
             (!maxDate || date.startOfDay().nativeDate <= maxDate.startOfDay().nativeDate) &&
             !disable);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BasePicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BasePicker, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.0", type: BasePicker, isStandalone: true, selector: "ng-component", inputs: { thyDateRender: "thyDateRender", thyMode: "thyMode", thyHasBackdrop: ["thyHasBackdrop", "thyHasBackdrop", coerceBooleanProperty$1], thyShowTime: "thyShowTime", thyMustShowTime: ["thyMustShowTime", "thyMustShowTime", coerceBooleanProperty$1], thyPlacement: "thyPlacement" }, outputs: { thyOnPanelChange: "thyOnPanelChange", thyOnCalendarChange: "thyOnCalendarChange", thyOnOk: "thyOnOk" }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur($event)" }, properties: { "attr.tabindex": "tabIndex" } }, viewQueries: [{ propertyName: "thyPicker", first: true, predicate: ["thyPicker"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BasePicker, decorators: [{
@@ -3347,7 +3329,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                         '(blur)': 'onBlur($event)'
                     }
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { thyPicker: [{
+        }], propDecorators: { thyPicker: [{
                 type: ViewChild,
                 args: ['thyPicker', { static: true }]
             }], thyDateRender: [{
@@ -3378,13 +3360,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @order 10
  */
 class ThyDatePicker extends BasePicker {
-    constructor(cdr, element) {
-        super(cdr, element);
+    constructor() {
+        super();
         this.isRange = false;
         this.hostRenderer = useHostRenderer();
         this.hostRenderer.addClass('thy-calendar-picker');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyDatePicker, isStandalone: true, selector: "thy-date-picker", host: { properties: { "attr.tabindex": "tabIndex" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -3404,7 +3386,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     ], standalone: true, imports: [ThyPicker, DatePopup], host: {
                         '[attr.tabindex]': 'tabIndex'
                     }, template: "<thy-picker\n  #thyPicker\n  [isRange]=\"isRange\"\n  [value]=\"thyValue\"\n  [flexible]=\"flexible\"\n  [flexibleDateGranularity]=\"flexibleDateGranularity\"\n  (valueChange)=\"onInputValueChange($event)\"\n  [open]=\"thyOpen\"\n  [disabled]=\"thyDisabled\"\n  [format]=\"thyFormat\"\n  [mode]=\"thyMode\"\n  [allowClear]=\"thyAllowClear\"\n  [className]=\"thyOriginClassName\"\n  [autoFocus]=\"thyAutoFocus\"\n  [placeholder]=\"thyPlaceHolder\"\n  [readonly]=\"thyReadonly\"\n  [size]=\"thySize\"\n  [suffixIcon]=\"thySuffixIcon\"\n  [placement]=\"thyPlacement\"\n  [hasBackdrop]=\"thyHasBackdrop\"\n  (openChange)=\"onOpenChange($event)\"\n  (blur)=\"onBlur($event)\"\n  (inputChange)=\"onInputDate($event)\">\n  @if (isShowDatePopup) {\n    <date-popup\n      [attr.tabindex]=\"-1\"\n      [isRange]=\"isRange\"\n      [showWeek]=\"showWeek\"\n      [panelMode]=\"panelMode\"\n      [flexible]=\"flexible\"\n      [flexibleDateGranularity]=\"flexibleDateGranularity\"\n      [defaultPickerValue]=\"thyDefaultPickerValue\"\n      (panelModeChange)=\"thyOnPanelChange.emit($event)\"\n      (showTimePickerChange)=\"onShowTimePickerChange($event)\"\n      [value]=\"thyValue\"\n      (valueChange)=\"onValueChange($event)\"\n      (calendarChange)=\"onCalendarChange($event)\"\n      [showTime]=\"thyShowTime\"\n      [mustShowTime]=\"withTime\"\n      [format]=\"thyFormat\"\n      [dateRender]=\"thyDateRender\"\n      [disabledDate]=\"thyDisabledDate\"\n      [minDate]=\"thyMinDate\"\n      [maxDate]=\"thyMaxDate\"\n      [showShortcut]=\"thyShowShortcut\"\n      [shortcutPresets]=\"shortcutPresets\"\n      [shortcutPosition]=\"shortcutPosition\"\n      [timestampPrecision]=\"thyTimestampPrecision\"\n      (dateValueChange)=\"onDateValueChange($event)\"\n      [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n  }\n</thy-picker>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }] });
+        }], ctorParameters: () => [] });
 
 /**
  * 月份选择组件
@@ -3412,9 +3394,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @order 40
  */
 class ThyMonthPicker extends BasePicker {
-    constructor(cdr, element) {
-        super(cdr, element);
-        this.element = element;
+    constructor() {
+        super();
         /**
          * 展示的月份格式
          */
@@ -3423,7 +3404,7 @@ class ThyMonthPicker extends BasePicker {
         this.hostRenderer.addClass('thy-calendar-picker');
         this.thyMode = 'month';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyMonthPicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyMonthPicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyMonthPicker, isStandalone: true, selector: "thy-month-picker", inputs: { thyFormat: "thyFormat" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -3441,7 +3422,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                             useExisting: forwardRef(() => ThyMonthPicker)
                         }
                     ], standalone: true, imports: [ThyPicker, DatePopup], template: "<thy-picker\n  #thyPicker\n  [isRange]=\"isRange\"\n  [value]=\"thyValue\"\n  [flexible]=\"flexible\"\n  [flexibleDateGranularity]=\"flexibleDateGranularity\"\n  (valueChange)=\"onInputValueChange($event)\"\n  [open]=\"thyOpen\"\n  [disabled]=\"thyDisabled\"\n  [format]=\"thyFormat\"\n  [mode]=\"thyMode\"\n  [allowClear]=\"thyAllowClear\"\n  [className]=\"thyOriginClassName\"\n  [autoFocus]=\"thyAutoFocus\"\n  [placeholder]=\"thyPlaceHolder\"\n  [readonly]=\"thyReadonly\"\n  [size]=\"thySize\"\n  [suffixIcon]=\"thySuffixIcon\"\n  [placement]=\"thyPlacement\"\n  [hasBackdrop]=\"thyHasBackdrop\"\n  (openChange)=\"onOpenChange($event)\"\n  (blur)=\"onBlur($event)\"\n  (inputChange)=\"onInputDate($event)\">\n  @if (isShowDatePopup) {\n    <date-popup\n      [attr.tabindex]=\"-1\"\n      [isRange]=\"isRange\"\n      [showWeek]=\"showWeek\"\n      [panelMode]=\"panelMode\"\n      [flexible]=\"flexible\"\n      [flexibleDateGranularity]=\"flexibleDateGranularity\"\n      [defaultPickerValue]=\"thyDefaultPickerValue\"\n      (panelModeChange)=\"thyOnPanelChange.emit($event)\"\n      (showTimePickerChange)=\"onShowTimePickerChange($event)\"\n      [value]=\"thyValue\"\n      (valueChange)=\"onValueChange($event)\"\n      (calendarChange)=\"onCalendarChange($event)\"\n      [showTime]=\"thyShowTime\"\n      [mustShowTime]=\"withTime\"\n      [format]=\"thyFormat\"\n      [dateRender]=\"thyDateRender\"\n      [disabledDate]=\"thyDisabledDate\"\n      [minDate]=\"thyMinDate\"\n      [maxDate]=\"thyMaxDate\"\n      [showShortcut]=\"thyShowShortcut\"\n      [shortcutPresets]=\"shortcutPresets\"\n      [shortcutPosition]=\"shortcutPosition\"\n      [timestampPrecision]=\"thyTimestampPrecision\"\n      (dateValueChange)=\"onDateValueChange($event)\"\n      [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n  }\n</thy-picker>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { thyFormat: [{
+        }], ctorParameters: () => [], propDecorators: { thyFormat: [{
                 type: Input
             }] } });
 
@@ -3451,14 +3432,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @order 70
  */
 class ThyRangePicker extends BasePicker {
-    constructor(cdr, elementRef) {
-        super(cdr, elementRef);
-        this.elementRef = elementRef;
+    constructor() {
+        super();
         this.isRange = true;
         this.hostRenderer = useHostRenderer();
         this.hostRenderer.addClass('thy-calendar-picker');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyRangePicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyRangePicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyRangePicker, isStandalone: true, selector: "thy-range-picker", providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -3476,7 +3456,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                             useExisting: forwardRef(() => ThyRangePicker)
                         }
                     ], standalone: true, imports: [ThyPicker, DatePopup], template: "<thy-picker\n  #thyPicker\n  [isRange]=\"isRange\"\n  [value]=\"thyValue\"\n  [flexible]=\"flexible\"\n  [flexibleDateGranularity]=\"flexibleDateGranularity\"\n  (valueChange)=\"onInputValueChange($event)\"\n  [open]=\"thyOpen\"\n  [disabled]=\"thyDisabled\"\n  [format]=\"thyFormat\"\n  [mode]=\"thyMode\"\n  [allowClear]=\"thyAllowClear\"\n  [className]=\"thyOriginClassName\"\n  [autoFocus]=\"thyAutoFocus\"\n  [placeholder]=\"thyPlaceHolder\"\n  [readonly]=\"thyReadonly\"\n  [size]=\"thySize\"\n  [suffixIcon]=\"thySuffixIcon\"\n  [placement]=\"thyPlacement\"\n  [hasBackdrop]=\"thyHasBackdrop\"\n  (openChange)=\"onOpenChange($event)\"\n  (blur)=\"onBlur($event)\"\n  (inputChange)=\"onInputDate($event)\">\n  @if (isShowDatePopup) {\n    <date-popup\n      [attr.tabindex]=\"-1\"\n      [isRange]=\"isRange\"\n      [showWeek]=\"showWeek\"\n      [panelMode]=\"panelMode\"\n      [flexible]=\"flexible\"\n      [flexibleDateGranularity]=\"flexibleDateGranularity\"\n      [defaultPickerValue]=\"thyDefaultPickerValue\"\n      (panelModeChange)=\"thyOnPanelChange.emit($event)\"\n      (showTimePickerChange)=\"onShowTimePickerChange($event)\"\n      [value]=\"thyValue\"\n      (valueChange)=\"onValueChange($event)\"\n      (calendarChange)=\"onCalendarChange($event)\"\n      [showTime]=\"thyShowTime\"\n      [mustShowTime]=\"withTime\"\n      [format]=\"thyFormat\"\n      [dateRender]=\"thyDateRender\"\n      [disabledDate]=\"thyDisabledDate\"\n      [minDate]=\"thyMinDate\"\n      [maxDate]=\"thyMaxDate\"\n      [showShortcut]=\"thyShowShortcut\"\n      [shortcutPresets]=\"shortcutPresets\"\n      [shortcutPosition]=\"shortcutPosition\"\n      [timestampPrecision]=\"thyTimestampPrecision\"\n      (dateValueChange)=\"onDateValueChange($event)\"\n      [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n  }\n</thy-picker>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }] });
+        }], ctorParameters: () => [] });
 
 /**
  * 周选择组件
@@ -3484,15 +3464,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @order 30
  */
 class ThyWeekPicker extends BasePicker {
-    constructor(cdr, elementRef) {
-        super(cdr, elementRef);
-        this.elementRef = elementRef;
+    constructor() {
+        super();
         this.showWeek = true;
         this.hostRenderer = useHostRenderer();
         this.hostRenderer.addClass('thy-calendar-picker');
         this.thyMode = 'week';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyWeekPicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyWeekPicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyWeekPicker, isStandalone: true, selector: "thy-week-picker", providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -3510,7 +3489,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                             useExisting: forwardRef(() => ThyWeekPicker)
                         }
                     ], standalone: true, imports: [ThyPicker, DatePopup], template: "<thy-picker\n  #thyPicker\n  [isRange]=\"isRange\"\n  [value]=\"thyValue\"\n  [flexible]=\"flexible\"\n  [flexibleDateGranularity]=\"flexibleDateGranularity\"\n  (valueChange)=\"onInputValueChange($event)\"\n  [open]=\"thyOpen\"\n  [disabled]=\"thyDisabled\"\n  [format]=\"thyFormat\"\n  [mode]=\"thyMode\"\n  [allowClear]=\"thyAllowClear\"\n  [className]=\"thyOriginClassName\"\n  [autoFocus]=\"thyAutoFocus\"\n  [placeholder]=\"thyPlaceHolder\"\n  [readonly]=\"thyReadonly\"\n  [size]=\"thySize\"\n  [suffixIcon]=\"thySuffixIcon\"\n  [placement]=\"thyPlacement\"\n  [hasBackdrop]=\"thyHasBackdrop\"\n  (openChange)=\"onOpenChange($event)\"\n  (blur)=\"onBlur($event)\"\n  (inputChange)=\"onInputDate($event)\">\n  @if (isShowDatePopup) {\n    <date-popup\n      [attr.tabindex]=\"-1\"\n      [isRange]=\"isRange\"\n      [showWeek]=\"showWeek\"\n      [panelMode]=\"panelMode\"\n      [flexible]=\"flexible\"\n      [flexibleDateGranularity]=\"flexibleDateGranularity\"\n      [defaultPickerValue]=\"thyDefaultPickerValue\"\n      (panelModeChange)=\"thyOnPanelChange.emit($event)\"\n      (showTimePickerChange)=\"onShowTimePickerChange($event)\"\n      [value]=\"thyValue\"\n      (valueChange)=\"onValueChange($event)\"\n      (calendarChange)=\"onCalendarChange($event)\"\n      [showTime]=\"thyShowTime\"\n      [mustShowTime]=\"withTime\"\n      [format]=\"thyFormat\"\n      [dateRender]=\"thyDateRender\"\n      [disabledDate]=\"thyDisabledDate\"\n      [minDate]=\"thyMinDate\"\n      [maxDate]=\"thyMaxDate\"\n      [showShortcut]=\"thyShowShortcut\"\n      [shortcutPresets]=\"shortcutPresets\"\n      [shortcutPosition]=\"shortcutPosition\"\n      [timestampPrecision]=\"thyTimestampPrecision\"\n      (dateValueChange)=\"onDateValueChange($event)\"\n      [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n  }\n</thy-picker>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }] });
+        }], ctorParameters: () => [] });
 
 /**
  * 年份选择组件
@@ -3518,9 +3497,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @order 50
  */
 class ThyYearPicker extends BasePicker {
-    constructor(cdr, elementRef) {
-        super(cdr, elementRef);
-        this.elementRef = elementRef;
+    constructor() {
+        super();
         /**
          * 展示的年份格式
          * @type string
@@ -3532,7 +3510,7 @@ class ThyYearPicker extends BasePicker {
         this.hostRenderer.addClass('thy-calendar-picker');
         this.thyMode = 'year';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyYearPicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyYearPicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyYearPicker, isStandalone: true, selector: "thy-year-picker", inputs: { thyFormat: "thyFormat" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -3550,7 +3528,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                             useExisting: forwardRef(() => ThyYearPicker)
                         }
                     ], standalone: true, imports: [ThyPicker, DatePopup], template: "<thy-picker\n  #thyPicker\n  [isRange]=\"isRange\"\n  [value]=\"thyValue\"\n  [flexible]=\"flexible\"\n  [flexibleDateGranularity]=\"flexibleDateGranularity\"\n  (valueChange)=\"onInputValueChange($event)\"\n  [open]=\"thyOpen\"\n  [disabled]=\"thyDisabled\"\n  [format]=\"thyFormat\"\n  [mode]=\"thyMode\"\n  [allowClear]=\"thyAllowClear\"\n  [className]=\"thyOriginClassName\"\n  [autoFocus]=\"thyAutoFocus\"\n  [placeholder]=\"thyPlaceHolder\"\n  [readonly]=\"thyReadonly\"\n  [size]=\"thySize\"\n  [suffixIcon]=\"thySuffixIcon\"\n  [placement]=\"thyPlacement\"\n  [hasBackdrop]=\"thyHasBackdrop\"\n  (openChange)=\"onOpenChange($event)\"\n  (blur)=\"onBlur($event)\"\n  (inputChange)=\"onInputDate($event)\">\n  @if (isShowDatePopup) {\n    <date-popup\n      [attr.tabindex]=\"-1\"\n      [isRange]=\"isRange\"\n      [showWeek]=\"showWeek\"\n      [panelMode]=\"panelMode\"\n      [flexible]=\"flexible\"\n      [flexibleDateGranularity]=\"flexibleDateGranularity\"\n      [defaultPickerValue]=\"thyDefaultPickerValue\"\n      (panelModeChange)=\"thyOnPanelChange.emit($event)\"\n      (showTimePickerChange)=\"onShowTimePickerChange($event)\"\n      [value]=\"thyValue\"\n      (valueChange)=\"onValueChange($event)\"\n      (calendarChange)=\"onCalendarChange($event)\"\n      [showTime]=\"thyShowTime\"\n      [mustShowTime]=\"withTime\"\n      [format]=\"thyFormat\"\n      [dateRender]=\"thyDateRender\"\n      [disabledDate]=\"thyDisabledDate\"\n      [minDate]=\"thyMinDate\"\n      [maxDate]=\"thyMaxDate\"\n      [showShortcut]=\"thyShowShortcut\"\n      [shortcutPresets]=\"shortcutPresets\"\n      [shortcutPosition]=\"shortcutPosition\"\n      [timestampPrecision]=\"thyTimestampPrecision\"\n      (dateValueChange)=\"onDateValueChange($event)\"\n      [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n  }\n</thy-picker>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { thyFormat: [{
+        }], ctorParameters: () => [], propDecorators: { thyFormat: [{
                 type: Input
             }] } });
 
@@ -3633,6 +3611,44 @@ function isEmptyInputDateValue(value) {
  * @private
  */
 class PickerDirective extends AbstractPickerComponent {
+    constructor() {
+        super(...arguments);
+        this.elementRef = inject(ElementRef);
+        this.thyPopover = inject(ThyPopover);
+        this.showWeek = false;
+        /**
+         * @type EventEmitter<ThyPanelMode | ThyPanelMode[]>
+         */
+        this.thyOnPanelChange = new EventEmitter();
+        /**
+         * @type EventEmitter<Date[]>
+         */
+        this.thyOnCalendarChange = new EventEmitter();
+        /**
+         * 是否展示时间(时、分)
+         * @default false
+         */
+        this.thyMustShowTime = false;
+        /**
+         * 弹出位置
+         * @type top | topLeft | topRight | bottom | bottomLeft | bottomRight | left | leftTop | leftBottom | right | rightTop | rightBottom
+         */
+        this.thyPlacement = 'bottom';
+        this.offset = 4;
+        this.hasBackdrop = true;
+        /**
+         * 是否阻止冒泡
+         */
+        this.thyStopPropagation = true;
+        this.destroy$ = new Subject();
+        this.el = this.elementRef.nativeElement;
+        this.$click = fromEvent(this.el, 'click').pipe(tap(e => {
+            if (this.thyStopPropagation) {
+                e.stopPropagation();
+            }
+        }), mapTo(true));
+        this.takeUntilDestroyed = takeUntilDestroyed();
+    }
     get thyShowTime() {
         return this._showTime;
     }
@@ -3740,45 +3756,6 @@ class PickerDirective extends AbstractPickerComponent {
             }
         });
     }
-    constructor(elementRef, cdr, thyPopover) {
-        super(cdr);
-        this.elementRef = elementRef;
-        this.cdr = cdr;
-        this.thyPopover = thyPopover;
-        this.showWeek = false;
-        /**
-         * @type EventEmitter<ThyPanelMode | ThyPanelMode[]>
-         */
-        this.thyOnPanelChange = new EventEmitter();
-        /**
-         * @type EventEmitter<Date[]>
-         */
-        this.thyOnCalendarChange = new EventEmitter();
-        /**
-         * 是否展示时间(时、分)
-         * @default false
-         */
-        this.thyMustShowTime = false;
-        /**
-         * 弹出位置
-         * @type top | topLeft | topRight | bottom | bottomLeft | bottomRight | left | leftTop | leftBottom | right | rightTop | rightBottom
-         */
-        this.thyPlacement = 'bottom';
-        this.offset = 4;
-        this.hasBackdrop = true;
-        /**
-         * 是否阻止冒泡
-         */
-        this.thyStopPropagation = true;
-        this.destroy$ = new Subject();
-        this.el = this.elementRef.nativeElement;
-        this.$click = fromEvent(this.el, 'click').pipe(tap(e => {
-            if (this.thyStopPropagation) {
-                e.stopPropagation();
-            }
-        }), mapTo(true));
-        this.takeUntilDestroyed = takeUntilDestroyed();
-    }
     ngAfterViewInit() {
         this.setDefaultTimePickerState();
         this.initActionSubscribe();
@@ -3807,12 +3784,12 @@ class PickerDirective extends AbstractPickerComponent {
     onShowTimePickerChange(show) {
         this.withTime = show;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PickerDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$1.ThyPopover }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PickerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.0", type: PickerDirective, inputs: { thyDateRender: "thyDateRender", thyShowTime: "thyShowTime", thyMustShowTime: ["thyMustShowTime", "thyMustShowTime", coerceBooleanProperty$1], thyPlacement: "thyPlacement", thyOffset: ["thyOffset", "thyOffset", numberAttribute], thyHasBackdrop: ["thyHasBackdrop", "thyHasBackdrop", coerceBooleanProperty$1], thyPopoverOptions: "thyPopoverOptions", thyStopPropagation: ["thyStopPropagation", "thyStopPropagation", coerceBooleanProperty$1] }, outputs: { thyOnPanelChange: "thyOnPanelChange", thyOnCalendarChange: "thyOnCalendarChange" }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PickerDirective, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$1.ThyPopover }], propDecorators: { thyDateRender: [{
+        }], propDecorators: { thyDateRender: [{
                 type: Input
             }], thyOnPanelChange: [{
                 type: Output
@@ -3844,11 +3821,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @order 20
  */
 class ThyDatePickerDirective extends PickerDirective {
-    constructor(elementRef, cdr, thyPopover) {
-        super(elementRef, cdr, thyPopover);
+    constructor() {
+        super(...arguments);
         this.isRange = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$1.ThyPopover }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: ThyDatePickerDirective, isStandalone: true, selector: "[thyDatePicker]", providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -3871,7 +3848,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     ],
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$1.ThyPopover }] });
+        }] });
 
 /**
  * 日期范围选择指令
@@ -3879,11 +3856,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @order 80
  */
 class ThyRangePickerDirective extends PickerDirective {
-    constructor(elementRef, cdr, thyPopover) {
-        super(elementRef, cdr, thyPopover);
+    constructor() {
+        super();
         this.isRange = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyRangePickerDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$1.ThyPopover }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyRangePickerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: ThyRangePickerDirective, isStandalone: true, selector: "[thyRangePicker]", providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -3906,7 +3883,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     ],
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$1.ThyPopover }] });
+        }], ctorParameters: () => [] });
 
 /**
  * 季度选择组件
@@ -3914,9 +3891,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @order 60
  */
 class ThyQuarterPicker extends BasePicker {
-    constructor(cdr, elementRef) {
-        super(cdr, elementRef);
-        this.elementRef = elementRef;
+    constructor() {
+        super();
         /**
          * 展示的季度格式
          * @type string
@@ -3928,7 +3904,7 @@ class ThyQuarterPicker extends BasePicker {
         this.hostRenderer.addClass('thy-calendar-picker');
         this.thyMode = 'quarter';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyQuarterPicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyQuarterPicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyQuarterPicker, isStandalone: true, selector: "thy-quarter-picker", inputs: { thyFormat: "thyFormat" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -3946,7 +3922,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                             useExisting: forwardRef(() => ThyQuarterPicker)
                         }
                     ], standalone: true, imports: [ThyPicker, DatePopup], template: "<thy-picker\n  #thyPicker\n  [isRange]=\"isRange\"\n  [value]=\"thyValue\"\n  [flexible]=\"flexible\"\n  [flexibleDateGranularity]=\"flexibleDateGranularity\"\n  (valueChange)=\"onInputValueChange($event)\"\n  [open]=\"thyOpen\"\n  [disabled]=\"thyDisabled\"\n  [format]=\"thyFormat\"\n  [mode]=\"thyMode\"\n  [allowClear]=\"thyAllowClear\"\n  [className]=\"thyOriginClassName\"\n  [autoFocus]=\"thyAutoFocus\"\n  [placeholder]=\"thyPlaceHolder\"\n  [readonly]=\"thyReadonly\"\n  [size]=\"thySize\"\n  [suffixIcon]=\"thySuffixIcon\"\n  [placement]=\"thyPlacement\"\n  [hasBackdrop]=\"thyHasBackdrop\"\n  (openChange)=\"onOpenChange($event)\"\n  (blur)=\"onBlur($event)\"\n  (inputChange)=\"onInputDate($event)\">\n  @if (isShowDatePopup) {\n    <date-popup\n      [attr.tabindex]=\"-1\"\n      [isRange]=\"isRange\"\n      [showWeek]=\"showWeek\"\n      [panelMode]=\"panelMode\"\n      [flexible]=\"flexible\"\n      [flexibleDateGranularity]=\"flexibleDateGranularity\"\n      [defaultPickerValue]=\"thyDefaultPickerValue\"\n      (panelModeChange)=\"thyOnPanelChange.emit($event)\"\n      (showTimePickerChange)=\"onShowTimePickerChange($event)\"\n      [value]=\"thyValue\"\n      (valueChange)=\"onValueChange($event)\"\n      (calendarChange)=\"onCalendarChange($event)\"\n      [showTime]=\"thyShowTime\"\n      [mustShowTime]=\"withTime\"\n      [format]=\"thyFormat\"\n      [dateRender]=\"thyDateRender\"\n      [disabledDate]=\"thyDisabledDate\"\n      [minDate]=\"thyMinDate\"\n      [maxDate]=\"thyMaxDate\"\n      [showShortcut]=\"thyShowShortcut\"\n      [shortcutPresets]=\"shortcutPresets\"\n      [shortcutPosition]=\"shortcutPosition\"\n      [timestampPrecision]=\"thyTimestampPrecision\"\n      (dateValueChange)=\"onDateValueChange($event)\"\n      [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n  }\n</thy-picker>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { thyFormat: [{
+        }], ctorParameters: () => [], propDecorators: { thyFormat: [{
                 type: Input
             }] } });