ngx-tethys 18.0.0-next.0 → 18.0.0-next.2

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

@@ -1,9 +1,9 @@
 import { CdkConnectedOverlay, CdkOverlayOrigin, OverlayModule } from '@angular/cdk/overlay';
-import { formatDate, NgIf, NgFor, NgTemplateOutlet, NgClass, NgSwitch, NgSwitchCase, NgSwitchDefault, CommonModule, AsyncPipe, isPlatformBrowser, registerLocaleData } from '@angular/common';
+import { formatDate, NgClass, NgFor, NgIf, NgTemplateOutlet, NgSwitch, NgSwitchCase, NgSwitchDefault, CommonModule, AsyncPipe, isPlatformBrowser, registerLocaleData } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Directive, Input, Output, Component, ChangeDetectionStrategy, booleanAttribute, InjectionToken, Optional, Inject, Pipe, forwardRef, HostBinding, NgModule, ViewChild, inject, PLATFORM_ID, NgZone, numberAttribute } 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 localeZhHans from '@angular/common/locales/zh-Hans';
-import { TinyDate, helpers, isTemplateRef, isEmpty, isString, valueFunctionProp, isUndefinedOrNull, isFunction, sortRangeValue, elementMatchClosest, warnDeprecation } from 'ngx-tethys/util';
+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';
 import * as i1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
@@ -16,7 +16,7 @@ import { ThyInputDirective, ThyInputModule } from 'ngx-tethys/input';
 import { getFlexiblePositions, scaleXMotion, scaleYMotion, scaleMotion, TabIndexDisabledControlValueAccessorMixin, ThyClickDispatcher } from 'ngx-tethys/core';
 import { ThyEnterDirective } from 'ngx-tethys/shared';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { coerceBooleanProperty, coerceArray } from '@angular/cdk/coercion';
+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';
@@ -159,11 +159,11 @@ class MonthHeader extends CalendarHeader {
         ];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: MonthHeader, deps: [{ token: DateHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: MonthHeader, isStandalone: true, selector: "month-header", usesInheritance: true, ngImport: i0, template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative;\">\n    <a *ngIf=\"showSuperPreBtn\" class=\"{{ prefixCls }}-prev-year-btn\" role=\"button\" (click)=\"superPrevious()\" title=\"\u4E0A\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a *ngIf=\"showPreBtn\" class=\"{{ prefixCls }}-prev-month-btn\" 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      <ng-container *ngFor=\"let selector of selectors\">\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      </ng-container>\n    </span>\n\n    <a *ngIf=\"showNextBtn\" class=\"{{ prefixCls }}-next-month-btn\" role=\"button\" (click)=\"next()\" title=\"\u4E0B\u4E2A\u6708\">\n      <thy-icon thyIconName=\"angle-right\"></thy-icon>\n    </a>\n    <a *ngIf=\"showSuperNextBtn\" class=\"{{ prefixCls }}-next-year-btn\" role=\"button\" (click)=\"superNext()\" title=\"\u4E0B\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.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      <ng-container *ngFor=\"let selector of selectors\">\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      </ng-container>\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"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: MonthHeader, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'month-header', standalone: true, imports: [NgIf, ThyIcon, NgFor], template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative;\">\n    <a *ngIf=\"showSuperPreBtn\" class=\"{{ prefixCls }}-prev-year-btn\" role=\"button\" (click)=\"superPrevious()\" title=\"\u4E0A\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a *ngIf=\"showPreBtn\" class=\"{{ prefixCls }}-prev-month-btn\" 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      <ng-container *ngFor=\"let selector of selectors\">\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      </ng-container>\n    </span>\n\n    <a *ngIf=\"showNextBtn\" class=\"{{ prefixCls }}-next-month-btn\" role=\"button\" (click)=\"next()\" title=\"\u4E0B\u4E2A\u6708\">\n      <thy-icon thyIconName=\"angle-right\"></thy-icon>\n    </a>\n    <a *ngIf=\"showSuperNextBtn\" class=\"{{ prefixCls }}-next-year-btn\" role=\"button\" (click)=\"superNext()\" title=\"\u4E0B\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'month-header', standalone: true, imports: [NgIf, NgClass, ThyIcon, NgFor], 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      <ng-container *ngFor=\"let selector of selectors\">\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      </ng-container>\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 }] });
 
 /**
@@ -230,7 +230,7 @@ class CalendarFooter {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: CalendarFooter, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: CalendarFooter, isStandalone: true, selector: "calendar-footer", inputs: { showTime: "showTime", mustShowTime: "mustShowTime", value: "value", disableTimeConfirm: ["disableTimeConfirm", "disableTimeConfirm", booleanAttribute] }, outputs: { selectTime: "selectTime", clickOk: "clickOk", clickRemove: "clickRemove", showTimePickerChange: "showTimePickerChange" }, exportAs: ["calendarFooter"], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"isShowTime || isCanTime\" class=\"time-picker-section\" (click)=\"$event.stopPropagation()\">\n  <a href=\"javascript:;\" *ngIf=\"isCanTime\" 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  <thy-inner-time-picker\n    *ngIf=\"isShowTime\"\n    class=\"time-picker-wrap\"\n    [showMeridian]=\"false\"\n    [ngModel]=\"value?.nativeDate\"\n    (ngModelChange)=\"onSelectTime($event)\"></thy-inner-time-picker>\n  <div class=\"time-picker-btn-wrap\">\n    <button\n      *ngIf=\"!isCanTime\"\n      [disabled]=\"disableTimeConfirm\"\n      class=\"time-picker-ok-btn\"\n      thyButton=\"primary\"\n      thySize=\"sm\"\n      (click)=\"onTimeOk()\">\n      \u786E\u5B9A\n    </button>\n    <button class=\"time-picker-clear-btn\" thyButton=\"link-secondary\" thySize=\"sm\" (click)=\"onClear()\">\u6E05\u9664</button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.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: "<div *ngIf=\"isShowTime || isCanTime\" class=\"time-picker-section\" (click)=\"$event.stopPropagation()\">\n  <a href=\"javascript:;\" *ngIf=\"isCanTime\" 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  <thy-inner-time-picker\n    *ngIf=\"isShowTime\"\n    class=\"time-picker-wrap\"\n    [showMeridian]=\"false\"\n    [ngModel]=\"value?.nativeDate\"\n    (ngModelChange)=\"onSelectTime($event)\"></thy-inner-time-picker>\n  <div class=\"time-picker-btn-wrap\">\n    <button\n      *ngIf=\"!isCanTime\"\n      [disabled]=\"disableTimeConfirm\"\n      class=\"time-picker-ok-btn\"\n      thyButton=\"primary\"\n      thySize=\"sm\"\n      (click)=\"onTimeOk()\">\n      \u786E\u5B9A\n    </button>\n    <button class=\"time-picker-clear-btn\" thyButton=\"link-secondary\" thySize=\"sm\" (click)=\"onClear()\">\u6E05\u9664</button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.0.0", ngImport: i0, type: CalendarFooter, decorators: [{
             type: Component,
@@ -243,7 +243,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                 type: Input
             }], disableTimeConfirm: [{
                 type: Input,
-                args: [{ transform: booleanAttribute }]
+                args: [{ transform: coerceBooleanProperty }]
             }], selectTime: [{
                 type: Output
             }], clickOk: [{
@@ -258,6 +258,7 @@ const DEFAULT_DATE_PICKER_CONFIG = {
     shortcutPosition: 'left',
     showShortcut: false,
     weekStartsOn: 1,
+    timestampPrecision: 'seconds',
     shortcutDatePresets: () => {
         return [
             {
@@ -317,6 +318,9 @@ class ThyDatePickerConfigService {
     get shortcutRangesPresets() {
         return this.config.shortcutRangesPresets;
     }
+    get timestampPrecision() {
+        return this.config.timestampPrecision;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyDatePickerConfigService, deps: [{ token: THY_DATE_PICKER_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyDatePickerConfigService, providedIn: 'root' }); }
 }
@@ -533,6 +537,18 @@ function fixStringDate(dateStr) {
     }
     return replacedStr;
 }
+function setValueByTimestampPrecision(date, isRange, timestampPrecision) {
+    const { value } = transformDateValue(date);
+    if (!value || (helpers.isArray(value) && !value?.length)) {
+        return helpers.isArray(value) ? [null, null] : null;
+    }
+    if (timestampPrecision === 'milliseconds') {
+        return isRange ? coerceArray(value).map(val => new TinyDate(val).getTime()) : new TinyDate(value).getTime();
+    }
+    else {
+        return isRange ? coerceArray(value).map(val => new TinyDate(val).getUnixTime()) : new TinyDate(value)?.getUnixTime();
+    }
+}
 
 /**
  * @private
@@ -1041,11 +1057,11 @@ class DateHeader extends CalendarHeader {
         ];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: DateHeader, deps: [{ token: DateHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: DateHeader, isStandalone: true, selector: "date-header", usesInheritance: true, ngImport: i0, template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative;\">\n    <a *ngIf=\"showSuperPreBtn\" class=\"{{ prefixCls }}-prev-year-btn\" role=\"button\" (click)=\"superPrevious()\" title=\"\u4E0A\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a *ngIf=\"showPreBtn\" class=\"{{ prefixCls }}-prev-month-btn\" 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      <ng-container *ngFor=\"let selector of selectors\">\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      </ng-container>\n    </span>\n\n    <a *ngIf=\"showNextBtn\" class=\"{{ prefixCls }}-next-month-btn\" role=\"button\" (click)=\"next()\" title=\"\u4E0B\u4E2A\u6708\">\n      <thy-icon thyIconName=\"angle-right\"></thy-icon>\n    </a>\n    <a *ngIf=\"showSuperNextBtn\" class=\"{{ prefixCls }}-next-year-btn\" role=\"button\" (click)=\"superNext()\" title=\"\u4E0B\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.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      <ng-container *ngFor=\"let selector of selectors\">\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      </ng-container>\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"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: DateHeader, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'date-header', standalone: true, imports: [NgIf, ThyIcon, NgFor], template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative;\">\n    <a *ngIf=\"showSuperPreBtn\" class=\"{{ prefixCls }}-prev-year-btn\" role=\"button\" (click)=\"superPrevious()\" title=\"\u4E0A\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a *ngIf=\"showPreBtn\" class=\"{{ prefixCls }}-prev-month-btn\" 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      <ng-container *ngFor=\"let selector of selectors\">\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      </ng-container>\n    </span>\n\n    <a *ngIf=\"showNextBtn\" class=\"{{ prefixCls }}-next-month-btn\" role=\"button\" (click)=\"next()\" title=\"\u4E0B\u4E2A\u6708\">\n      <thy-icon thyIconName=\"angle-right\"></thy-icon>\n    </a>\n    <a *ngIf=\"showSuperNextBtn\" class=\"{{ prefixCls }}-next-year-btn\" role=\"button\" (click)=\"superNext()\" title=\"\u4E0B\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'date-header', standalone: true, imports: [NgIf, NgClass, ThyIcon, NgFor], 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      <ng-container *ngFor=\"let selector of selectors\">\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      </ng-container>\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 }] });
 
 /**
@@ -1339,11 +1355,11 @@ class DecadeHeader extends CalendarHeader {
         ];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: DecadeHeader, deps: [{ token: DateHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: DecadeHeader, isStandalone: true, selector: "decade-header", usesInheritance: true, ngImport: i0, template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative;\">\n    <a *ngIf=\"showSuperPreBtn\" class=\"{{ prefixCls }}-prev-year-btn\" role=\"button\" (click)=\"superPrevious()\" title=\"\u4E0A\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a *ngIf=\"showPreBtn\" class=\"{{ prefixCls }}-prev-month-btn\" 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      <ng-container *ngFor=\"let selector of selectors\">\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      </ng-container>\n    </span>\n\n    <a *ngIf=\"showNextBtn\" class=\"{{ prefixCls }}-next-month-btn\" role=\"button\" (click)=\"next()\" title=\"\u4E0B\u4E2A\u6708\">\n      <thy-icon thyIconName=\"angle-right\"></thy-icon>\n    </a>\n    <a *ngIf=\"showSuperNextBtn\" class=\"{{ prefixCls }}-next-year-btn\" role=\"button\" (click)=\"superNext()\" title=\"\u4E0B\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.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      <ng-container *ngFor=\"let selector of selectors\">\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      </ng-container>\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"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: DecadeHeader, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'decade-header', standalone: true, imports: [NgIf, ThyIcon, NgFor], template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative;\">\n    <a *ngIf=\"showSuperPreBtn\" class=\"{{ prefixCls }}-prev-year-btn\" role=\"button\" (click)=\"superPrevious()\" title=\"\u4E0A\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a *ngIf=\"showPreBtn\" class=\"{{ prefixCls }}-prev-month-btn\" 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      <ng-container *ngFor=\"let selector of selectors\">\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      </ng-container>\n    </span>\n\n    <a *ngIf=\"showNextBtn\" class=\"{{ prefixCls }}-next-month-btn\" role=\"button\" (click)=\"next()\" title=\"\u4E0B\u4E2A\u6708\">\n      <thy-icon thyIconName=\"angle-right\"></thy-icon>\n    </a>\n    <a *ngIf=\"showSuperNextBtn\" class=\"{{ prefixCls }}-next-year-btn\" role=\"button\" (click)=\"superNext()\" title=\"\u4E0B\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'decade-header', standalone: true, imports: [NgIf, NgClass, ThyIcon, NgFor], 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      <ng-container *ngFor=\"let selector of selectors\">\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      </ng-container>\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 }] });
 
 /**
@@ -1543,11 +1559,11 @@ class YearHeader extends CalendarHeader {
         ];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: YearHeader, deps: [{ token: DateHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: YearHeader, isStandalone: true, selector: "year-header", usesInheritance: true, ngImport: i0, template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative;\">\n    <a *ngIf=\"showSuperPreBtn\" class=\"{{ prefixCls }}-prev-year-btn\" role=\"button\" (click)=\"superPrevious()\" title=\"\u4E0A\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a *ngIf=\"showPreBtn\" class=\"{{ prefixCls }}-prev-month-btn\" 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      <ng-container *ngFor=\"let selector of selectors\">\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      </ng-container>\n    </span>\n\n    <a *ngIf=\"showNextBtn\" class=\"{{ prefixCls }}-next-month-btn\" role=\"button\" (click)=\"next()\" title=\"\u4E0B\u4E2A\u6708\">\n      <thy-icon thyIconName=\"angle-right\"></thy-icon>\n    </a>\n    <a *ngIf=\"showSuperNextBtn\" class=\"{{ prefixCls }}-next-year-btn\" role=\"button\" (click)=\"superNext()\" title=\"\u4E0B\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.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      <ng-container *ngFor=\"let selector of selectors\">\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      </ng-container>\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"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: YearHeader, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'year-header', standalone: true, imports: [NgIf, ThyIcon, NgFor], template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative;\">\n    <a *ngIf=\"showSuperPreBtn\" class=\"{{ prefixCls }}-prev-year-btn\" role=\"button\" (click)=\"superPrevious()\" title=\"\u4E0A\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a *ngIf=\"showPreBtn\" class=\"{{ prefixCls }}-prev-month-btn\" 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      <ng-container *ngFor=\"let selector of selectors\">\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      </ng-container>\n    </span>\n\n    <a *ngIf=\"showNextBtn\" class=\"{{ prefixCls }}-next-month-btn\" role=\"button\" (click)=\"next()\" title=\"\u4E0B\u4E2A\u6708\">\n      <thy-icon thyIconName=\"angle-right\"></thy-icon>\n    </a>\n    <a *ngIf=\"showSuperNextBtn\" class=\"{{ prefixCls }}-next-year-btn\" role=\"button\" (click)=\"superNext()\" title=\"\u4E0B\u4E00\u5E74\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'year-header', standalone: true, imports: [NgIf, NgClass, ThyIcon, NgFor], 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      <ng-container *ngFor=\"let selector of selectors\">\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      </ng-container>\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 }] });
 
 /**
@@ -1854,7 +1870,7 @@ class InnerPopup {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: InnerPopup, deps: [{ token: DateHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.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", booleanAttribute], 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: "<ng-container *ngIf=\"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</ng-container>\n<ng-container [ngSwitch]=\"panelMode\">\n  <ng-container *ngSwitchCase=\"'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  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'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  </ng-container>\n  <ng-container *ngSwitchCase=\"'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  </ng-container>\n  <ng-container *ngSwitchCase=\"'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  </ng-container>\n  <ng-container *ngSwitchDefault>\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  </ng-container>\n</ng-container>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { 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: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: DateHeader, selector: "date-header" }, { kind: "component", type: DateTable, selector: "date-table", outputs: ["dayHover"], exportAs: ["dateTable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.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: "<ng-container *ngIf=\"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</ng-container>\n<ng-container [ngSwitch]=\"panelMode\">\n  <ng-container *ngSwitchCase=\"'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  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'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  </ng-container>\n  <ng-container *ngSwitchCase=\"'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  </ng-container>\n  <ng-container *ngSwitchCase=\"'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  </ng-container>\n  <ng-container *ngSwitchDefault>\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  </ng-container>\n</ng-container>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { 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: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { 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.0.0", ngImport: i0, type: InnerPopup, decorators: [{
             type: Component,
@@ -1904,7 +1920,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                 type: Input
             }], showDateRangeInput: [{
                 type: Input,
-                args: [{ transform: booleanAttribute }]
+                args: [{ transform: coerceBooleanProperty }]
             }], partType: [{
                 type: Input
             }], endPanelMode: [{
@@ -2384,9 +2400,10 @@ class DatePopup {
             selectedPresetValue = this.getSelectedShortcutPreset(singleTinyDate);
         }
         this.setValue(selectedPresetValue);
+        const shortcutPresetsValue = setValueByTimestampPrecision(shortcutPresets?.value, this.isRange, this.timestampPrecision);
         this.dateValueChange.emit({
             value: helpers.isArray(value) ? this.selectedValue : selectedPresetValue,
-            triggerPreset: shortcutPresets
+            triggerPreset: Object.assign({}, shortcutPresets, { value: shortcutPresetsValue })
         });
         if (!helpers.isArray(value) && this.showTime && this.showTimePicker) {
             this.updateActiveDate();
@@ -2396,7 +2413,7 @@ class DatePopup {
         return index;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: DatePopup, deps: [{ token: i0.ChangeDetectorRef }, { token: ThyDatePickerConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.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" }, 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    <div class=\"{{ prefixCls }}-picker-shortcut\" *ngIf=\"showShortcut\">\n      <div\n        class=\"{{ prefixCls }}-picker-shortcut-item\"\n        [class.disabled]=\"item.disabled\"\n        *ngFor=\"let item of innerShortcutPresets; trackBy: trackByFn\"\n        (click)=\"shortcutSetValue(item)\">\n        {{ item.title }}\n      </div>\n    </div>\n    <div class=\"{{ prefixCls }}-panel\">\n      <div class=\"{{ prefixCls }}-date-panel\">\n        <ng-container *ngIf=\"flexible; else defaultPanel\">\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        </ng-container>\n\n        <ng-template #defaultPanel>\n          <ng-container *ngIf=\"isRange; else tplSinglePart\">\n            <ng-container *ngTemplateOutlet=\"tplRangePart; context: { partType: 'left' }\"></ng-container>\n            <ng-container *ngTemplateOutlet=\"tplRangePart; context: { partType: 'right' }\"></ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"!isRange\">\n            <ng-container *ngTemplateOutlet=\"tplFooter\"></ng-container>\n          </ng-container>\n        </ng-template>\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<ng-template #tplSinglePart>\n  <div>\n    <ng-container *ngTemplateOutlet=\"tplInnerPopup\"></ng-container>\n  </div>\n</ng-template>\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: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.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    <div class=\"{{ prefixCls }}-picker-shortcut\" *ngIf=\"showShortcut\">\n      <div\n        class=\"{{ prefixCls }}-picker-shortcut-item\"\n        [class.disabled]=\"item.disabled\"\n        *ngFor=\"let item of innerShortcutPresets; trackBy: trackByFn\"\n        (click)=\"shortcutSetValue(item)\">\n        {{ item.title }}\n      </div>\n    </div>\n    <div class=\"{{ prefixCls }}-panel\">\n      <div class=\"{{ prefixCls }}-date-panel\">\n        <ng-container *ngIf=\"flexible; else defaultPanel\">\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        </ng-container>\n\n        <ng-template #defaultPanel>\n          <ng-container *ngIf=\"isRange; else tplSinglePart\">\n            <ng-container *ngTemplateOutlet=\"tplRangePart; context: { partType: 'left' }\"></ng-container>\n            <ng-container *ngTemplateOutlet=\"tplRangePart; context: { partType: 'right' }\"></ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"!isRange\">\n            <ng-container *ngTemplateOutlet=\"tplFooter\"></ng-container>\n          </ng-container>\n        </ng-template>\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<ng-template #tplSinglePart>\n  <div>\n    <ng-container *ngTemplateOutlet=\"tplInnerPopup\"></ng-container>\n  </div>\n</ng-template>\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: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.0.0", ngImport: i0, type: DatePopup, decorators: [{
             type: Component,
@@ -2450,6 +2467,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                 type: Input
             }], flexibleDateGranularity: [{
                 type: Input
+            }], timestampPrecision: [{
+                type: Input
             }], panelModeChange: [{
                 type: Output
             }], calendarChange: [{
@@ -2762,7 +2781,7 @@ class ThyPicker {
         this.pickerInput.nativeElement.value = readableValue;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyPicker, deps: [{ token: i0.ChangeDetectorRef }, { token: DateHelperService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.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", booleanAttribute], 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      [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    <thy-icon\n      thyIconName=\"close-circle-bold-fill\"\n      *ngIf=\"!disabled && !isEmptyValue(value) && allowClear && !readonly\"\n      (click)=\"onClickClear($event)\"\n      ngClass=\"remove-link remove-link-{{ size }}\"></thy-icon>\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: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.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      [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    <thy-icon\n      thyIconName=\"close-circle-bold-fill\"\n      *ngIf=\"!disabled && !isEmptyValue(value) && allowClear && !readonly\"\n      (click)=\"onClickClear($event)\"\n      ngClass=\"remove-link remove-link-{{ size }}\"></thy-icon>\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: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.0.0", ngImport: i0, type: ThyPicker, decorators: [{
             type: Component,
@@ -2805,7 +2824,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                 type: Input
             }], hasBackdrop: [{
                 type: Input,
-                args: [{ transform: booleanAttribute }]
+                args: [{ transform: coerceBooleanProperty }]
             }], blur: [{
                 type: Output
             }], valueChange: [{
@@ -2887,6 +2906,7 @@ class AbstractPickerComponent extends TabIndexDisabledControlValueAccessorMixin
         super();
         this.cdr = cdr;
         this._panelMode = 'date';
+        this.datePickerConfigService = inject(ThyDatePickerConfigService);
         /**
          * 是否显示清除按钮
          */
@@ -2901,6 +2921,11 @@ class AbstractPickerComponent extends TabIndexDisabledControlValueAccessorMixin
          * @type xs | sm | md | lg | default
          */
         this.thySize = 'default';
+        /**
+         * 设置时间戳精度
+         * @default seconds 10位
+         */
+        this.thyTimestampPrecision = this.datePickerConfigService.config?.timestampPrecision || 'seconds';
         /**
          * @description.en-us only for range picker, Whether to automatically take the beginning and ending unixTime of the day
          * @description.zh-cn 是否取值开始日期的00:00以及截止日期的24:00
@@ -3007,10 +3032,8 @@ class AbstractPickerComponent extends TabIndexDisabledControlValueAccessorMixin
                     };
                 }
             }
-            if (this.flexible) {
-                value.granularity = flexibleDateGranularity;
-            }
-            this.onChangeFn(value);
+            const [beginUnixTime, endUnixTime] = this.setValueByPrecision(value);
+            this.onChangeFn(Object.assign({ begin: beginUnixTime, end: endUnixTime }, this.flexible ? { granularity: flexibleDateGranularity } : {}));
         }
         else {
             const value = { date: null, with_time: this.withTime ? 1 : 0 };
@@ -3018,10 +3041,10 @@ class AbstractPickerComponent extends TabIndexDisabledControlValueAccessorMixin
                 value.date = this.thyValue.getUnixTime();
             }
             if (this.onlyEmitDate) {
-                this.onChangeFn(value.date);
+                this.onChangeFn(this.setValueByPrecision(value.date));
             }
             else {
-                this.onChangeFn(value);
+                this.onChangeFn(Object.assign(value, { date: this.setValueByPrecision(value.date) }));
             }
         }
     }
@@ -3072,8 +3095,11 @@ class AbstractPickerComponent extends TabIndexDisabledControlValueAccessorMixin
     setValue(value) {
         this.thyValue = makeValue(value, this.isRange);
     }
+    setValueByPrecision(value) {
+        return setValueByTimestampPrecision(value, this.isRange, this.thyTimestampPrecision);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: AbstractPickerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0", type: AbstractPickerComponent, inputs: { thyMode: "thyMode", thyAllowClear: ["thyAllowClear", "thyAllowClear", booleanAttribute], thyAutoFocus: ["thyAutoFocus", "thyAutoFocus", booleanAttribute], thyOpen: ["thyOpen", "thyOpen", booleanAttribute], thyDisabledDate: "thyDisabledDate", thyMinDate: "thyMinDate", thyMaxDate: "thyMaxDate", thyPlaceHolder: "thyPlaceHolder", thyReadonly: ["thyReadonly", "thyReadonly", booleanAttribute], thyOriginClassName: "thyOriginClassName", thyPanelClassName: "thyPanelClassName", thySize: "thySize", thyFormat: "thyFormat", thyAutoStartAndEnd: ["thyAutoStartAndEnd", "thyAutoStartAndEnd", booleanAttribute], thyDefaultPickerValue: "thyDefaultPickerValue", thySuffixIcon: "thySuffixIcon", thyShowShortcut: ["thyShowShortcut", "thyShowShortcut", booleanAttribute], thyShortcutPosition: "thyShortcutPosition", thyShortcutPresets: "thyShortcutPresets", thyDisabled: ["thyDisabled", "thyDisabled", booleanAttribute] }, outputs: { thyDateChange: "thyDateChange", thyOpenChange: "thyOpenChange" }, viewQueries: [{ propertyName: "picker", first: true, predicate: ThyPicker, descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.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.0.0", ngImport: i0, type: AbstractPickerComponent, decorators: [{
             type: Directive
@@ -3081,13 +3107,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                 type: Input
             }], thyAllowClear: [{
                 type: Input,
-                args: [{ transform: booleanAttribute }]
+                args: [{ transform: coerceBooleanProperty }]
             }], thyAutoFocus: [{
                 type: Input,
-                args: [{ transform: booleanAttribute }]
+                args: [{ transform: coerceBooleanProperty }]
             }], thyOpen: [{
                 type: Input,
-                args: [{ transform: booleanAttribute }]
+                args: [{ transform: coerceBooleanProperty }]
             }], thyDisabledDate: [{
                 type: Input
             }], thyMinDate: [{
@@ -3098,25 +3124,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                 type: Input
             }], thyReadonly: [{
                 type: Input,
-                args: [{ transform: booleanAttribute }]
+                args: [{ transform: coerceBooleanProperty }]
             }], thyOriginClassName: [{
                 type: Input
             }], thyPanelClassName: [{
                 type: Input
             }], thySize: [{
                 type: Input
+            }], thyTimestampPrecision: [{
+                type: Input
             }], thyFormat: [{
                 type: Input
             }], thyAutoStartAndEnd: [{
                 type: Input,
-                args: [{ transform: booleanAttribute }]
+                args: [{ transform: coerceBooleanProperty }]
             }], thyDefaultPickerValue: [{
                 type: Input
             }], thySuffixIcon: [{
                 type: Input
             }], thyShowShortcut: [{
                 type: Input,
-                args: [{ transform: booleanAttribute }]
+                args: [{ transform: coerceBooleanProperty }]
             }], thyShortcutPosition: [{
                 type: Input
             }], thyShortcutPresets: [{
@@ -3130,7 +3158,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                 args: [ThyPicker, { static: true }]
             }], thyDisabled: [{
                 type: Input,
-                args: [{ transform: booleanAttribute }]
+                args: [{ transform: coerceBooleanProperty }]
             }] } });
 
 /**
@@ -3154,7 +3182,7 @@ class BasePicker extends AbstractPickerComponent {
         return this._showTime;
     }
     set thyShowTime(value) {
-        this._showTime = typeof value === 'object' ? value : coerceBooleanProperty(value);
+        this._showTime = typeof value === 'object' ? value : coerceBooleanProperty$1(value);
     }
     constructor(cdr, element) {
         super(cdr);
@@ -3334,7 +3362,7 @@ class BasePicker extends AbstractPickerComponent {
             !disable);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: BasePicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: BasePicker, isStandalone: true, selector: "ng-component", inputs: { thyDateRender: "thyDateRender", thyMode: "thyMode", thyHasBackdrop: ["thyHasBackdrop", "thyHasBackdrop", booleanAttribute], thyShowTime: "thyShowTime", thyMustShowTime: ["thyMustShowTime", "thyMustShowTime", booleanAttribute], 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.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.0.0", ngImport: i0, type: BasePicker, decorators: [{
             type: Component,
@@ -3356,7 +3384,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                 type: Input
             }], thyHasBackdrop: [{
                 type: Input,
-                args: [{ transform: booleanAttribute }]
+                args: [{ transform: coerceBooleanProperty$1 }]
             }], thyOnPanelChange: [{
                 type: Output
             }], thyOnCalendarChange: [{
@@ -3365,7 +3393,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                 type: Input
             }], thyMustShowTime: [{
                 type: Input,
-                args: [{ transform: booleanAttribute }]
+                args: [{ transform: coerceBooleanProperty$1 }]
             }], thyPlacement: [{
                 type: Input
             }], thyOnOk: [{
@@ -3391,7 +3419,7 @@ class ThyDatePicker extends BasePicker {
                 multi: true,
                 useExisting: forwardRef(() => ThyDatePicker)
             }
-        ], exportAs: ["thyDatePicker"], usesInheritance: true, ngImport: i0, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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    (dateValueChange)=\"onDateValueChange($event)\"\n    [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n</thy-picker>\n", dependencies: [{ kind: "component", type: ThyPicker, selector: "thy-picker", inputs: ["isRange", "open", "disabled", "placeholder", "readonly", "allowClear", "autoFocus", "className", "size", "suffixIcon", "placement", "flexible", "mode", "hasBackdrop", "format", "flexibleDateGranularity", "value"], outputs: ["blur", "valueChange", "openChange", "inputChange"], exportAs: ["thyPicker"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DatePopup, selector: "date-popup", inputs: ["isRange", "showWeek", "format", "disabledDate", "minDate", "maxDate", "showToday", "showTime", "mustShowTime", "dateRender", "className", "panelMode", "value", "defaultPickerValue", "showShortcut", "shortcutPresets", "shortcutPosition", "flexible", "flexibleDateGranularity"], outputs: ["panelModeChange", "calendarChange", "valueChange", "resultOk", "showTimePickerChange", "dateValueChange"], exportAs: ["datePopup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], exportAs: ["thyDatePicker"], usesInheritance: true, ngImport: i0, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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</thy-picker>\n", dependencies: [{ kind: "component", type: ThyPicker, selector: "thy-picker", inputs: ["isRange", "open", "disabled", "placeholder", "readonly", "allowClear", "autoFocus", "className", "size", "suffixIcon", "placement", "flexible", "mode", "hasBackdrop", "format", "flexibleDateGranularity", "value"], outputs: ["blur", "valueChange", "openChange", "inputChange"], exportAs: ["thyPicker"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DatePopup, selector: "date-popup", inputs: ["isRange", "showWeek", "format", "disabledDate", "minDate", "maxDate", "showToday", "showTime", "mustShowTime", "dateRender", "className", "panelMode", "value", "defaultPickerValue", "showShortcut", "shortcutPresets", "shortcutPosition", "flexible", "flexibleDateGranularity", "timestampPrecision"], outputs: ["panelModeChange", "calendarChange", "valueChange", "resultOk", "showTimePickerChange", "dateValueChange"], exportAs: ["datePopup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyDatePicker, decorators: [{
             type: Component,
@@ -3403,7 +3431,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                         }
                     ], standalone: true, imports: [ThyPicker, NgIf, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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    (dateValueChange)=\"onDateValueChange($event)\"\n    [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n</thy-picker>\n" }]
+                    }, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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</thy-picker>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }] });
 
 /**
@@ -3430,7 +3458,7 @@ class ThyMonthPicker extends BasePicker {
                 multi: true,
                 useExisting: forwardRef(() => ThyMonthPicker)
             }
-        ], exportAs: ["thyMonthPicker"], usesInheritance: true, ngImport: i0, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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    (dateValueChange)=\"onDateValueChange($event)\"\n    [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n</thy-picker>\n", dependencies: [{ kind: "component", type: ThyPicker, selector: "thy-picker", inputs: ["isRange", "open", "disabled", "placeholder", "readonly", "allowClear", "autoFocus", "className", "size", "suffixIcon", "placement", "flexible", "mode", "hasBackdrop", "format", "flexibleDateGranularity", "value"], outputs: ["blur", "valueChange", "openChange", "inputChange"], exportAs: ["thyPicker"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DatePopup, selector: "date-popup", inputs: ["isRange", "showWeek", "format", "disabledDate", "minDate", "maxDate", "showToday", "showTime", "mustShowTime", "dateRender", "className", "panelMode", "value", "defaultPickerValue", "showShortcut", "shortcutPresets", "shortcutPosition", "flexible", "flexibleDateGranularity"], outputs: ["panelModeChange", "calendarChange", "valueChange", "resultOk", "showTimePickerChange", "dateValueChange"], exportAs: ["datePopup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], exportAs: ["thyMonthPicker"], usesInheritance: true, ngImport: i0, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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</thy-picker>\n", dependencies: [{ kind: "component", type: ThyPicker, selector: "thy-picker", inputs: ["isRange", "open", "disabled", "placeholder", "readonly", "allowClear", "autoFocus", "className", "size", "suffixIcon", "placement", "flexible", "mode", "hasBackdrop", "format", "flexibleDateGranularity", "value"], outputs: ["blur", "valueChange", "openChange", "inputChange"], exportAs: ["thyPicker"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DatePopup, selector: "date-popup", inputs: ["isRange", "showWeek", "format", "disabledDate", "minDate", "maxDate", "showToday", "showTime", "mustShowTime", "dateRender", "className", "panelMode", "value", "defaultPickerValue", "showShortcut", "shortcutPresets", "shortcutPosition", "flexible", "flexibleDateGranularity", "timestampPrecision"], outputs: ["panelModeChange", "calendarChange", "valueChange", "resultOk", "showTimePickerChange", "dateValueChange"], exportAs: ["datePopup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyMonthPicker, decorators: [{
             type: Component,
@@ -3440,7 +3468,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                             multi: true,
                             useExisting: forwardRef(() => ThyMonthPicker)
                         }
-                    ], standalone: true, imports: [ThyPicker, NgIf, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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    (dateValueChange)=\"onDateValueChange($event)\"\n    [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n</thy-picker>\n" }]
+                    ], standalone: true, imports: [ThyPicker, NgIf, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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</thy-picker>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { thyFormat: [{
                 type: Input
             }] } });
@@ -3465,7 +3493,7 @@ class ThyRangePicker extends BasePicker {
                 multi: true,
                 useExisting: forwardRef(() => ThyRangePicker)
             }
-        ], exportAs: ["thyRangePicker"], usesInheritance: true, ngImport: i0, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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    (dateValueChange)=\"onDateValueChange($event)\"\n    [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n</thy-picker>\n", dependencies: [{ kind: "component", type: ThyPicker, selector: "thy-picker", inputs: ["isRange", "open", "disabled", "placeholder", "readonly", "allowClear", "autoFocus", "className", "size", "suffixIcon", "placement", "flexible", "mode", "hasBackdrop", "format", "flexibleDateGranularity", "value"], outputs: ["blur", "valueChange", "openChange", "inputChange"], exportAs: ["thyPicker"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DatePopup, selector: "date-popup", inputs: ["isRange", "showWeek", "format", "disabledDate", "minDate", "maxDate", "showToday", "showTime", "mustShowTime", "dateRender", "className", "panelMode", "value", "defaultPickerValue", "showShortcut", "shortcutPresets", "shortcutPosition", "flexible", "flexibleDateGranularity"], outputs: ["panelModeChange", "calendarChange", "valueChange", "resultOk", "showTimePickerChange", "dateValueChange"], exportAs: ["datePopup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], exportAs: ["thyRangePicker"], usesInheritance: true, ngImport: i0, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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</thy-picker>\n", dependencies: [{ kind: "component", type: ThyPicker, selector: "thy-picker", inputs: ["isRange", "open", "disabled", "placeholder", "readonly", "allowClear", "autoFocus", "className", "size", "suffixIcon", "placement", "flexible", "mode", "hasBackdrop", "format", "flexibleDateGranularity", "value"], outputs: ["blur", "valueChange", "openChange", "inputChange"], exportAs: ["thyPicker"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DatePopup, selector: "date-popup", inputs: ["isRange", "showWeek", "format", "disabledDate", "minDate", "maxDate", "showToday", "showTime", "mustShowTime", "dateRender", "className", "panelMode", "value", "defaultPickerValue", "showShortcut", "shortcutPresets", "shortcutPosition", "flexible", "flexibleDateGranularity", "timestampPrecision"], outputs: ["panelModeChange", "calendarChange", "valueChange", "resultOk", "showTimePickerChange", "dateValueChange"], exportAs: ["datePopup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyRangePicker, decorators: [{
             type: Component,
@@ -3475,7 +3503,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                             multi: true,
                             useExisting: forwardRef(() => ThyRangePicker)
                         }
-                    ], standalone: true, imports: [ThyPicker, NgIf, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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    (dateValueChange)=\"onDateValueChange($event)\"\n    [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n</thy-picker>\n" }]
+                    ], standalone: true, imports: [ThyPicker, NgIf, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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</thy-picker>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }] });
 
 /**
@@ -3499,7 +3527,7 @@ class ThyWeekPicker extends BasePicker {
                 multi: true,
                 useExisting: forwardRef(() => ThyWeekPicker)
             }
-        ], exportAs: ["thyWeekPicker"], usesInheritance: true, ngImport: i0, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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    (dateValueChange)=\"onDateValueChange($event)\"\n    [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n</thy-picker>\n", dependencies: [{ kind: "component", type: ThyPicker, selector: "thy-picker", inputs: ["isRange", "open", "disabled", "placeholder", "readonly", "allowClear", "autoFocus", "className", "size", "suffixIcon", "placement", "flexible", "mode", "hasBackdrop", "format", "flexibleDateGranularity", "value"], outputs: ["blur", "valueChange", "openChange", "inputChange"], exportAs: ["thyPicker"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DatePopup, selector: "date-popup", inputs: ["isRange", "showWeek", "format", "disabledDate", "minDate", "maxDate", "showToday", "showTime", "mustShowTime", "dateRender", "className", "panelMode", "value", "defaultPickerValue", "showShortcut", "shortcutPresets", "shortcutPosition", "flexible", "flexibleDateGranularity"], outputs: ["panelModeChange", "calendarChange", "valueChange", "resultOk", "showTimePickerChange", "dateValueChange"], exportAs: ["datePopup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], exportAs: ["thyWeekPicker"], usesInheritance: true, ngImport: i0, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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</thy-picker>\n", dependencies: [{ kind: "component", type: ThyPicker, selector: "thy-picker", inputs: ["isRange", "open", "disabled", "placeholder", "readonly", "allowClear", "autoFocus", "className", "size", "suffixIcon", "placement", "flexible", "mode", "hasBackdrop", "format", "flexibleDateGranularity", "value"], outputs: ["blur", "valueChange", "openChange", "inputChange"], exportAs: ["thyPicker"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DatePopup, selector: "date-popup", inputs: ["isRange", "showWeek", "format", "disabledDate", "minDate", "maxDate", "showToday", "showTime", "mustShowTime", "dateRender", "className", "panelMode", "value", "defaultPickerValue", "showShortcut", "shortcutPresets", "shortcutPosition", "flexible", "flexibleDateGranularity", "timestampPrecision"], outputs: ["panelModeChange", "calendarChange", "valueChange", "resultOk", "showTimePickerChange", "dateValueChange"], exportAs: ["datePopup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyWeekPicker, decorators: [{
             type: Component,
@@ -3509,7 +3537,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                             multi: true,
                             useExisting: forwardRef(() => ThyWeekPicker)
                         }
-                    ], standalone: true, imports: [ThyPicker, NgIf, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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    (dateValueChange)=\"onDateValueChange($event)\"\n    [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n</thy-picker>\n" }]
+                    ], standalone: true, imports: [ThyPicker, NgIf, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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</thy-picker>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }] });
 
 /**
@@ -3539,7 +3567,7 @@ class ThyYearPicker extends BasePicker {
                 multi: true,
                 useExisting: forwardRef(() => ThyYearPicker)
             }
-        ], exportAs: ["thyYearPicker"], usesInheritance: true, ngImport: i0, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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    (dateValueChange)=\"onDateValueChange($event)\"\n    [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n</thy-picker>\n", dependencies: [{ kind: "component", type: ThyPicker, selector: "thy-picker", inputs: ["isRange", "open", "disabled", "placeholder", "readonly", "allowClear", "autoFocus", "className", "size", "suffixIcon", "placement", "flexible", "mode", "hasBackdrop", "format", "flexibleDateGranularity", "value"], outputs: ["blur", "valueChange", "openChange", "inputChange"], exportAs: ["thyPicker"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DatePopup, selector: "date-popup", inputs: ["isRange", "showWeek", "format", "disabledDate", "minDate", "maxDate", "showToday", "showTime", "mustShowTime", "dateRender", "className", "panelMode", "value", "defaultPickerValue", "showShortcut", "shortcutPresets", "shortcutPosition", "flexible", "flexibleDateGranularity"], outputs: ["panelModeChange", "calendarChange", "valueChange", "resultOk", "showTimePickerChange", "dateValueChange"], exportAs: ["datePopup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], exportAs: ["thyYearPicker"], usesInheritance: true, ngImport: i0, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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</thy-picker>\n", dependencies: [{ kind: "component", type: ThyPicker, selector: "thy-picker", inputs: ["isRange", "open", "disabled", "placeholder", "readonly", "allowClear", "autoFocus", "className", "size", "suffixIcon", "placement", "flexible", "mode", "hasBackdrop", "format", "flexibleDateGranularity", "value"], outputs: ["blur", "valueChange", "openChange", "inputChange"], exportAs: ["thyPicker"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DatePopup, selector: "date-popup", inputs: ["isRange", "showWeek", "format", "disabledDate", "minDate", "maxDate", "showToday", "showTime", "mustShowTime", "dateRender", "className", "panelMode", "value", "defaultPickerValue", "showShortcut", "shortcutPresets", "shortcutPosition", "flexible", "flexibleDateGranularity", "timestampPrecision"], outputs: ["panelModeChange", "calendarChange", "valueChange", "resultOk", "showTimePickerChange", "dateValueChange"], exportAs: ["datePopup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyYearPicker, decorators: [{
             type: Component,
@@ -3549,7 +3577,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                             multi: true,
                             useExisting: forwardRef(() => ThyYearPicker)
                         }
-                    ], standalone: true, imports: [ThyPicker, NgIf, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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    (dateValueChange)=\"onDateValueChange($event)\"\n    [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n</thy-picker>\n" }]
+                    ], standalone: true, imports: [ThyPicker, NgIf, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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</thy-picker>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { thyFormat: [{
                 type: Input
             }] } });
@@ -3637,7 +3665,7 @@ class PickerDirective extends AbstractPickerComponent {
         return this._showTime;
     }
     set thyShowTime(value) {
-        this._showTime = typeof value === 'object' ? value : coerceBooleanProperty(value);
+        this._showTime = typeof value === 'object' ? value : coerceBooleanProperty$1(value);
     }
     /**
      * 弹出 DatePicker 的偏移量
@@ -3700,7 +3728,8 @@ class PickerDirective extends AbstractPickerComponent {
                 shortcutPresets: this.shortcutPresets,
                 shortcutPosition: this.shortcutPosition,
                 flexible: this.flexible,
-                flexibleDateGranularity: this.flexibleDateGranularity
+                flexibleDateGranularity: this.flexibleDateGranularity,
+                timestampPrecision: this.thyTimestampPrecision
             },
             placement: this.thyPlacement
         }, this.thyPopoverOptions));
@@ -3708,7 +3737,7 @@ class PickerDirective extends AbstractPickerComponent {
             const componentInstance = popoverRef.componentInstance;
             componentInstance.valueChange.pipe(takeUntil(this.destroy$)).subscribe((event) => this.onValueChange(event));
             componentInstance.calendarChange.pipe(takeUntil(this.destroy$)).subscribe((event) => {
-                const rangeValue = coerceArray(event).map(x => x.nativeDate);
+                const rangeValue = coerceArray$1(event).map(x => x.nativeDate);
                 this.thyOnCalendarChange.emit(rangeValue);
             });
             componentInstance.showTimePickerChange
@@ -3807,7 +3836,7 @@ class PickerDirective extends AbstractPickerComponent {
         this.withTime = show;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: PickerDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$1.ThyPopover }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0", type: PickerDirective, inputs: { thyDateRender: "thyDateRender", thyShowTime: "thyShowTime", thyMustShowTime: ["thyMustShowTime", "thyMustShowTime", booleanAttribute], thyPlacement: "thyPlacement", thyOffset: ["thyOffset", "thyOffset", numberAttribute], thyHasBackdrop: ["thyHasBackdrop", "thyHasBackdrop", booleanAttribute], thyPopoverOptions: "thyPopoverOptions", thyStopPropagation: ["thyStopPropagation", "thyStopPropagation", booleanAttribute] }, outputs: { thyOnPanelChange: "thyOnPanelChange", thyOnCalendarChange: "thyOnCalendarChange" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.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.0.0", ngImport: i0, type: PickerDirective, decorators: [{
             type: Directive
@@ -3821,7 +3850,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                 type: Input
             }], thyMustShowTime: [{
                 type: Input,
-                args: [{ transform: booleanAttribute }]
+                args: [{ transform: coerceBooleanProperty$1 }]
             }], thyPlacement: [{
                 type: Input
             }], thyOffset: [{
@@ -3829,12 +3858,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                 args: [{ transform: numberAttribute }]
             }], thyHasBackdrop: [{
                 type: Input,
-                args: [{ transform: booleanAttribute }]
+                args: [{ transform: coerceBooleanProperty$1 }]
             }], thyPopoverOptions: [{
                 type: Input
             }], thyStopPropagation: [{
                 type: Input,
-                args: [{ transform: booleanAttribute }]
+                args: [{ transform: coerceBooleanProperty$1 }]
             }] } });
 
 /**
@@ -3934,7 +3963,7 @@ class ThyQuarterPicker extends BasePicker {
                 multi: true,
                 useExisting: forwardRef(() => ThyQuarterPicker)
             }
-        ], exportAs: ["thyQuarterPicker"], usesInheritance: true, ngImport: i0, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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    (dateValueChange)=\"onDateValueChange($event)\"\n    [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n</thy-picker>\n", dependencies: [{ kind: "component", type: ThyPicker, selector: "thy-picker", inputs: ["isRange", "open", "disabled", "placeholder", "readonly", "allowClear", "autoFocus", "className", "size", "suffixIcon", "placement", "flexible", "mode", "hasBackdrop", "format", "flexibleDateGranularity", "value"], outputs: ["blur", "valueChange", "openChange", "inputChange"], exportAs: ["thyPicker"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DatePopup, selector: "date-popup", inputs: ["isRange", "showWeek", "format", "disabledDate", "minDate", "maxDate", "showToday", "showTime", "mustShowTime", "dateRender", "className", "panelMode", "value", "defaultPickerValue", "showShortcut", "shortcutPresets", "shortcutPosition", "flexible", "flexibleDateGranularity"], outputs: ["panelModeChange", "calendarChange", "valueChange", "resultOk", "showTimePickerChange", "dateValueChange"], exportAs: ["datePopup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], exportAs: ["thyQuarterPicker"], usesInheritance: true, ngImport: i0, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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</thy-picker>\n", dependencies: [{ kind: "component", type: ThyPicker, selector: "thy-picker", inputs: ["isRange", "open", "disabled", "placeholder", "readonly", "allowClear", "autoFocus", "className", "size", "suffixIcon", "placement", "flexible", "mode", "hasBackdrop", "format", "flexibleDateGranularity", "value"], outputs: ["blur", "valueChange", "openChange", "inputChange"], exportAs: ["thyPicker"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DatePopup, selector: "date-popup", inputs: ["isRange", "showWeek", "format", "disabledDate", "minDate", "maxDate", "showToday", "showTime", "mustShowTime", "dateRender", "className", "panelMode", "value", "defaultPickerValue", "showShortcut", "shortcutPresets", "shortcutPosition", "flexible", "flexibleDateGranularity", "timestampPrecision"], outputs: ["panelModeChange", "calendarChange", "valueChange", "resultOk", "showTimePickerChange", "dateValueChange"], exportAs: ["datePopup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ThyQuarterPicker, decorators: [{
             type: Component,
@@ -3944,7 +3973,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                             multi: true,
                             useExisting: forwardRef(() => ThyQuarterPicker)
                         }
-                    ], standalone: true, imports: [ThyPicker, NgIf, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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    (dateValueChange)=\"onDateValueChange($event)\"\n    [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n</thy-picker>\n" }]
+                    ], standalone: true, imports: [ThyPicker, NgIf, 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  <date-popup\n    [attr.tabindex]=\"-1\"\n    *ngIf=\"isShowDatePopup\"\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</thy-picker>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { thyFormat: [{
                 type: Input
             }] } });