ngx-tethys 18.2.5 → 18.2.6

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

@@ -3,14 +3,13 @@ import { formatDate, NgClass, NgTemplateOutlet, CommonModule, AsyncPipe, isPlatf
 import * as i0 from '@angular/core';
 import { Injectable, inject, EventEmitter, Directive, Input, Output, Component, ChangeDetectionStrategy, InjectionToken, Pipe, ChangeDetectorRef, forwardRef, HostBinding, NgModule, ViewChild, ElementRef, PLATFORM_ID, NgZone, numberAttribute } from '@angular/core';
 import localeZhHans from '@angular/common/locales/zh-Hans';
-import { TinyDate, coerceBooleanProperty, helpers, coerceArray, isTemplateRef, isEmpty, isString, valueFunctionProp, isUndefinedOrNull, isFunction, sortRangeValue, elementMatchClosest, warnDeprecation } from 'ngx-tethys/util';
+import { TinyDate, coerceBooleanProperty, startOfDay, addDays, startOfWeek, addWeeks, subDays, helpers, coerceArray, isTemplateRef, isEmpty, isString, valueFunctionProp, isUndefinedOrNull, isFunction, endOfDay, sortRangeValue, elementMatchClosest, warnDeprecation } from 'ngx-tethys/util';
 import { injectLocale, ThyI18nService } from 'ngx-tethys/i18n';
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
 import * as i1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
 import { ThyButton, ThyButtonIcon, ThyButtonModule } from 'ngx-tethys/button';
 import { ThyInnerTimePicker, ThyTimePickerModule } from 'ngx-tethys/time-picker';
-import { startOfDay, addDays, startOfWeek, addWeeks, subDays, fromUnixTime, endOfDay, startOfYear, endOfYear, startOfQuarter, endOfQuarter, startOfMonth, endOfMonth, startOfISOWeek, endOfISOWeek } from 'date-fns';
 import { ThyNav, ThyNavItemDirective, ThyNavModule } from 'ngx-tethys/nav';
 import { Subject, fromEvent } from 'rxjs';
 import { ThyInputDirective, ThyInputModule } from 'ngx-tethys/input';
@@ -33,10 +32,10 @@ class DateHelperService {
         this.locale = injectLocale();
         this.relyOnDatePipe = this instanceof DateHelperByDatePipe;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DateHelperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DateHelperService, providedIn: 'root', useFactory: DATE_HELPER_SERVICE_FACTORY }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateHelperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateHelperService, providedIn: 'root', useFactory: DATE_HELPER_SERVICE_FACTORY }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DateHelperService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateHelperService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -121,10 +120,10 @@ class CalendarHeader {
     formatDateTime(format) {
         return this.dateHelper.format(this.value.nativeDate, format);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CalendarHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: CalendarHeader, inputs: { showSuperPreBtn: "showSuperPreBtn", showSuperNextBtn: "showSuperNextBtn", showPreBtn: "showPreBtn", showNextBtn: "showNextBtn", value: "value" }, outputs: { valueChange: "valueChange", panelModeChange: "panelModeChange" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: CalendarHeader, inputs: { showSuperPreBtn: "showSuperPreBtn", showSuperNextBtn: "showSuperNextBtn", showPreBtn: "showPreBtn", showNextBtn: "showNextBtn", value: "value" }, outputs: { valueChange: "valueChange", panelModeChange: "panelModeChange" }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CalendarHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarHeader, decorators: [{
             type: Directive
         }], propDecorators: { showSuperPreBtn: [{
                 type: Input
@@ -156,10 +155,10 @@ class MonthHeader extends CalendarHeader {
             }
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MonthHeader, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: MonthHeader, isStandalone: true, selector: "month-header", usesInheritance: true, ngImport: i0, template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative\">\n    <a\n      class=\"{{ prefixCls }}-prev-year-btn\"\n      [ngClass]=\"showSuperPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superPrevious()\"\n      [title]=\"locale().previousYear\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a\n      class=\"{{ prefixCls }}-prev-month-btn\"\n      [ngClass]=\"showPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"previous()\"\n      [title]=\"locale().previousMonth\">\n      <thy-icon thyIconName=\"angle-left\"></thy-icon>\n    </a>\n\n    <span class=\"{{ prefixCls }}-my-select\">\n      @for (selector of selectors; track $index) {\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      }\n    </span>\n\n    <a\n      class=\"{{ prefixCls }}-next-month-btn\"\n      [ngClass]=\"showNextBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"next()\"\n      [title]=\"locale().nextMonth\">\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]=\"locale().nextYear\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonthHeader, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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]=\"locale().previousYear\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a\n      class=\"{{ prefixCls }}-prev-month-btn\"\n      [ngClass]=\"showPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"previous()\"\n      [title]=\"locale().previousMonth\">\n      <thy-icon thyIconName=\"angle-left\"></thy-icon>\n    </a>\n\n    <span class=\"{{ prefixCls }}-my-select\">\n      @for (selector of selectors; track $index) {\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      }\n    </span>\n\n    <a\n      class=\"{{ prefixCls }}-next-month-btn\"\n      [ngClass]=\"showNextBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"next()\"\n      [title]=\"locale().nextMonth\">\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]=\"locale().nextYear\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MonthHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonthHeader, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'month-header', standalone: true, imports: [NgClass, ThyIcon], template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative\">\n    <a\n      class=\"{{ prefixCls }}-prev-year-btn\"\n      [ngClass]=\"showSuperPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superPrevious()\"\n      [title]=\"locale().previousYear\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a\n      class=\"{{ prefixCls }}-prev-month-btn\"\n      [ngClass]=\"showPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"previous()\"\n      [title]=\"locale().previousMonth\">\n      <thy-icon thyIconName=\"angle-left\"></thy-icon>\n    </a>\n\n    <span class=\"{{ prefixCls }}-my-select\">\n      @for (selector of selectors; track $index) {\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      }\n    </span>\n\n    <a\n      class=\"{{ prefixCls }}-next-month-btn\"\n      [ngClass]=\"showNextBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"next()\"\n      [title]=\"locale().nextMonth\">\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]=\"locale().nextYear\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n" }]
         }] });
@@ -228,12 +227,12 @@ class CalendarFooter {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CalendarFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: CalendarFooter, isStandalone: true, selector: "calendar-footer", inputs: { showTime: "showTime", mustShowTime: "mustShowTime", value: "value", disableTimeConfirm: ["disableTimeConfirm", "disableTimeConfirm", coerceBooleanProperty] }, outputs: { selectTime: "selectTime", clickOk: "clickOk", clickRemove: "clickRemove", showTimePickerChange: "showTimePickerChange" }, exportAs: ["calendarFooter"], usesOnChanges: true, ngImport: i0, template: "@if (isShowTime || isCanTime) {\n  <div class=\"time-picker-section\" (click)=\"$event.stopPropagation()\">\n    @if (isCanTime) {\n      <a href=\"javascript:;\" class=\"link-has-icon time-picker-set-btn\" (click)=\"changeTimeShowMode('show')\">\n        <thy-icon thyIconName=\"clock-circle\"></thy-icon>{{ locale().setTime }}\n      </a>\n    }\n    @if (isShowTime) {\n      <thy-inner-time-picker\n        class=\"time-picker-wrap\"\n        [showMeridian]=\"false\"\n        [ngModel]=\"value?.nativeDate\"\n        (ngModelChange)=\"onSelectTime($event)\"></thy-inner-time-picker>\n    }\n    <div class=\"time-picker-btn-wrap\">\n      @if (!isCanTime) {\n        <button [disabled]=\"disableTimeConfirm\" class=\"time-picker-ok-btn\" thyButton=\"primary\" thySize=\"sm\" (click)=\"onTimeOk()\">\n          {{ locale().ok }}\n        </button>\n      }\n      <button class=\"time-picker-clear-btn\" thyButton=\"link-secondary\" thySize=\"sm\" (click)=\"onClear()\">{{ locale().clear }}</button>\n    </div>\n  </div>\n}\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyInnerTimePicker, selector: "thy-inner-time-picker", inputs: ["hourStep", "minuteStep", "secondsStep", "readonlyInput", "disabled", "mousewheel", "arrowKeys", "showSpinners", "showMeridian", "showMinutes", "showSeconds", "meridians", "min", "max", "hoursPlaceholder", "minutesPlaceholder", "secondsPlaceholder"], outputs: ["isValid"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ThyButton, selector: "thy-button,[thy-button],[thyButton]", inputs: ["thyButton", "thyType", "thyLoading", "thyLoadingText", "thySize", "thyIcon", "thyBlock"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CalendarFooter, isStandalone: true, selector: "calendar-footer", inputs: { showTime: "showTime", mustShowTime: "mustShowTime", value: "value", disableTimeConfirm: ["disableTimeConfirm", "disableTimeConfirm", coerceBooleanProperty] }, outputs: { selectTime: "selectTime", clickOk: "clickOk", clickRemove: "clickRemove", showTimePickerChange: "showTimePickerChange" }, exportAs: ["calendarFooter"], usesOnChanges: true, ngImport: i0, template: "@if (isShowTime || isCanTime) {\n  <div class=\"time-picker-section\" (click)=\"$event.stopPropagation()\">\n    @if (isCanTime) {\n      <a href=\"javascript:;\" class=\"link-has-icon time-picker-set-btn\" (click)=\"changeTimeShowMode('show')\">\n        <thy-icon thyIconName=\"clock-circle\"></thy-icon>{{ locale().setTime }}\n      </a>\n    }\n    @if (isShowTime) {\n      <thy-inner-time-picker\n        class=\"time-picker-wrap\"\n        [showMeridian]=\"false\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onSelectTime($event)\"></thy-inner-time-picker>\n    }\n    <div class=\"time-picker-btn-wrap\">\n      @if (!isCanTime) {\n        <button [disabled]=\"disableTimeConfirm\" class=\"time-picker-ok-btn\" thyButton=\"primary\" thySize=\"sm\" (click)=\"onTimeOk()\">\n          {{ locale().ok }}\n        </button>\n      }\n      <button class=\"time-picker-clear-btn\" thyButton=\"link-secondary\" thySize=\"sm\" (click)=\"onClear()\">{{ locale().clear }}</button>\n    </div>\n  </div>\n}\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyInnerTimePicker, selector: "thy-inner-time-picker", inputs: ["hourStep", "minuteStep", "secondsStep", "readonlyInput", "disabled", "mousewheel", "arrowKeys", "showSpinners", "showMeridian", "showMinutes", "showSeconds", "meridians", "min", "max", "hoursPlaceholder", "minutesPlaceholder", "secondsPlaceholder"], outputs: ["isValid"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ThyButton, selector: "thy-button,[thy-button],[thyButton]", inputs: ["thyButton", "thyType", "thyLoading", "thyLoadingText", "thySize", "thyIcon", "thyBlock"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CalendarFooter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarFooter, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'calendar-footer', exportAs: 'calendarFooter', standalone: true, imports: [ThyIcon, ThyInnerTimePicker, FormsModule, ThyButton], template: "@if (isShowTime || isCanTime) {\n  <div class=\"time-picker-section\" (click)=\"$event.stopPropagation()\">\n    @if (isCanTime) {\n      <a href=\"javascript:;\" class=\"link-has-icon time-picker-set-btn\" (click)=\"changeTimeShowMode('show')\">\n        <thy-icon thyIconName=\"clock-circle\"></thy-icon>{{ locale().setTime }}\n      </a>\n    }\n    @if (isShowTime) {\n      <thy-inner-time-picker\n        class=\"time-picker-wrap\"\n        [showMeridian]=\"false\"\n        [ngModel]=\"value?.nativeDate\"\n        (ngModelChange)=\"onSelectTime($event)\"></thy-inner-time-picker>\n    }\n    <div class=\"time-picker-btn-wrap\">\n      @if (!isCanTime) {\n        <button [disabled]=\"disableTimeConfirm\" class=\"time-picker-ok-btn\" thyButton=\"primary\" thySize=\"sm\" (click)=\"onTimeOk()\">\n          {{ locale().ok }}\n        </button>\n      }\n      <button class=\"time-picker-clear-btn\" thyButton=\"link-secondary\" thySize=\"sm\" (click)=\"onClear()\">{{ locale().clear }}</button>\n    </div>\n  </div>\n}\n" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'calendar-footer', exportAs: 'calendarFooter', standalone: true, imports: [ThyIcon, ThyInnerTimePicker, FormsModule, ThyButton], template: "@if (isShowTime || isCanTime) {\n  <div class=\"time-picker-section\" (click)=\"$event.stopPropagation()\">\n    @if (isCanTime) {\n      <a href=\"javascript:;\" class=\"link-has-icon time-picker-set-btn\" (click)=\"changeTimeShowMode('show')\">\n        <thy-icon thyIconName=\"clock-circle\"></thy-icon>{{ locale().setTime }}\n      </a>\n    }\n    @if (isShowTime) {\n      <thy-inner-time-picker\n        class=\"time-picker-wrap\"\n        [showMeridian]=\"false\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onSelectTime($event)\"></thy-inner-time-picker>\n    }\n    <div class=\"time-picker-btn-wrap\">\n      @if (!isCanTime) {\n        <button [disabled]=\"disableTimeConfirm\" class=\"time-picker-ok-btn\" thyButton=\"primary\" thySize=\"sm\" (click)=\"onTimeOk()\">\n          {{ locale().ok }}\n        </button>\n      }\n      <button class=\"time-picker-clear-btn\" thyButton=\"link-secondary\" thySize=\"sm\" (click)=\"onClear()\">{{ locale().clear }}</button>\n    </div>\n  </div>\n}\n" }]
         }], propDecorators: { showTime: [{
                 type: Input
             }], mustShowTime: [{
@@ -265,15 +264,15 @@ const DEFAULT_DATE_PICKER_CONFIG = {
         return [
             {
                 title: '今天',
-                value: startOfDay(new Date()).getTime()
+                value: startOfDay(new TinyDate().getTime()).getTime()
             },
             {
                 title: '明天',
-                value: startOfDay(addDays(new Date(), 1)).getTime()
+                value: startOfDay(addDays(new TinyDate().getTime(), 1)).getTime()
             },
             {
                 title: '下周',
-                value: startOfWeek(addWeeks(new Date(), 1), { weekStartsOn: 1 }).getTime()
+                value: startOfWeek(addWeeks(new TinyDate().getTime(), 1), { weekStartsOn: 1 }).getTime()
             }
         ];
     },
@@ -281,11 +280,11 @@ const DEFAULT_DATE_PICKER_CONFIG = {
         return [
             {
                 title: '最近 7 天',
-                value: [new TinyDate(subDays(new Date(), 6)).getTime(), new TinyDate().endOfDay().getTime()]
+                value: [new TinyDate(subDays(new TinyDate().getTime(), 6)).getTime(), new TinyDate().endOfDay().getTime()]
             },
             {
                 title: '最近 30 天',
-                value: [new TinyDate(subDays(new Date(), 29)).getTime(), new TinyDate().endOfDay().getTime()]
+                value: [new TinyDate(subDays(new TinyDate().getTime(), 29)).getTime(), new TinyDate().endOfDay().getTime()]
             },
             {
                 title: '本周',
@@ -310,15 +309,15 @@ function useDatePickerDefaultConfig() {
             return [
                 {
                     title: locale().today,
-                    value: startOfDay(new Date()).getTime()
+                    value: startOfDay(new TinyDate().nativeDate).getTime()
                 },
                 {
                     title: locale().tomorrow,
-                    value: startOfDay(addDays(new Date(), 1)).getTime()
+                    value: startOfDay(addDays(new TinyDate().nativeDate, 1)).getTime()
                 },
                 {
                     title: locale().nextWeek,
-                    value: startOfWeek(addWeeks(new Date(), 1), { weekStartsOn: 1 }).getTime()
+                    value: startOfWeek(addWeeks(new TinyDate().nativeDate, 1), { weekStartsOn: 1 }).getTime()
                 }
             ];
         },
@@ -326,11 +325,11 @@ function useDatePickerDefaultConfig() {
             return [
                 {
                     title: locale().lastSevenDays,
-                    value: [new TinyDate(subDays(new Date(), 6)).getTime(), new TinyDate().endOfDay().getTime()]
+                    value: [new TinyDate().subDays(6).getTime(), new TinyDate().endOfDay().getTime()]
                 },
                 {
                     title: locale().lastThirtyDays,
-                    value: [new TinyDate(subDays(new Date(), 29)).getTime(), new TinyDate().endOfDay().getTime()]
+                    value: [new TinyDate().subDays(29).getTime(), new TinyDate().endOfDay().getTime()]
                 },
                 {
                     title: locale().currentWeek,
@@ -373,10 +372,10 @@ class ThyDatePickerConfigService {
     get timestampPrecision() {
         return this.config.timestampPrecision;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerConfigService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyDatePickerConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyDatePickerConfigService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerConfigService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyDatePickerConfigService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -463,14 +462,17 @@ function getFlexibleAdvancedReadableValue(tinyDates, flexibleDateGranularity) {
 function convertDate(date) {
     if (typeof date === 'number') {
         if (date.toString().length < 13) {
-            return fromUnixTime(date);
+            return TinyDate.fromUnixTime(date)?.nativeDate;
         }
         else {
-            return new Date(date);
+            return new TinyDate(date)?.nativeDate;
         }
     }
+    else if (date instanceof TinyDate) {
+        return date?.nativeDate;
+    }
     else {
-        return date;
+        return new TinyDate(date)?.nativeDate;
     }
 }
 function hasValue(value) {
@@ -580,7 +582,7 @@ function fixStringDate(dateStr) {
     let replacedStr = dateStr.replace(/[^0-9\s.,:]/g, '-').replace('- ', ' ');
     const hasYear = /\d{4}/.test(replacedStr);
     if (!hasYear || replacedStr.length < 'yyyy.M.d'.length) {
-        replacedStr = `${new TinyDate(new Date()).getYear()}-${replacedStr}`;
+        replacedStr = `${new TinyDate().getYear()}-${replacedStr}`;
     }
     return replacedStr;
 }
@@ -622,10 +624,10 @@ class ThyDatePickerFormatPipe {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerFormatPipe, isStandalone: true, name: "thyDatePickerFormat" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyDatePickerFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ThyDatePickerFormatPipe, isStandalone: true, name: "thyDatePickerFormat" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerFormatPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyDatePickerFormatPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'thyDatePickerFormat',
@@ -654,10 +656,10 @@ class ThyQuarterPickerFormatPipe {
                 .join(' ~ ');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyQuarterPickerFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: ThyQuarterPickerFormatPipe, isStandalone: true, name: "thyQuarterPickerFormat" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyQuarterPickerFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ThyQuarterPickerFormatPipe, isStandalone: true, name: "thyQuarterPickerFormat" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyQuarterPickerFormatPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyQuarterPickerFormatPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'thyQuarterPickerFormat',
@@ -675,10 +677,10 @@ class ThyDatePickerFormatStringPipe {
         const { withTime } = transformDateValue(originalValue);
         return withTime ? 'yyyy-MM-dd HH:mm' : 'yyyy-MM-dd';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerFormatStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerFormatStringPipe, isStandalone: true, name: "thyDatePickerFormatString" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyDatePickerFormatStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ThyDatePickerFormatStringPipe, isStandalone: true, name: "thyDatePickerFormatString" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerFormatStringPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyDatePickerFormatStringPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'thyDatePickerFormatString',
@@ -693,10 +695,10 @@ class DatePickerAdvancedShowYearTipPipe {
     transform(value, type) {
         return type !== 'year' && value.startValue.isSameDay(value.startValue.startOfYear());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatePickerAdvancedShowYearTipPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: DatePickerAdvancedShowYearTipPipe, isStandalone: true, name: "showYearTip" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DatePickerAdvancedShowYearTipPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DatePickerAdvancedShowYearTipPipe, isStandalone: true, name: "showYearTip" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatePickerAdvancedShowYearTipPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DatePickerAdvancedShowYearTipPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'showYearTip',
@@ -1056,8 +1058,8 @@ class DateCarousel {
     ngOnDestroy() {
         this.selectedValueChange$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DateCarousel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: DateCarousel, isStandalone: true, selector: "date-carousel", inputs: { activeDate: "activeDate" }, host: { properties: { "class": "this.className" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateCarousel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DateCarousel, isStandalone: true, selector: "date-carousel", inputs: { activeDate: "activeDate" }, host: { properties: { "class": "this.className" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -1065,7 +1067,7 @@ class DateCarousel {
             }
         ], ngImport: i0, template: "<ng-container\n  *ngTemplateOutlet=\"carouselItem; context: { title: locale().yearText, type: 'year', selectableData: selectableData.year }\"></ng-container>\n\n<ng-container\n  *ngTemplateOutlet=\"\n    carouselItem;\n    context: { title: locale().quarterText, type: 'quarter', selectableData: selectableData.quarter }\n  \"></ng-container>\n\n<ng-container\n  *ngTemplateOutlet=\"\n    carouselItem;\n    context: { title: locale().monthText, type: 'month', selectableData: selectableData.month }\n  \"></ng-container>\n\n<ng-template #carouselItem let-title=\"title\" let-selectableData=\"selectableData\" let-type=\"type\">\n  <div class=\"carousel-item carousel-item-{{ type }}\">\n    <p class=\"carousel-item-title\">{{ title }}</p>\n    <div class=\"carousel-item-content\">\n      <button thyButton=\"outline-default\" thySize=\"sm\" class=\"right-space\" (click)=\"prevClick(type)\">\n        <thy-icon thyIconName=\"angle-left\"></thy-icon>\n      </button>\n      @for (item of selectableData; track $index) {\n        <div\n          class=\"selectable-button right-space\"\n          (click)=\"selectDate(type, item)\"\n          (mouseenter)=\"onMouseenter($event, type, item)\"\n          (mouseleave)=\"onMouseleave($event, type, item)\"\n          [ngClass]=\"item.classMap\">\n          @if (item | showYearTip: type) {\n            <span class=\"year-tip\">{{ item?.startValue?.getYear() }}</span>\n          }\n          @if (item.isInRange && isSelected(item)) {\n            <thy-icon thyIconName=\"close\"></thy-icon>\n          }\n          @if (item.isInRange && !isSelected(item)) {\n            <thy-icon thyIconName=\"plus\"></thy-icon>\n          }\n          @if (!item.isInRange) {\n            <span>{{ item?.content }}</span>\n          }\n        </div>\n      }\n      <button thyButton=\"outline-default\" thySize=\"sm\" (click)=\"nextClick(type)\">\n        <thy-icon thyIconName=\"angle-right\"></thy-icon>\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyButton, selector: "thy-button,[thy-button],[thyButton]", inputs: ["thyButton", "thyType", "thyLoading", "thyLoadingText", "thySize", "thyIcon", "thyBlock"] }, { 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: "pipe", type: DatePickerAdvancedShowYearTipPipe, name: "showYearTip" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DateCarousel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateCarousel, decorators: [{
             type: Component,
             args: [{ selector: 'date-carousel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -1103,10 +1105,10 @@ class DateHeader extends CalendarHeader {
             }
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DateHeader, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: DateHeader, isStandalone: true, selector: "date-header", usesInheritance: true, ngImport: i0, template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative\">\n    <a\n      class=\"{{ prefixCls }}-prev-year-btn\"\n      [ngClass]=\"showSuperPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superPrevious()\"\n      [title]=\"locale().previousYear\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a\n      class=\"{{ prefixCls }}-prev-month-btn\"\n      [ngClass]=\"showPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"previous()\"\n      [title]=\"locale().previousMonth\">\n      <thy-icon thyIconName=\"angle-left\"></thy-icon>\n    </a>\n\n    <span class=\"{{ prefixCls }}-my-select\">\n      @for (selector of selectors; track $index) {\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      }\n    </span>\n\n    <a\n      class=\"{{ prefixCls }}-next-month-btn\"\n      [ngClass]=\"showNextBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"next()\"\n      [title]=\"locale().nextMonth\">\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]=\"locale().nextYear\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateHeader, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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]=\"locale().previousYear\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a\n      class=\"{{ prefixCls }}-prev-month-btn\"\n      [ngClass]=\"showPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"previous()\"\n      [title]=\"locale().previousMonth\">\n      <thy-icon thyIconName=\"angle-left\"></thy-icon>\n    </a>\n\n    <span class=\"{{ prefixCls }}-my-select\">\n      @for (selector of selectors; track $index) {\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      }\n    </span>\n\n    <a\n      class=\"{{ prefixCls }}-next-month-btn\"\n      [ngClass]=\"showNextBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"next()\"\n      [title]=\"locale().nextMonth\">\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]=\"locale().nextYear\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DateHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateHeader, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'date-header', standalone: true, imports: [NgClass, ThyIcon], template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative\">\n    <a\n      class=\"{{ prefixCls }}-prev-year-btn\"\n      [ngClass]=\"showSuperPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superPrevious()\"\n      [title]=\"locale().previousYear\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a\n      class=\"{{ prefixCls }}-prev-month-btn\"\n      [ngClass]=\"showPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"previous()\"\n      [title]=\"locale().previousMonth\">\n      <thy-icon thyIconName=\"angle-left\"></thy-icon>\n    </a>\n\n    <span class=\"{{ prefixCls }}-my-select\">\n      @for (selector of selectors; track $index) {\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      }\n    </span>\n\n    <a\n      class=\"{{ prefixCls }}-next-month-btn\"\n      [ngClass]=\"showNextBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"next()\"\n      [title]=\"locale().nextMonth\">\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]=\"locale().nextYear\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n" }]
         }] });
@@ -1183,10 +1185,10 @@ class CalendarTable {
     isSameDate(left, right) {
         return (!left && !right) || (left && right && right.isSameDay(left));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CalendarTable, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: CalendarTable, inputs: { prefixCls: "prefixCls", value: "value", activeDate: "activeDate", showWeek: "showWeek", selectedValue: "selectedValue", hoverValue: "hoverValue", disabledDate: "disabledDate", cellRender: "cellRender", fullCellRender: "fullCellRender" }, outputs: { valueChange: "valueChange", cellHover: "cellHover" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarTable, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: CalendarTable, inputs: { prefixCls: "prefixCls", value: "value", activeDate: "activeDate", showWeek: "showWeek", selectedValue: "selectedValue", hoverValue: "hoverValue", disabledDate: "disabledDate", cellRender: "cellRender", fullCellRender: "fullCellRender" }, outputs: { valueChange: "valueChange", cellHover: "cellHover" }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CalendarTable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CalendarTable, decorators: [{
             type: Directive
         }], ctorParameters: () => [], propDecorators: { prefixCls: [{
                 type: Input
@@ -1220,10 +1222,10 @@ class DateTableCell {
         this.isTemplateRef = isTemplateRef;
         this.isNonEmptyString = (v) => isEmpty(v) && isString(v);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DateTableCell, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: DateTableCell, isStandalone: true, selector: "[date-table-cell]", inputs: { prefixCls: "prefixCls", cell: "cell" }, exportAs: ["dateTableCell"], ngImport: i0, template: "\n@switch (prefixCls) {\n  @case ('thy-calendar') {\n    @switch (true) {\n      @case (isTemplateRef(cell.dateCellRender)) {\n        <ng-container *ngTemplateOutlet=\"cell.dateCellRender; context: { $implicit: cell.value }\"></ng-container>\n      }\n      @case (isNonEmptyString(cell.dateCellRender)) {\n        <span [innerHTML]=\"cell.dateCellRender\"></span>\n      }\n      @default {\n        <div class=\"{{ prefixCls }}-date\" [attr.aria-selected]=\"cell.isSelected\" [attr.aria-disabled]=\"cell.isDisabled\">\n          {{ cell.content }}\n        </div>\n      }\n    }\n  }\n  @case ('thy-calendar-full') {\n    <div\n      tabindex=\"0\"\n      class=\"{{ prefixCls }}-date thy-calendar-full-cell-inner\"\n      [class.thy-calendar-full-calendar-date-today]=\"cell.isToday\"\n      >\n      @if (cell.fullCellRender) {\n        <ng-container *ngTemplateOutlet=\"$any(cell.fullCellRender); context: { $implicit: cell.value }\"> </ng-container>\n      } @else {\n        <div class=\"{{ prefixCls }}-date-value\">\n          <span class=\"{{ prefixCls }}-date-value-today-text\">\n            <span class=\"{{ prefixCls }}-date-value-text\">{{ cell.content }}</span>\n          </span>\n        </div>\n        <div class=\"{{ prefixCls }}-date-content\">\n          <ng-container *ngTemplateOutlet=\"$any(cell.dateCellRender); context: { $implicit: cell.value }\"> </ng-container>\n        </div>\n      }\n    </div>\n  }\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateTableCell, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DateTableCell, isStandalone: true, selector: "[date-table-cell]", inputs: { prefixCls: "prefixCls", cell: "cell" }, exportAs: ["dateTableCell"], ngImport: i0, template: "\n@switch (prefixCls) {\n  @case ('thy-calendar') {\n    @switch (true) {\n      @case (isTemplateRef(cell.dateCellRender)) {\n        <ng-container *ngTemplateOutlet=\"cell.dateCellRender; context: { $implicit: cell.value }\"></ng-container>\n      }\n      @case (isNonEmptyString(cell.dateCellRender)) {\n        <span [innerHTML]=\"cell.dateCellRender\"></span>\n      }\n      @default {\n        <div class=\"{{ prefixCls }}-date\" [attr.aria-selected]=\"cell.isSelected\" [attr.aria-disabled]=\"cell.isDisabled\">\n          {{ cell.content }}\n        </div>\n      }\n    }\n  }\n  @case ('thy-calendar-full') {\n    <div\n      tabindex=\"0\"\n      class=\"{{ prefixCls }}-date thy-calendar-full-cell-inner\"\n      [class.thy-calendar-full-calendar-date-today]=\"cell.isToday\"\n      >\n      @if (cell.fullCellRender) {\n        <ng-container *ngTemplateOutlet=\"$any(cell.fullCellRender); context: { $implicit: cell.value }\"> </ng-container>\n      } @else {\n        <div class=\"{{ prefixCls }}-date-value\">\n          <span class=\"{{ prefixCls }}-date-value-today-text\">\n            <span class=\"{{ prefixCls }}-date-value-text\">{{ cell.content }}</span>\n          </span>\n        </div>\n        <div class=\"{{ prefixCls }}-date-content\">\n          <ng-container *ngTemplateOutlet=\"$any(cell.dateCellRender); context: { $implicit: cell.value }\"> </ng-container>\n        </div>\n      }\n    </div>\n  }\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DateTableCell, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateTableCell, decorators: [{
             type: Component,
             args: [{ selector: '[date-table-cell]', exportAs: 'dateTableCell', standalone: true, imports: [NgTemplateOutlet], template: "\n@switch (prefixCls) {\n  @case ('thy-calendar') {\n    @switch (true) {\n      @case (isTemplateRef(cell.dateCellRender)) {\n        <ng-container *ngTemplateOutlet=\"cell.dateCellRender; context: { $implicit: cell.value }\"></ng-container>\n      }\n      @case (isNonEmptyString(cell.dateCellRender)) {\n        <span [innerHTML]=\"cell.dateCellRender\"></span>\n      }\n      @default {\n        <div class=\"{{ prefixCls }}-date\" [attr.aria-selected]=\"cell.isSelected\" [attr.aria-disabled]=\"cell.isDisabled\">\n          {{ cell.content }}\n        </div>\n      }\n    }\n  }\n  @case ('thy-calendar-full') {\n    <div\n      tabindex=\"0\"\n      class=\"{{ prefixCls }}-date thy-calendar-full-cell-inner\"\n      [class.thy-calendar-full-calendar-date-today]=\"cell.isToday\"\n      >\n      @if (cell.fullCellRender) {\n        <ng-container *ngTemplateOutlet=\"$any(cell.fullCellRender); context: { $implicit: cell.value }\"> </ng-container>\n      } @else {\n        <div class=\"{{ prefixCls }}-date-value\">\n          <span class=\"{{ prefixCls }}-date-value-today-text\">\n            <span class=\"{{ prefixCls }}-date-value-text\">{{ cell.content }}</span>\n          </span>\n        </div>\n        <div class=\"{{ prefixCls }}-date-content\">\n          <ng-container *ngTemplateOutlet=\"$any(cell.dateCellRender); context: { $implicit: cell.value }\"> </ng-container>\n        </div>\n      }\n    </div>\n  }\n}\n" }]
         }], propDecorators: { prefixCls: [{
@@ -1244,8 +1246,9 @@ class DateTable extends CalendarTable {
     }
     chooseDate(value) {
         // Only change date not change time
-        const newValue = this.activeDate.setYear(value.getYear()).setMonth(value.getMonth()).setDate(value.getDate());
-        this.valueChange.emit(newValue);
+        const date = new TinyDate(TinyDate.createDateInTimeZone(value.getFullYear(), value.getMonth(), value.getDate(), this.activeDate?.getHours(), this.activeDate?.getMinutes(), this.activeDate?.getSeconds()));
+        this.activeDate = date.clone();
+        this.valueChange.emit(date);
     }
     makeHeadRow() {
         const weekDays = [];
@@ -1362,10 +1365,10 @@ class DateTable extends CalendarTable {
             [`${this.prefixCls}-in-range-cell`]: !!cell.isInRange
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DateTable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: DateTable, isStandalone: true, selector: "date-table", outputs: { dayHover: "dayHover" }, exportAs: ["dateTable"], usesInheritance: true, ngImport: i0, template: "<table class=\"{{ prefixCls }}-table\" cellSpacing=\"0\" role=\"grid\">\n  <thead>\n    <tr role=\"row\">\n      @if (showWeek) {\n        <th role=\"columnheader\" [title]=\"locale().week\" class=\"{{ prefixCls }}-column-header {{ prefixCls }}-week-number-header\">\n          <span class=\"{{ prefixCls }}-column-header-inner\">{{ locale().prefixWeek }}</span>\n        </th>\n      }\n      @for (cell of headRow; track $index) {\n        <th role=\"columnheader\" title=\"{{ cell.title }}\" class=\"{{ prefixCls }}-column-header\">\n          @if (prefixCls === 'thy-calendar') {\n            <span class=\"{{ prefixCls }}-column-header-inner\">{{ cell.content }}</span>\n          }\n          @if (prefixCls === 'thy-calendar-full') {\n            <span class=\"{{ prefixCls }}-column-header-inner\">{{ cell.content }}</span>\n          }\n        </th>\n      }\n    </tr>\n  </thead>\n  <tbody class=\"{{ prefixCls }}-tbody\">\n    @for (row of bodyRows; track $index) {\n      <tr [ngClass]=\"row.classMap\" role=\"row\">\n        @if (row.weekNum) {\n          <td role=\"gridcell\" class=\"{{ prefixCls }}-week-number-cell\">\n            {{ row.weekNum }}\n          </td>\n        }\n        @for (cell of row.dateCells; track $index) {\n          <td\n            role=\"gridcell\"\n            [ngClass]=\"cell.classMap\"\n            (click)=\"cell.isDisabled ? null : cell.onClick()\"\n            date-table-cell\n            [prefixCls]=\"prefixCls\"\n            [cell]=\"cell\"></td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DateTableCell, selector: "[date-table-cell]", inputs: ["prefixCls", "cell"], exportAs: ["dateTableCell"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateTable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DateTable, isStandalone: true, selector: "date-table", outputs: { dayHover: "dayHover" }, exportAs: ["dateTable"], usesInheritance: true, ngImport: i0, template: "<table class=\"{{ prefixCls }}-table\" cellSpacing=\"0\" role=\"grid\">\n  <thead>\n    <tr role=\"row\">\n      @if (showWeek) {\n        <th role=\"columnheader\" [title]=\"locale().week\" class=\"{{ prefixCls }}-column-header {{ prefixCls }}-week-number-header\">\n          <span class=\"{{ prefixCls }}-column-header-inner\">{{ locale().prefixWeek }}</span>\n        </th>\n      }\n      @for (cell of headRow; track $index) {\n        <th role=\"columnheader\" title=\"{{ cell.title }}\" class=\"{{ prefixCls }}-column-header\">\n          @if (prefixCls === 'thy-calendar') {\n            <span class=\"{{ prefixCls }}-column-header-inner\">{{ cell.content }}</span>\n          }\n          @if (prefixCls === 'thy-calendar-full') {\n            <span class=\"{{ prefixCls }}-column-header-inner\">{{ cell.content }}</span>\n          }\n        </th>\n      }\n    </tr>\n  </thead>\n  <tbody class=\"{{ prefixCls }}-tbody\">\n    @for (row of bodyRows; track $index) {\n      <tr [ngClass]=\"row.classMap\" role=\"row\">\n        @if (row.weekNum) {\n          <td role=\"gridcell\" class=\"{{ prefixCls }}-week-number-cell\">\n            {{ row.weekNum }}\n          </td>\n        }\n        @for (cell of row.dateCells; track $index) {\n          <td\n            role=\"gridcell\"\n            [ngClass]=\"cell.classMap\"\n            (click)=\"cell.isDisabled ? null : cell.onClick()\"\n            date-table-cell\n            [prefixCls]=\"prefixCls\"\n            [cell]=\"cell\"></td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DateTableCell, selector: "[date-table-cell]", inputs: ["prefixCls", "cell"], exportAs: ["dateTableCell"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DateTable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateTable, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'date-table', exportAs: 'dateTable', standalone: true, imports: [NgClass, DateTableCell], template: "<table class=\"{{ prefixCls }}-table\" cellSpacing=\"0\" role=\"grid\">\n  <thead>\n    <tr role=\"row\">\n      @if (showWeek) {\n        <th role=\"columnheader\" [title]=\"locale().week\" class=\"{{ prefixCls }}-column-header {{ prefixCls }}-week-number-header\">\n          <span class=\"{{ prefixCls }}-column-header-inner\">{{ locale().prefixWeek }}</span>\n        </th>\n      }\n      @for (cell of headRow; track $index) {\n        <th role=\"columnheader\" title=\"{{ cell.title }}\" class=\"{{ prefixCls }}-column-header\">\n          @if (prefixCls === 'thy-calendar') {\n            <span class=\"{{ prefixCls }}-column-header-inner\">{{ cell.content }}</span>\n          }\n          @if (prefixCls === 'thy-calendar-full') {\n            <span class=\"{{ prefixCls }}-column-header-inner\">{{ cell.content }}</span>\n          }\n        </th>\n      }\n    </tr>\n  </thead>\n  <tbody class=\"{{ prefixCls }}-tbody\">\n    @for (row of bodyRows; track $index) {\n      <tr [ngClass]=\"row.classMap\" role=\"row\">\n        @if (row.weekNum) {\n          <td role=\"gridcell\" class=\"{{ prefixCls }}-week-number-cell\">\n            {{ row.weekNum }}\n          </td>\n        }\n        @for (cell of row.dateCells; track $index) {\n          <td\n            role=\"gridcell\"\n            [ngClass]=\"cell.classMap\"\n            (click)=\"cell.isDisabled ? null : cell.onClick()\"\n            date-table-cell\n            [prefixCls]=\"prefixCls\"\n            [cell]=\"cell\"></td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n" }]
         }], ctorParameters: () => [], propDecorators: { dayHover: [{
@@ -1401,10 +1404,10 @@ class DecadeHeader extends CalendarHeader {
             }
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DecadeHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: DecadeHeader, isStandalone: true, selector: "decade-header", usesInheritance: true, ngImport: i0, template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative\">\n    <a\n      class=\"{{ prefixCls }}-prev-year-btn\"\n      [ngClass]=\"showSuperPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superPrevious()\"\n      [title]=\"locale().previousYear\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a\n      class=\"{{ prefixCls }}-prev-month-btn\"\n      [ngClass]=\"showPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"previous()\"\n      [title]=\"locale().previousMonth\">\n      <thy-icon thyIconName=\"angle-left\"></thy-icon>\n    </a>\n\n    <span class=\"{{ prefixCls }}-my-select\">\n      @for (selector of selectors; track $index) {\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      }\n    </span>\n\n    <a\n      class=\"{{ prefixCls }}-next-month-btn\"\n      [ngClass]=\"showNextBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"next()\"\n      [title]=\"locale().nextMonth\">\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]=\"locale().nextYear\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DecadeHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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]=\"locale().previousYear\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a\n      class=\"{{ prefixCls }}-prev-month-btn\"\n      [ngClass]=\"showPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"previous()\"\n      [title]=\"locale().previousMonth\">\n      <thy-icon thyIconName=\"angle-left\"></thy-icon>\n    </a>\n\n    <span class=\"{{ prefixCls }}-my-select\">\n      @for (selector of selectors; track $index) {\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      }\n    </span>\n\n    <a\n      class=\"{{ prefixCls }}-next-month-btn\"\n      [ngClass]=\"showNextBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"next()\"\n      [title]=\"locale().nextMonth\">\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]=\"locale().nextYear\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DecadeHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DecadeHeader, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'decade-header', standalone: true, imports: [NgClass, ThyIcon], template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative\">\n    <a\n      class=\"{{ prefixCls }}-prev-year-btn\"\n      [ngClass]=\"showSuperPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superPrevious()\"\n      [title]=\"locale().previousYear\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a\n      class=\"{{ prefixCls }}-prev-month-btn\"\n      [ngClass]=\"showPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"previous()\"\n      [title]=\"locale().previousMonth\">\n      <thy-icon thyIconName=\"angle-left\"></thy-icon>\n    </a>\n\n    <span class=\"{{ prefixCls }}-my-select\">\n      @for (selector of selectors; track $index) {\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      }\n    </span>\n\n    <a\n      class=\"{{ prefixCls }}-next-month-btn\"\n      [ngClass]=\"showNextBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"next()\"\n      [title]=\"locale().nextMonth\">\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]=\"locale().nextYear\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [] });
@@ -1477,10 +1480,10 @@ class DecadeTable extends CalendarTable {
         event.stopPropagation();
         cell.onClick();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DecadeTable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: DecadeTable, isStandalone: true, selector: "decade-table", exportAs: ["decadeTable"], usesInheritance: true, ngImport: i0, template: "<table class=\"{{ prefixCls }}-decade-panel-table\" cellSpacing=\"0\" role=\"grid\">\n  <tbody class=\"{{ prefixCls }}-decade-panel-tbody\">\n    @for (row of bodyRows; track $index) {\n      <tr role=\"row\">\n        @for (cell of row.dateCells; track $index) {\n          <td role=\"gridcell\" title=\"{{ cell.title }}\" (click)=\"cellClick($event, cell)\" [ngClass]=\"cell.classMap\">\n            <a class=\"{{ prefixCls }}-decade-panel-decade\">{{ cell.content }}</a>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DecadeTable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DecadeTable, isStandalone: true, selector: "decade-table", exportAs: ["decadeTable"], usesInheritance: true, ngImport: i0, template: "<table class=\"{{ prefixCls }}-decade-panel-table\" cellSpacing=\"0\" role=\"grid\">\n  <tbody class=\"{{ prefixCls }}-decade-panel-tbody\">\n    @for (row of bodyRows; track $index) {\n      <tr role=\"row\">\n        @for (cell of row.dateCells; track $index) {\n          <td role=\"gridcell\" title=\"{{ cell.title }}\" (click)=\"cellClick($event, cell)\" [ngClass]=\"cell.classMap\">\n            <a class=\"{{ prefixCls }}-decade-panel-decade\">{{ cell.content }}</a>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DecadeTable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DecadeTable, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'decade-table', exportAs: 'decadeTable', standalone: true, imports: [NgClass], template: "<table class=\"{{ prefixCls }}-decade-panel-table\" cellSpacing=\"0\" role=\"grid\">\n  <tbody class=\"{{ prefixCls }}-decade-panel-tbody\">\n    @for (row of bodyRows; track $index) {\n      <tr role=\"row\">\n        @for (cell of row.dateCells; track $index) {\n          <td role=\"gridcell\" title=\"{{ cell.title }}\" (click)=\"cellClick($event, cell)\" [ngClass]=\"cell.classMap\">\n            <a class=\"{{ prefixCls }}-decade-panel-decade\">{{ cell.content }}</a>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n" }]
         }], ctorParameters: () => [] });
@@ -1568,14 +1571,106 @@ class MonthTable extends CalendarTable {
             [`${this.prefixCls}-month-panel-current-cell`]: new TinyDate().getYear() === this.activeDate.getYear() && cell.value.getMonth() === new TinyDate().getMonth()
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MonthTable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: MonthTable, isStandalone: true, selector: "month-table", exportAs: ["monthTable"], usesInheritance: true, ngImport: i0, template: "<table class=\"{{ prefixCls }}-month-panel-table\" cellSpacing=\"0\" role=\"grid\">\n  <tbody class=\"{{ prefixCls }}-month-panel-tbody\">\n    @for (row of bodyRows; track trackByBodyRow($index, row)) {\n      <tr role=\"row\">\n        @for (monthCell of row.dateCells; track trackByBodyColumn($index, monthCell)) {\n          <td\n            role=\"gridcell\"\n            title=\"{{ monthCell.title }}\"\n            (click)=\"monthCellClick($event, monthCell)\"\n            [ngClass]=\"monthCell.classMap\"\n            >\n            @switch (prefixCls) {\n              @case ('thy-calendar') {\n                <div class=\"{{ prefixCls }}-month-panel-month\">{{ monthCell.content }}</div>\n              }\n            }\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonthTable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MonthTable, isStandalone: true, selector: "month-table", exportAs: ["monthTable"], usesInheritance: true, ngImport: i0, template: "<table class=\"{{ prefixCls }}-month-panel-table\" cellSpacing=\"0\" role=\"grid\">\n  <tbody class=\"{{ prefixCls }}-month-panel-tbody\">\n    @for (row of bodyRows; track trackByBodyRow($index, row)) {\n      <tr role=\"row\">\n        @for (monthCell of row.dateCells; track trackByBodyColumn($index, monthCell)) {\n          <td\n            role=\"gridcell\"\n            title=\"{{ monthCell.title }}\"\n            (click)=\"monthCellClick($event, monthCell)\"\n            [ngClass]=\"monthCell.classMap\"\n            >\n            @switch (prefixCls) {\n              @case ('thy-calendar') {\n                <div class=\"{{ prefixCls }}-month-panel-month\">{{ monthCell.content }}</div>\n              }\n            }\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MonthTable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonthTable, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'month-table', exportAs: 'monthTable', standalone: true, imports: [NgClass], template: "<table class=\"{{ prefixCls }}-month-panel-table\" cellSpacing=\"0\" role=\"grid\">\n  <tbody class=\"{{ prefixCls }}-month-panel-tbody\">\n    @for (row of bodyRows; track trackByBodyRow($index, row)) {\n      <tr role=\"row\">\n        @for (monthCell of row.dateCells; track trackByBodyColumn($index, monthCell)) {\n          <td\n            role=\"gridcell\"\n            title=\"{{ monthCell.title }}\"\n            (click)=\"monthCellClick($event, monthCell)\"\n            [ngClass]=\"monthCell.classMap\"\n            >\n            @switch (prefixCls) {\n              @case ('thy-calendar') {\n                <div class=\"{{ prefixCls }}-month-panel-month\">{{ monthCell.content }}</div>\n              }\n            }\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n" }]
         }], ctorParameters: () => [] });
 
+/**
+ * @private
+ */
+class QuarterTable extends CalendarTable {
+    constructor() {
+        super();
+        this.dateHelper = inject(DateHelperService);
+        this.MAX_ROW = 1;
+        this.MAX_COL = 4;
+    }
+    chooseQuarter(quarter) {
+        this.value = this.activeDate.setQuarter(quarter);
+        this.valueChange.emit(this.value);
+        this.render();
+    }
+    makeHeadRow() {
+        return [];
+    }
+    makeBodyRows() {
+        const quarters = [];
+        let quarterValue = 0;
+        for (let rowIndex = 0; rowIndex < this.MAX_ROW; rowIndex++) {
+            const row = {
+                dateCells: [],
+                trackByIndex: rowIndex
+            };
+            for (let colIndex = 0; colIndex < this.MAX_COL; colIndex++) {
+                const quarter = this.activeDate.setQuarter(quarterValue + 1);
+                const isDisabled = this.disabledDate ? this.disabledDate(quarter.nativeDate) : false;
+                const content = `${quarter.format('qqq')}`;
+                const cell = {
+                    trackByIndex: colIndex,
+                    value: quarter.nativeDate,
+                    isDisabled,
+                    content,
+                    title: content,
+                    classMap: null,
+                    isSelected: quarter.isSameQuarter(this.value),
+                    onClick: () => {
+                        this.chooseQuarter(quarter.getQuarter());
+                    },
+                    onMouseEnter: () => { }
+                };
+                this.addCellProperty(cell, quarter);
+                row.dateCells.push(cell);
+                quarterValue++;
+            }
+            quarters.push(row);
+        }
+        return quarters;
+    }
+    addCellProperty(cell, quarter) {
+        if (this.selectedValue?.length > 0) {
+            const [startSelected, endSelected] = this.selectedValue;
+            if (startSelected?.isSameQuarter(quarter)) {
+                cell.isSelectedStartDate = true;
+                cell.isSelected = true;
+            }
+            if (endSelected?.isSameQuarter(quarter)) {
+                cell.isSelectedEndDate = true;
+                cell.isSelected = true;
+            }
+            cell.isStartSingle = startSelected && !endSelected;
+            cell.isEndSingle = !startSelected && !!endSelected;
+            cell.isInRange = startSelected?.isBeforeQuarter(quarter) && quarter?.isBeforeQuarter(endSelected);
+        }
+        else if (quarter.isSameQuarter(this.value)) {
+            cell.isSelected = true;
+        }
+        cell.classMap = this.getClassMap(cell, quarter);
+    }
+    quarterCellClick(event, quarterCell) {
+        event.stopPropagation();
+        return quarterCell.isDisabled ? null : quarterCell.onClick();
+    }
+    getClassMap(cell, quarter) {
+        return {
+            [`${this.prefixCls}-quarter-panel-cell`]: true,
+            [`${this.prefixCls}-quarter-panel-cell-disabled`]: cell.isDisabled,
+            [`${this.prefixCls}-quarter-panel-selected-cell`]: cell.isSelected,
+            [`${this.prefixCls}-in-range-cell`]: !!cell.isInRange,
+            [`${this.prefixCls}-quarter-panel-current-cell`]: new TinyDate().getYear() === this.activeDate.getYear() && quarter.getQuarter() === new TinyDate().getQuarter()
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: QuarterTable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: QuarterTable, isStandalone: true, selector: "quarter-table", exportAs: ["quarterTable"], usesInheritance: true, ngImport: i0, template: "<table class=\"{{ prefixCls }}-quarter-panel-table\" cellSpacing=\"0\" role=\"grid\">\n  <tbody class=\"{{ prefixCls }}-quarter-panel-tbody\">\n    @for (row of bodyRows; track trackByBodyRow($index, row)) {\n      <tr role=\"row\">\n        @for (quarterCell of row.dateCells; track trackByBodyColumn($index, quarterCell)) {\n          <td\n            role=\"gridcell\"\n            title=\"{{ quarterCell.title }}\"\n            (click)=\"quarterCellClick($event, quarterCell)\"\n            [ngClass]=\"quarterCell.classMap\">\n            <a class=\"{{ prefixCls }}-quarter-panel-quarter\">{{ quarterCell.content }}</a>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: QuarterTable, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'quarter-table', exportAs: 'quarterTable', standalone: true, imports: [NgClass], template: "<table class=\"{{ prefixCls }}-quarter-panel-table\" cellSpacing=\"0\" role=\"grid\">\n  <tbody class=\"{{ prefixCls }}-quarter-panel-tbody\">\n    @for (row of bodyRows; track trackByBodyRow($index, row)) {\n      <tr role=\"row\">\n        @for (quarterCell of row.dateCells; track trackByBodyColumn($index, quarterCell)) {\n          <td\n            role=\"gridcell\"\n            title=\"{{ quarterCell.title }}\"\n            (click)=\"quarterCellClick($event, quarterCell)\"\n            [ngClass]=\"quarterCell.classMap\">\n            <a class=\"{{ prefixCls }}-quarter-panel-quarter\">{{ quarterCell.content }}</a>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n" }]
+        }], ctorParameters: () => [] });
+
 /**
  * @private
  */
@@ -1602,10 +1697,10 @@ class YearHeader extends CalendarHeader {
             }
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: YearHeader, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: YearHeader, isStandalone: true, selector: "year-header", usesInheritance: true, ngImport: i0, template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative\">\n    <a\n      class=\"{{ prefixCls }}-prev-year-btn\"\n      [ngClass]=\"showSuperPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superPrevious()\"\n      [title]=\"locale().previousYear\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a\n      class=\"{{ prefixCls }}-prev-month-btn\"\n      [ngClass]=\"showPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"previous()\"\n      [title]=\"locale().previousMonth\">\n      <thy-icon thyIconName=\"angle-left\"></thy-icon>\n    </a>\n\n    <span class=\"{{ prefixCls }}-my-select\">\n      @for (selector of selectors; track $index) {\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      }\n    </span>\n\n    <a\n      class=\"{{ prefixCls }}-next-month-btn\"\n      [ngClass]=\"showNextBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"next()\"\n      [title]=\"locale().nextMonth\">\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]=\"locale().nextYear\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: YearHeader, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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]=\"locale().previousYear\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a\n      class=\"{{ prefixCls }}-prev-month-btn\"\n      [ngClass]=\"showPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"previous()\"\n      [title]=\"locale().previousMonth\">\n      <thy-icon thyIconName=\"angle-left\"></thy-icon>\n    </a>\n\n    <span class=\"{{ prefixCls }}-my-select\">\n      @for (selector of selectors; track $index) {\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      }\n    </span>\n\n    <a\n      class=\"{{ prefixCls }}-next-month-btn\"\n      [ngClass]=\"showNextBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"next()\"\n      [title]=\"locale().nextMonth\">\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]=\"locale().nextYear\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: YearHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: YearHeader, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'year-header', standalone: true, imports: [NgClass, ThyIcon], template: "<div class=\"{{ prefixCls }}-header\">\n  <div style=\"position: relative\">\n    <a\n      class=\"{{ prefixCls }}-prev-year-btn\"\n      [ngClass]=\"showSuperPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"superPrevious()\"\n      [title]=\"locale().previousYear\">\n      <thy-icon thyIconName=\"angle-double-left\"></thy-icon>\n    </a>\n    <a\n      class=\"{{ prefixCls }}-prev-month-btn\"\n      [ngClass]=\"showPreBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"previous()\"\n      [title]=\"locale().previousMonth\">\n      <thy-icon thyIconName=\"angle-left\"></thy-icon>\n    </a>\n\n    <span class=\"{{ prefixCls }}-my-select\">\n      @for (selector of selectors; track $index) {\n        <a class=\"{{ selector.className }}\" role=\"button\" (click)=\"selectorClick($event, selector)\" title=\"{{ selector.title || null }}\">\n          {{ selector.label }}\n        </a>\n      }\n    </span>\n\n    <a\n      class=\"{{ prefixCls }}-next-month-btn\"\n      [ngClass]=\"showNextBtn ? 'd-block' : 'd-none'\"\n      role=\"button\"\n      (click)=\"next()\"\n      [title]=\"locale().nextMonth\">\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]=\"locale().nextYear\">\n      <thy-icon thyIconName=\"angle-double-right\"></thy-icon>\n    </a>\n  </div>\n</div>\n" }]
         }] });
@@ -1696,108 +1791,16 @@ class YearTable extends CalendarTable {
             [`${this.prefixCls}-in-range-cell`]: !!cell.isInRange
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: YearTable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: YearTable, isStandalone: true, selector: "year-table", outputs: { decadePanelShow: "decadePanelShow" }, usesInheritance: true, ngImport: i0, template: "<table class=\"{{ prefixCls }}-year-panel-table\" cellSpacing=\"0\" role=\"grid\">\n  <tbody class=\"{{ prefixCls }}-year-panel-tbody\">\n    @for (row of bodyRows; track trackByBodyRow($index, row)) {\n      <tr role=\"row\">\n        @for (yearCell of row.dateCells; track trackByBodyColumn($index, yearCell)) {\n          <td\n            role=\"gridcell\"\n            title=\"{{ yearCell.title }}\"\n            (click)=\"yearCellClick($event, yearCell)\"\n            [ngClass]=\"yearCell.classMap\"\n            >\n            <a class=\"{{ prefixCls }}-year-panel-year\">{{ yearCell.content }}</a>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: YearTable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: YearTable, isStandalone: true, selector: "year-table", outputs: { decadePanelShow: "decadePanelShow" }, usesInheritance: true, ngImport: i0, template: "<table class=\"{{ prefixCls }}-year-panel-table\" cellSpacing=\"0\" role=\"grid\">\n  <tbody class=\"{{ prefixCls }}-year-panel-tbody\">\n    @for (row of bodyRows; track trackByBodyRow($index, row)) {\n      <tr role=\"row\">\n        @for (yearCell of row.dateCells; track trackByBodyColumn($index, yearCell)) {\n          <td\n            role=\"gridcell\"\n            title=\"{{ yearCell.title }}\"\n            (click)=\"yearCellClick($event, yearCell)\"\n            [ngClass]=\"yearCell.classMap\"\n            >\n            <a class=\"{{ prefixCls }}-year-panel-year\">{{ yearCell.content }}</a>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: YearTable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: YearTable, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'year-table', standalone: true, imports: [NgClass], template: "<table class=\"{{ prefixCls }}-year-panel-table\" cellSpacing=\"0\" role=\"grid\">\n  <tbody class=\"{{ prefixCls }}-year-panel-tbody\">\n    @for (row of bodyRows; track trackByBodyRow($index, row)) {\n      <tr role=\"row\">\n        @for (yearCell of row.dateCells; track trackByBodyColumn($index, yearCell)) {\n          <td\n            role=\"gridcell\"\n            title=\"{{ yearCell.title }}\"\n            (click)=\"yearCellClick($event, yearCell)\"\n            [ngClass]=\"yearCell.classMap\"\n            >\n            <a class=\"{{ prefixCls }}-year-panel-year\">{{ yearCell.content }}</a>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n" }]
         }], ctorParameters: () => [], propDecorators: { decadePanelShow: [{
                 type: Output
             }] } });
 
-/**
- * @private
- */
-class QuarterTable extends CalendarTable {
-    constructor() {
-        super();
-        this.dateHelper = inject(DateHelperService);
-        this.MAX_ROW = 1;
-        this.MAX_COL = 4;
-    }
-    chooseQuarter(quarter) {
-        this.value = this.activeDate.setQuarter(quarter);
-        this.valueChange.emit(this.value);
-        this.render();
-    }
-    makeHeadRow() {
-        return [];
-    }
-    makeBodyRows() {
-        const quarters = [];
-        let quarterValue = 0;
-        for (let rowIndex = 0; rowIndex < this.MAX_ROW; rowIndex++) {
-            const row = {
-                dateCells: [],
-                trackByIndex: rowIndex
-            };
-            for (let colIndex = 0; colIndex < this.MAX_COL; colIndex++) {
-                const quarter = this.activeDate.setQuarter(quarterValue + 1);
-                const isDisabled = this.disabledDate ? this.disabledDate(quarter.nativeDate) : false;
-                const content = `${quarter.format('qqq')}`;
-                const cell = {
-                    trackByIndex: colIndex,
-                    value: quarter.nativeDate,
-                    isDisabled,
-                    content,
-                    title: content,
-                    classMap: null,
-                    isSelected: quarter.isSameQuarter(this.value),
-                    onClick: () => {
-                        this.chooseQuarter(quarter.getQuarter());
-                    },
-                    onMouseEnter: () => { }
-                };
-                this.addCellProperty(cell, quarter);
-                row.dateCells.push(cell);
-                quarterValue++;
-            }
-            quarters.push(row);
-        }
-        return quarters;
-    }
-    addCellProperty(cell, quarter) {
-        if (this.selectedValue?.length > 0) {
-            const [startSelected, endSelected] = this.selectedValue;
-            if (startSelected?.isSameQuarter(quarter)) {
-                cell.isSelectedStartDate = true;
-                cell.isSelected = true;
-            }
-            if (endSelected?.isSameQuarter(quarter)) {
-                cell.isSelectedEndDate = true;
-                cell.isSelected = true;
-            }
-            cell.isStartSingle = startSelected && !endSelected;
-            cell.isEndSingle = !startSelected && !!endSelected;
-            cell.isInRange = startSelected?.isBeforeQuarter(quarter) && quarter?.isBeforeQuarter(endSelected);
-        }
-        else if (quarter.isSameQuarter(this.value)) {
-            cell.isSelected = true;
-        }
-        cell.classMap = this.getClassMap(cell, quarter);
-    }
-    quarterCellClick(event, quarterCell) {
-        event.stopPropagation();
-        return quarterCell.isDisabled ? null : quarterCell.onClick();
-    }
-    getClassMap(cell, quarter) {
-        return {
-            [`${this.prefixCls}-quarter-panel-cell`]: true,
-            [`${this.prefixCls}-quarter-panel-cell-disabled`]: cell.isDisabled,
-            [`${this.prefixCls}-quarter-panel-selected-cell`]: cell.isSelected,
-            [`${this.prefixCls}-in-range-cell`]: !!cell.isInRange,
-            [`${this.prefixCls}-quarter-panel-current-cell`]: new TinyDate().getYear() === this.activeDate.getYear() && quarter.getQuarter() === new TinyDate().getQuarter()
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: QuarterTable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: QuarterTable, isStandalone: true, selector: "quarter-table", exportAs: ["quarterTable"], usesInheritance: true, ngImport: i0, template: "<table class=\"{{ prefixCls }}-quarter-panel-table\" cellSpacing=\"0\" role=\"grid\">\n  <tbody class=\"{{ prefixCls }}-quarter-panel-tbody\">\n    @for (row of bodyRows; track trackByBodyRow($index, row)) {\n      <tr role=\"row\">\n        @for (quarterCell of row.dateCells; track trackByBodyColumn($index, quarterCell)) {\n          <td\n            role=\"gridcell\"\n            title=\"{{ quarterCell.title }}\"\n            (click)=\"quarterCellClick($event, quarterCell)\"\n            [ngClass]=\"quarterCell.classMap\">\n            <a class=\"{{ prefixCls }}-quarter-panel-quarter\">{{ quarterCell.content }}</a>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: QuarterTable, decorators: [{
-            type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'quarter-table', exportAs: 'quarterTable', standalone: true, imports: [NgClass], template: "<table class=\"{{ prefixCls }}-quarter-panel-table\" cellSpacing=\"0\" role=\"grid\">\n  <tbody class=\"{{ prefixCls }}-quarter-panel-tbody\">\n    @for (row of bodyRows; track trackByBodyRow($index, row)) {\n      <tr role=\"row\">\n        @for (quarterCell of row.dateCells; track trackByBodyColumn($index, quarterCell)) {\n          <td\n            role=\"gridcell\"\n            title=\"{{ quarterCell.title }}\"\n            (click)=\"quarterCellClick($event, quarterCell)\"\n            [ngClass]=\"quarterCell.classMap\">\n            <a class=\"{{ prefixCls }}-quarter-panel-quarter\">{{ quarterCell.content }}</a>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n" }]
-        }], ctorParameters: () => [] });
-
 /**
  * @private
  */
@@ -1914,10 +1917,10 @@ class InnerPopup {
             return true;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: InnerPopup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: InnerPopup, isStandalone: true, selector: "inner-popup", inputs: { showWeek: "showWeek", isRange: "isRange", activeDate: "activeDate", rangeActiveDate: "rangeActiveDate", enablePrev: "enablePrev", enableNext: "enableNext", disabledDate: "disabledDate", dateRender: "dateRender", selectedValue: "selectedValue", hoverValue: "hoverValue", panelMode: "panelMode", showDateRangeInput: ["showDateRangeInput", "showDateRangeInput", coerceBooleanProperty], partType: "partType", endPanelMode: "endPanelMode", value: "value" }, outputs: { panelModeChange: "panelModeChange", headerChange: "headerChange", selectDate: "selectDate", dayHover: "dayHover" }, host: { properties: { "class.thy-calendar-picker-inner-popup": "this.className", "class.thy-calendar-picker-inner-popup-with-range-input": "this._showDateRangeInput" } }, exportAs: ["innerPopup"], usesOnChanges: true, ngImport: i0, template: "@if (showDateRangeInput) {\n  <div class=\"{{ prefixCls }}-picker-inner-popup-range-input\">\n    <input thyInput thySize=\"sm\" [value]=\"getReadableValue(selectedValue[0])\" [placeholder]=\"locale().startDate\" />\n    <span class=\"split\"></span>\n    <input thyInput thySize=\"sm\" [value]=\"getReadableValue(selectedValue[1])\" [placeholder]=\"locale().endDate\" />\n  </div>\n}\n@switch (panelMode) {\n  @case ('decade') {\n    <div class=\"{{ prefixCls }}-decade\">\n      <decade-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'decade')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'decade')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </decade-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <decade-table [value]=\"value\" [activeDate]=\"activeDate\" (valueChange)=\"onChooseDecade($event)\"></decade-table>\n      </div>\n    </div>\n  }\n  @case ('year') {\n    <div class=\"{{ prefixCls }}-year\">\n      <year-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'year')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'year')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </year-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <year-table\n          [value]=\"value\"\n          [activeDate]=\"activeDate\"\n          [disabledDate]=\"disabledDate\"\n          (valueChange)=\"onChooseYear($event)\"\n          [selectedValue]=\"selectedValue\">\n        </year-table>\n      </div>\n    </div>\n  }\n  @case ('month') {\n    <div class=\"{{ prefixCls }}-month\">\n      <month-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'month')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'month')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </month-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <month-table\n          [value]=\"value\"\n          [activeDate]=\"activeDate\"\n          [disabledDate]=\"disabledDate\"\n          (valueChange)=\"onChooseMonth($event)\"\n          [selectedValue]=\"selectedValue\">\n        </month-table>\n      </div>\n    </div>\n  }\n  @case ('quarter') {\n    <div class=\"{{ prefixCls }}-quarter\">\n      <month-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'month')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'month')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </month-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <quarter-table\n          [value]=\"value\"\n          [activeDate]=\"activeDate\"\n          [disabledDate]=\"disabledDate\"\n          (valueChange)=\"onChooseQuarter($event)\"\n          [selectedValue]=\"selectedValue\">\n        </quarter-table>\n      </div>\n    </div>\n  }\n  @default {\n    <date-header\n      [(value)]=\"activeDate\"\n      [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'date')\"\n      [showSuperNextBtn]=\"enableSuperPrevNext('next', 'date')\"\n      [showPreBtn]=\"enablePrevNext('prev', 'date')\"\n      [showNextBtn]=\"enablePrevNext('next', 'date')\"\n      (panelModeChange)=\"panelModeChange.emit($event)\"\n      (valueChange)=\"headerChange.emit($event)\"></date-header>\n    <div class=\"{{ prefixCls }}-body\">\n      <date-table\n        [showWeek]=\"showWeek\"\n        [value]=\"value\"\n        [activeDate]=\"activeDate\"\n        (valueChange)=\"onSelectDate($event)\"\n        showWeekNumber=\"false\"\n        [disabledDate]=\"disabledDate\"\n        [cellRender]=\"dateRender\"\n        [selectedValue]=\"selectedValue\"\n        [hoverValue]=\"hoverValue\"\n        (dayHover)=\"dayHover.emit($event)\"></date-table>\n    </div>\n  }\n}\n", dependencies: [{ kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "component", type: DecadeHeader, selector: "decade-header" }, { kind: "component", type: DecadeTable, selector: "decade-table", exportAs: ["decadeTable"] }, { kind: "component", type: YearHeader, selector: "year-header" }, { kind: "component", type: YearTable, selector: "year-table", outputs: ["decadePanelShow"] }, { kind: "component", type: MonthHeader, selector: "month-header" }, { kind: "component", type: MonthTable, selector: "month-table", exportAs: ["monthTable"] }, { kind: "component", type: QuarterTable, selector: "quarter-table", exportAs: ["quarterTable"] }, { kind: "component", type: DateHeader, selector: "date-header" }, { kind: "component", type: DateTable, selector: "date-table", outputs: ["dayHover"], exportAs: ["dateTable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InnerPopup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: InnerPopup, isStandalone: true, selector: "inner-popup", inputs: { showWeek: "showWeek", isRange: "isRange", activeDate: "activeDate", rangeActiveDate: "rangeActiveDate", enablePrev: "enablePrev", enableNext: "enableNext", disabledDate: "disabledDate", dateRender: "dateRender", selectedValue: "selectedValue", hoverValue: "hoverValue", panelMode: "panelMode", showDateRangeInput: ["showDateRangeInput", "showDateRangeInput", coerceBooleanProperty], partType: "partType", endPanelMode: "endPanelMode", value: "value" }, outputs: { panelModeChange: "panelModeChange", headerChange: "headerChange", selectDate: "selectDate", dayHover: "dayHover" }, host: { properties: { "class.thy-calendar-picker-inner-popup": "this.className", "class.thy-calendar-picker-inner-popup-with-range-input": "this._showDateRangeInput" } }, exportAs: ["innerPopup"], usesOnChanges: true, ngImport: i0, template: "@if (showDateRangeInput) {\n  <div class=\"{{ prefixCls }}-picker-inner-popup-range-input\">\n    <input thyInput thySize=\"sm\" [value]=\"getReadableValue(selectedValue[0])\" [placeholder]=\"locale().startDate\" />\n    <span class=\"split\"></span>\n    <input thyInput thySize=\"sm\" [value]=\"getReadableValue(selectedValue[1])\" [placeholder]=\"locale().endDate\" />\n  </div>\n}\n@switch (panelMode) {\n  @case ('decade') {\n    <div class=\"{{ prefixCls }}-decade\">\n      <decade-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'decade')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'decade')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </decade-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <decade-table [value]=\"value\" [activeDate]=\"activeDate\" (valueChange)=\"onChooseDecade($event)\"></decade-table>\n      </div>\n    </div>\n  }\n  @case ('year') {\n    <div class=\"{{ prefixCls }}-year\">\n      <year-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'year')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'year')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </year-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <year-table\n          [value]=\"value\"\n          [activeDate]=\"activeDate\"\n          [disabledDate]=\"disabledDate\"\n          (valueChange)=\"onChooseYear($event)\"\n          [selectedValue]=\"selectedValue\">\n        </year-table>\n      </div>\n    </div>\n  }\n  @case ('month') {\n    <div class=\"{{ prefixCls }}-month\">\n      <month-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'month')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'month')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </month-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <month-table\n          [value]=\"value\"\n          [activeDate]=\"activeDate\"\n          [disabledDate]=\"disabledDate\"\n          (valueChange)=\"onChooseMonth($event)\"\n          [selectedValue]=\"selectedValue\">\n        </month-table>\n      </div>\n    </div>\n  }\n  @case ('quarter') {\n    <div class=\"{{ prefixCls }}-quarter\">\n      <month-header\n        [(value)]=\"activeDate\"\n        [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'month')\"\n        [showSuperNextBtn]=\"enableSuperPrevNext('next', 'month')\"\n        [showNextBtn]=\"false\"\n        [showPreBtn]=\"false\"\n        (panelModeChange)=\"panelModeChange.emit($event)\"\n        (valueChange)=\"headerChange.emit($event)\">\n      </month-header>\n      <div class=\"{{ prefixCls }}-body\">\n        <quarter-table\n          [value]=\"value\"\n          [activeDate]=\"activeDate\"\n          [disabledDate]=\"disabledDate\"\n          (valueChange)=\"onChooseQuarter($event)\"\n          [selectedValue]=\"selectedValue\">\n        </quarter-table>\n      </div>\n    </div>\n  }\n  @default {\n    <date-header\n      [(value)]=\"activeDate\"\n      [showSuperPreBtn]=\"enableSuperPrevNext('prev', 'date')\"\n      [showSuperNextBtn]=\"enableSuperPrevNext('next', 'date')\"\n      [showPreBtn]=\"enablePrevNext('prev', 'date')\"\n      [showNextBtn]=\"enablePrevNext('next', 'date')\"\n      (panelModeChange)=\"panelModeChange.emit($event)\"\n      (valueChange)=\"headerChange.emit($event)\"></date-header>\n    <div class=\"{{ prefixCls }}-body\">\n      <date-table\n        [showWeek]=\"showWeek\"\n        [value]=\"value\"\n        [activeDate]=\"activeDate\"\n        (valueChange)=\"onSelectDate($event)\"\n        showWeekNumber=\"false\"\n        [disabledDate]=\"disabledDate\"\n        [cellRender]=\"dateRender\"\n        [selectedValue]=\"selectedValue\"\n        [hoverValue]=\"hoverValue\"\n        (dayHover)=\"dayHover.emit($event)\"></date-table>\n    </div>\n  }\n}\n", dependencies: [{ kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "component", type: DecadeHeader, selector: "decade-header" }, { kind: "component", type: DecadeTable, selector: "decade-table", exportAs: ["decadeTable"] }, { kind: "component", type: YearHeader, selector: "year-header" }, { kind: "component", type: YearTable, selector: "year-table", outputs: ["decadePanelShow"] }, { kind: "component", type: MonthHeader, selector: "month-header" }, { kind: "component", type: MonthTable, selector: "month-table", exportAs: ["monthTable"] }, { kind: "component", type: QuarterTable, selector: "quarter-table", exportAs: ["quarterTable"] }, { kind: "component", type: DateHeader, selector: "date-header" }, { kind: "component", type: DateTable, selector: "date-table", outputs: ["dayHover"], exportAs: ["dateTable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: InnerPopup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InnerPopup, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'inner-popup', exportAs: 'innerPopup', standalone: true, imports: [
                         ThyInputDirective,
@@ -2236,7 +2239,7 @@ class DatePopup {
             if ((!left && !right) || (left && right)) {
                 // If totally full or empty, clean up && re-assign left first
                 this.hoverValue = this.selectedValue = [value];
-                this.selectedValue = [new TinyDate(startOfDay(this.selectedValue[0].nativeDate))];
+                this.selectedValue = [this.selectedValue[0].startOfDay()];
                 this.calendarChange.emit([this.selectedValue[0].clone()]);
             }
             else if (left && !right) {
@@ -2264,19 +2267,19 @@ class DatePopup {
     getSelectedRangeValueByMode(value) {
         const panelMode = this.getPanelMode(this.endPanelMode);
         if (panelMode === 'year') {
-            return [new TinyDate(startOfYear(value[0].nativeDate)), new TinyDate(endOfYear(value[1].nativeDate))];
+            return [value[0].startOfYear(), value[1].endOfYear()];
         }
         else if (panelMode === 'quarter') {
-            return [new TinyDate(startOfQuarter(value[0].nativeDate)), new TinyDate(endOfQuarter(value[1].nativeDate))];
+            return [value[0].startOfQuarter(), value[1].endOfQuarter()];
         }
         else if (panelMode === 'month') {
-            return [new TinyDate(startOfMonth(value[0].nativeDate)), new TinyDate(endOfMonth(value[1].nativeDate))];
+            return [value[0].startOfMonth(), value[1].endOfMonth()];
         }
         else if (panelMode === 'week') {
-            return [new TinyDate(startOfISOWeek(value[0].nativeDate)), new TinyDate(endOfISOWeek(value[1].nativeDate))];
+            return [value[0].startOfISOWeek(), value[1].endOfISOWeek()];
         }
         else {
-            return [new TinyDate(startOfDay(value[0].nativeDate)), new TinyDate(endOfDay(value[1].nativeDate))];
+            return [value[0].startOfDay(), value[1].endOfDay()];
         }
     }
     updateHourMinute(value) {
@@ -2445,15 +2448,16 @@ class DatePopup {
             const end = getShortcutValue(value[1]);
             if (begin && end) {
                 this.selectedValue = this.getSelectedShortcutPreset([
-                    new TinyDate(startOfDay(begin)),
-                    new TinyDate(endOfDay(end))
+                    new TinyDate(begin).startOfDay(),
+                    new TinyDate(end).endOfDay()
                 ]);
                 selectedPresetValue = this.cloneRangeDate(this.selectedValue);
             }
         }
         else {
-            const singleDate = getShortcutValue(value);
-            const singleTinyDate = this.updateHourMinute(new TinyDate(singleDate));
+            const originDate = this.value;
+            const zonedTime = this.createInZoneTime(new TinyDate(getShortcutValue(value)), originDate?.getHours() ?? 0, originDate?.getMinutes() ?? 0, originDate?.getSeconds() ?? 0);
+            const singleTinyDate = this.updateHourMinute(new TinyDate(zonedTime));
             selectedPresetValue = this.getSelectedShortcutPreset(singleTinyDate);
         }
         this.setValue(selectedPresetValue);
@@ -2466,10 +2470,13 @@ class DatePopup {
             this.updateActiveDate();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatePopup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: DatePopup, isStandalone: true, selector: "date-popup", inputs: { isRange: "isRange", showWeek: "showWeek", format: "format", disabledDate: "disabledDate", minDate: "minDate", maxDate: "maxDate", showToday: "showToday", showTime: "showTime", mustShowTime: "mustShowTime", dateRender: "dateRender", className: "className", panelMode: "panelMode", value: "value", defaultPickerValue: "defaultPickerValue", showShortcut: "showShortcut", shortcutPresets: "shortcutPresets", shortcutPosition: "shortcutPosition", flexible: "flexible", flexibleDateGranularity: "flexibleDateGranularity", timestampPrecision: "timestampPrecision" }, outputs: { panelModeChange: "panelModeChange", calendarChange: "calendarChange", valueChange: "valueChange", resultOk: "resultOk", showTimePickerChange: "showTimePickerChange", dateValueChange: "dateValueChange" }, exportAs: ["datePopup"], usesOnChanges: true, ngImport: i0, template: "<div class=\"{{ prefixCls }}-picker-container {{ className }}\">\n  <div\n    class=\"{{ prefixCls }} {{ showWeek ? prefixCls + '-week-number' : '' }}\n     {{ isRange ? prefixCls + '-range' : '' }} {{ prefixCls }}-picker-shortcut-{{ shortcutPosition === 'left' ? 'left' : 'bottom' }}\">\n    @if (showShortcut) {\n      <div class=\"{{ prefixCls }}-picker-shortcut\">\n        @for (item of innerShortcutPresets; track $index) {\n          <div class=\"{{ prefixCls }}-picker-shortcut-item\" [class.disabled]=\"item.disabled\" (click)=\"shortcutSetValue(item)\">\n            {{ item.title }}\n          </div>\n        }\n      </div>\n    }\n    <div class=\"{{ prefixCls }}-panel\">\n      <div class=\"{{ prefixCls }}-date-panel\">\n        @if (flexible) {\n          <div class=\"{{ prefixCls }}-date-panel-flexible\">\n            <div class=\"{{ prefixCls }}-date-panel-flexible-tab\">\n              <thy-nav thyType=\"pulled\" thySize=\"sm\">\n                <a href=\"javascript:;\" thyNavLink [thyNavLinkActive]=\"flexibleActiveTab === 'advanced'\" (click)=\"selectTab('advanced')\">{{\n                  locale().advance\n                }}</a>\n                <a href=\"javascript:;\" thyNavLink [thyNavLinkActive]=\"flexibleActiveTab === 'custom'\" (click)=\"selectTab('custom')\">{{\n                  locale().custom\n                }}</a>\n              </thy-nav>\n              <button thyButtonIcon=\"sweep\" thySize=\"sm\" class=\"clear-date-button\" (click)=\"clearFlexibleValue()\"></button>\n            </div>\n            <ng-container>\n              <div class=\"{{ prefixCls }}-date-panel-advanced\" [hidden]=\"flexibleActiveTab !== 'advanced'\">\n                <date-carousel\n                  name=\"dateCarousel\"\n                  (ngModelChange)=\"changeValueFromAdvancedSelect($event)\"\n                  [(ngModel)]=\"advancedSelectedValue\"\n                  [activeDate]=\"selectedValue[0]\"></date-carousel>\n              </div>\n            </ng-container>\n            <div [hidden]=\"flexibleActiveTab !== 'custom'\">\n              <ng-container *ngTemplateOutlet=\"tplInnerPopup\"></ng-container>\n            </div>\n          </div>\n        } @else {\n          @if (isRange) {\n            <ng-container *ngTemplateOutlet=\"tplRangePart; context: { partType: 'left' }\"></ng-container>\n            <ng-container *ngTemplateOutlet=\"tplRangePart; context: { partType: 'right' }\"></ng-container>\n          } @else {\n            <div>\n              <ng-container *ngTemplateOutlet=\"tplInnerPopup\"></ng-container>\n            </div>\n          }\n          @if (!isRange) {\n            <ng-container *ngTemplateOutlet=\"tplFooter\"></ng-container>\n          }\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #tplInnerPopup let-partType=\"partType\">\n  <inner-popup\n    [showWeek]=\"showWeek\"\n    [isRange]=\"isRange\"\n    [panelMode]=\"getPanelMode(panelMode, partType)\"\n    [endPanelMode]=\"getPanelMode(endPanelMode, partType)\"\n    [partType]=\"partType\"\n    [showDateRangeInput]=\"flexible && flexibleActiveTab === 'custom'\"\n    (panelModeChange)=\"onPanelModeChange($event, partType)\"\n    [value]=\"getValueBySelector(partType)\"\n    [selectedValue]=\"selectedValue\"\n    [activeDate]=\"getActiveDate(partType)\"\n    [rangeActiveDate]=\"activeDate\"\n    [disabledDate]=\"disabledDate\"\n    [dateRender]=\"dateRender\"\n    [hoverValue]=\"hoverValue\"\n    [enablePrev]=\"enablePrevNext('prev', partType)\"\n    [enableNext]=\"enablePrevNext('next', partType)\"\n    (dayHover)=\"onDayHover($event)\"\n    (selectDate)=\"changeValueFromSelect($event, partType)\"\n    (headerChange)=\"onHeaderChange($event, partType)\"></inner-popup>\n</ng-template>\n\n<ng-template #tplFooter>\n  <calendar-footer\n    [showTime]=\"showTime\"\n    [mustShowTime]=\"mustShowTime\"\n    [value]=\"value\"\n    [disableTimeConfirm]=\"disableTimeConfirm\"\n    (showTimePickerChange)=\"onShowTimePickerChange($event)\"\n    (selectTime)=\"onSelectTime($event)\"\n    (clickOk)=\"onClickOk()\"\n    (clickRemove)=\"onClickRemove()\"></calendar-footer>\n</ng-template>\n\n<!-- Single ONLY -->\n\n<!-- Range ONLY -->\n<ng-template #tplRangePart let-partType=\"partType\">\n  <div class=\"{{ prefixCls }}-range-part {{ prefixCls }}-range-{{ partType }}\">\n    <div style=\"outline: none\">\n      <ng-container *ngTemplateOutlet=\"tplInnerPopup; context: { partType: partType }\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: ThyNav, selector: "thy-nav", inputs: ["thyType", "thySize", "thyHorizontal", "thyVertical", "thyFill", "thyResponsive", "thyPauseReCalculate", "thyInsideClosable", "thyPopoverOptions", "thyExtra"] }, { kind: "directive", type: ThyNavItemDirective, selector: "[thyNavLink],[thyNavItem]", inputs: ["id", "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 }); }
+    createInZoneTime(date, hours, minutes, seconds) {
+        return TinyDate.createDateInTimeZone(date.getYear(), date.getMonth(), date.getDate(), hours, minutes, seconds);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DatePopup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DatePopup, isStandalone: true, selector: "date-popup", inputs: { isRange: "isRange", showWeek: "showWeek", format: "format", disabledDate: "disabledDate", minDate: "minDate", maxDate: "maxDate", showToday: "showToday", showTime: "showTime", mustShowTime: "mustShowTime", dateRender: "dateRender", className: "className", panelMode: "panelMode", value: "value", defaultPickerValue: "defaultPickerValue", showShortcut: "showShortcut", shortcutPresets: "shortcutPresets", shortcutPosition: "shortcutPosition", flexible: "flexible", flexibleDateGranularity: "flexibleDateGranularity", timestampPrecision: "timestampPrecision" }, outputs: { panelModeChange: "panelModeChange", calendarChange: "calendarChange", valueChange: "valueChange", resultOk: "resultOk", showTimePickerChange: "showTimePickerChange", dateValueChange: "dateValueChange" }, exportAs: ["datePopup"], usesOnChanges: true, ngImport: i0, template: "<div class=\"{{ prefixCls }}-picker-container {{ className }}\">\n  <div\n    class=\"{{ prefixCls }} {{ showWeek ? prefixCls + '-week-number' : '' }}\n     {{ isRange ? prefixCls + '-range' : '' }} {{ prefixCls }}-picker-shortcut-{{ shortcutPosition === 'left' ? 'left' : 'bottom' }}\">\n    @if (showShortcut) {\n      <div class=\"{{ prefixCls }}-picker-shortcut\">\n        @for (item of innerShortcutPresets; track $index) {\n          <div class=\"{{ prefixCls }}-picker-shortcut-item\" [class.disabled]=\"item.disabled\" (click)=\"shortcutSetValue(item)\">\n            {{ item.title }}\n          </div>\n        }\n      </div>\n    }\n    <div class=\"{{ prefixCls }}-panel\">\n      <div class=\"{{ prefixCls }}-date-panel\">\n        @if (flexible) {\n          <div class=\"{{ prefixCls }}-date-panel-flexible\">\n            <div class=\"{{ prefixCls }}-date-panel-flexible-tab\">\n              <thy-nav thyType=\"pulled\" thySize=\"sm\">\n                <a href=\"javascript:;\" thyNavLink [thyNavLinkActive]=\"flexibleActiveTab === 'advanced'\" (click)=\"selectTab('advanced')\">{{\n                  locale().advance\n                }}</a>\n                <a href=\"javascript:;\" thyNavLink [thyNavLinkActive]=\"flexibleActiveTab === 'custom'\" (click)=\"selectTab('custom')\">{{\n                  locale().custom\n                }}</a>\n              </thy-nav>\n              <button thyButtonIcon=\"sweep\" thySize=\"sm\" class=\"clear-date-button\" (click)=\"clearFlexibleValue()\"></button>\n            </div>\n            <ng-container>\n              <div class=\"{{ prefixCls }}-date-panel-advanced\" [hidden]=\"flexibleActiveTab !== 'advanced'\">\n                <date-carousel\n                  name=\"dateCarousel\"\n                  (ngModelChange)=\"changeValueFromAdvancedSelect($event)\"\n                  [(ngModel)]=\"advancedSelectedValue\"\n                  [activeDate]=\"selectedValue[0]\"></date-carousel>\n              </div>\n            </ng-container>\n            <div [hidden]=\"flexibleActiveTab !== 'custom'\">\n              <ng-container *ngTemplateOutlet=\"tplInnerPopup\"></ng-container>\n            </div>\n          </div>\n        } @else {\n          @if (isRange) {\n            <ng-container *ngTemplateOutlet=\"tplRangePart; context: { partType: 'left' }\"></ng-container>\n            <ng-container *ngTemplateOutlet=\"tplRangePart; context: { partType: 'right' }\"></ng-container>\n          } @else {\n            <div>\n              <ng-container *ngTemplateOutlet=\"tplInnerPopup\"></ng-container>\n            </div>\n          }\n          @if (!isRange) {\n            <ng-container *ngTemplateOutlet=\"tplFooter\"></ng-container>\n          }\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #tplInnerPopup let-partType=\"partType\">\n  <inner-popup\n    [showWeek]=\"showWeek\"\n    [isRange]=\"isRange\"\n    [panelMode]=\"getPanelMode(panelMode, partType)\"\n    [endPanelMode]=\"getPanelMode(endPanelMode, partType)\"\n    [partType]=\"partType\"\n    [showDateRangeInput]=\"flexible && flexibleActiveTab === 'custom'\"\n    (panelModeChange)=\"onPanelModeChange($event, partType)\"\n    [value]=\"getValueBySelector(partType)\"\n    [selectedValue]=\"selectedValue\"\n    [activeDate]=\"getActiveDate(partType)\"\n    [rangeActiveDate]=\"activeDate\"\n    [disabledDate]=\"disabledDate\"\n    [dateRender]=\"dateRender\"\n    [hoverValue]=\"hoverValue\"\n    [enablePrev]=\"enablePrevNext('prev', partType)\"\n    [enableNext]=\"enablePrevNext('next', partType)\"\n    (dayHover)=\"onDayHover($event)\"\n    (selectDate)=\"changeValueFromSelect($event, partType)\"\n    (headerChange)=\"onHeaderChange($event, partType)\"></inner-popup>\n</ng-template>\n\n<ng-template #tplFooter>\n  <calendar-footer\n    [showTime]=\"showTime\"\n    [mustShowTime]=\"mustShowTime\"\n    [value]=\"value\"\n    [disableTimeConfirm]=\"disableTimeConfirm\"\n    (showTimePickerChange)=\"onShowTimePickerChange($event)\"\n    (selectTime)=\"onSelectTime($event)\"\n    (clickOk)=\"onClickOk()\"\n    (clickRemove)=\"onClickRemove()\"></calendar-footer>\n</ng-template>\n\n<!-- Single ONLY -->\n\n<!-- Range ONLY -->\n<ng-template #tplRangePart let-partType=\"partType\">\n  <div class=\"{{ prefixCls }}-range-part {{ prefixCls }}-range-{{ partType }}\">\n    <div style=\"outline: none\">\n      <ng-container *ngTemplateOutlet=\"tplInnerPopup; context: { partType: partType }\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: ThyNav, selector: "thy-nav", inputs: ["thyType", "thySize", "thyHorizontal", "thyVertical", "thyFill", "thyResponsive", "thyPauseReCalculate", "thyInsideClosable", "thyPopoverOptions", "thyExtra"] }, { kind: "directive", type: ThyNavItemDirective, selector: "[thyNavLink],[thyNavItem]", inputs: ["id", "thyNavItemActive", "thyNavLinkActive", "thyNavItemDisabled"] }, { kind: "component", type: ThyButtonIcon, selector: "thy-button-icon,[thy-button-icon],[thyButtonIcon]", inputs: ["thySize", "thyIcon", "thyButtonIcon", "thyShape", "thyLight", "thyActive", "thyTheme", "thyColor"] }, { kind: "component", type: DateCarousel, selector: "date-carousel", inputs: ["activeDate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: InnerPopup, selector: "inner-popup", inputs: ["showWeek", "isRange", "activeDate", "rangeActiveDate", "enablePrev", "enableNext", "disabledDate", "dateRender", "selectedValue", "hoverValue", "panelMode", "showDateRangeInput", "partType", "endPanelMode", "value"], outputs: ["panelModeChange", "headerChange", "selectDate", "dayHover"], exportAs: ["innerPopup"] }, { kind: "component", type: CalendarFooter, selector: "calendar-footer", inputs: ["showTime", "mustShowTime", "value", "disableTimeConfirm"], outputs: ["selectTime", "clickOk", "clickRemove", "showTimePickerChange"], exportAs: ["calendarFooter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatePopup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DatePopup, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'date-popup', exportAs: 'datePopup', standalone: true, imports: [ThyNav, ThyNavItemDirective, ThyButtonIcon, DateCarousel, FormsModule, NgTemplateOutlet, InnerPopup, CalendarFooter], template: "<div class=\"{{ prefixCls }}-picker-container {{ className }}\">\n  <div\n    class=\"{{ prefixCls }} {{ showWeek ? prefixCls + '-week-number' : '' }}\n     {{ isRange ? prefixCls + '-range' : '' }} {{ prefixCls }}-picker-shortcut-{{ shortcutPosition === 'left' ? 'left' : 'bottom' }}\">\n    @if (showShortcut) {\n      <div class=\"{{ prefixCls }}-picker-shortcut\">\n        @for (item of innerShortcutPresets; track $index) {\n          <div class=\"{{ prefixCls }}-picker-shortcut-item\" [class.disabled]=\"item.disabled\" (click)=\"shortcutSetValue(item)\">\n            {{ item.title }}\n          </div>\n        }\n      </div>\n    }\n    <div class=\"{{ prefixCls }}-panel\">\n      <div class=\"{{ prefixCls }}-date-panel\">\n        @if (flexible) {\n          <div class=\"{{ prefixCls }}-date-panel-flexible\">\n            <div class=\"{{ prefixCls }}-date-panel-flexible-tab\">\n              <thy-nav thyType=\"pulled\" thySize=\"sm\">\n                <a href=\"javascript:;\" thyNavLink [thyNavLinkActive]=\"flexibleActiveTab === 'advanced'\" (click)=\"selectTab('advanced')\">{{\n                  locale().advance\n                }}</a>\n                <a href=\"javascript:;\" thyNavLink [thyNavLinkActive]=\"flexibleActiveTab === 'custom'\" (click)=\"selectTab('custom')\">{{\n                  locale().custom\n                }}</a>\n              </thy-nav>\n              <button thyButtonIcon=\"sweep\" thySize=\"sm\" class=\"clear-date-button\" (click)=\"clearFlexibleValue()\"></button>\n            </div>\n            <ng-container>\n              <div class=\"{{ prefixCls }}-date-panel-advanced\" [hidden]=\"flexibleActiveTab !== 'advanced'\">\n                <date-carousel\n                  name=\"dateCarousel\"\n                  (ngModelChange)=\"changeValueFromAdvancedSelect($event)\"\n                  [(ngModel)]=\"advancedSelectedValue\"\n                  [activeDate]=\"selectedValue[0]\"></date-carousel>\n              </div>\n            </ng-container>\n            <div [hidden]=\"flexibleActiveTab !== 'custom'\">\n              <ng-container *ngTemplateOutlet=\"tplInnerPopup\"></ng-container>\n            </div>\n          </div>\n        } @else {\n          @if (isRange) {\n            <ng-container *ngTemplateOutlet=\"tplRangePart; context: { partType: 'left' }\"></ng-container>\n            <ng-container *ngTemplateOutlet=\"tplRangePart; context: { partType: 'right' }\"></ng-container>\n          } @else {\n            <div>\n              <ng-container *ngTemplateOutlet=\"tplInnerPopup\"></ng-container>\n            </div>\n          }\n          @if (!isRange) {\n            <ng-container *ngTemplateOutlet=\"tplFooter\"></ng-container>\n          }\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #tplInnerPopup let-partType=\"partType\">\n  <inner-popup\n    [showWeek]=\"showWeek\"\n    [isRange]=\"isRange\"\n    [panelMode]=\"getPanelMode(panelMode, partType)\"\n    [endPanelMode]=\"getPanelMode(endPanelMode, partType)\"\n    [partType]=\"partType\"\n    [showDateRangeInput]=\"flexible && flexibleActiveTab === 'custom'\"\n    (panelModeChange)=\"onPanelModeChange($event, partType)\"\n    [value]=\"getValueBySelector(partType)\"\n    [selectedValue]=\"selectedValue\"\n    [activeDate]=\"getActiveDate(partType)\"\n    [rangeActiveDate]=\"activeDate\"\n    [disabledDate]=\"disabledDate\"\n    [dateRender]=\"dateRender\"\n    [hoverValue]=\"hoverValue\"\n    [enablePrev]=\"enablePrevNext('prev', partType)\"\n    [enableNext]=\"enablePrevNext('next', partType)\"\n    (dayHover)=\"onDayHover($event)\"\n    (selectDate)=\"changeValueFromSelect($event, partType)\"\n    (headerChange)=\"onHeaderChange($event, partType)\"></inner-popup>\n</ng-template>\n\n<ng-template #tplFooter>\n  <calendar-footer\n    [showTime]=\"showTime\"\n    [mustShowTime]=\"mustShowTime\"\n    [value]=\"value\"\n    [disableTimeConfirm]=\"disableTimeConfirm\"\n    (showTimePickerChange)=\"onShowTimePickerChange($event)\"\n    (selectTime)=\"onSelectTime($event)\"\n    (clickOk)=\"onClickOk()\"\n    (clickRemove)=\"onClickRemove()\"></calendar-footer>\n</ng-template>\n\n<!-- Single ONLY -->\n\n<!-- Range ONLY -->\n<ng-template #tplRangePart let-partType=\"partType\">\n  <div class=\"{{ prefixCls }}-range-part {{ prefixCls }}-range-{{ partType }}\">\n    <div style=\"outline: none\">\n      <ng-container *ngTemplateOutlet=\"tplInnerPopup; context: { partType: partType }\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n" }]
         }], propDecorators: { isRange: [{
@@ -2527,8 +2534,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
             }] } });
 
 class LibPackerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: LibPackerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: LibPackerModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibPackerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: LibPackerModule, imports: [CommonModule,
             FormsModule,
             ThyButtonModule,
             ThyIconModule,
@@ -2563,7 +2570,7 @@ class LibPackerModule {
             DatePopup,
             DateTableCell,
             DateCarousel] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: LibPackerModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibPackerModule, imports: [CommonModule,
             FormsModule,
             ThyButtonModule,
             ThyIconModule,
@@ -2579,7 +2586,7 @@ class LibPackerModule {
             DatePopup,
             DateCarousel] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: LibPackerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibPackerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2712,7 +2719,7 @@ class ThyPicker {
         if (this.readonlyState) {
             return;
         }
-        this.valueChange.emit(this.pickerInput.nativeElement.value || this.getReadableValue(new TinyDate(new Date())));
+        this.valueChange.emit(this.pickerInput.nativeElement.value || this.getReadableValue(new TinyDate()));
         this.entering = false;
     }
     showOverlay() {
@@ -2823,10 +2830,10 @@ class ThyPicker {
         }
         this.pickerInput.nativeElement.value = readableValue;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyPicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyPicker, isStandalone: true, selector: "thy-picker", inputs: { isRange: "isRange", open: "open", disabled: "disabled", placeholder: "placeholder", readonly: "readonly", allowClear: "allowClear", autoFocus: "autoFocus", className: "className", size: "size", suffixIcon: "suffixIcon", placement: "placement", flexible: "flexible", mode: "mode", hasBackdrop: ["hasBackdrop", "hasBackdrop", coerceBooleanProperty], format: "format", flexibleDateGranularity: "flexibleDateGranularity", value: "value" }, outputs: { blur: "blur", valueChange: "valueChange", openChange: "openChange", inputChange: "inputChange" }, viewQueries: [{ propertyName: "origin", first: true, predicate: ["origin"], descendants: true, static: true }, { propertyName: "cdkConnectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true, static: true }, { propertyName: "pickerInput", first: true, predicate: ["pickerInput"], descendants: true, static: true }, { propertyName: "overlayContainer", first: true, predicate: ["overlayContainer"], descendants: true }], exportAs: ["thyPicker"], usesOnChanges: true, ngImport: i0, template: "<span\n  cdkOverlayOrigin\n  #origin=\"cdkOverlayOrigin\"\n  class=\"{{ prefixCls }}-picker {{ size ? prefixCls + '-picker-' + size : '' }} {{ className }}\"\n  (click)=\"onClickInputBox()\">\n  <ng-container>\n    <input\n      #pickerInput\n      thyInput\n      class=\"form-control-{{ size }} form-control {{ prefixCls }}-picker-input\"\n      [ngClass]=\"{ 'panel-is-opened': realOpenState }\"\n      [thySize]=\"size\"\n      [tabindex]=\"-1\"\n      [class.thy-input-disabled]=\"disabled\"\n      [class.thy-input-readonly]=\"readonly\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonlyState\"\n      (blur)=\"onBlur($event)\"\n      (input)=\"onInput($event)\"\n      placeholder=\"{{ getPlaceholder() }}\"\n      thyEnter\n      (thyEnter)=\"onEnter()\" />\n    <ng-container *ngTemplateOutlet=\"tplRightRest\"></ng-container>\n  </ng-container>\n</span>\n\n<!-- Right operator icons -->\n<ng-template #tplRightRest>\n  <span class=\"{{ prefixCls }}-picker-clear\">\n    @if (!disabled && !isEmptyValue(value) && allowClear && !readonly) {\n      <thy-icon\n        thyIconName=\"close-circle-bold-fill\"\n        (click)=\"onClickClear($event)\"\n      ngClass=\"remove-link remove-link-{{ size }}\"></thy-icon>\n    }\n  </span>\n  <span class=\"{{ prefixCls }}-picker-icon\">\n    <thy-icon [thyIconName]=\"suffixIcon\" ngClass=\"remove-link-{{ size ? size : 'default' }}\"></thy-icon>\n  </span>\n</ng-template>\n\n<!-- Overlay -->\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"origin\"\n  [cdkConnectedOverlayOpen]=\"realOpenState\"\n  [cdkConnectedOverlayHasBackdrop]=\"hasBackdrop\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  cdkConnectedOverlayTransformOriginOn=\".thy-picker-container\"\n  (positionChange)=\"onPositionChange($event)\"\n  (backdropClick)=\"onClickBackdrop()\"\n  (detach)=\"onOverlayDetach()\">\n  <div\n    #overlayContainer\n    style=\"position: relative\"\n    class=\"thy-picker-container\"\n    [@scaleXMotion]=\"placement === 'left' || placement === 'right' ? 'enter' : 'void'\"\n    [@scaleYMotion]=\"placement === 'top' || placement === 'bottom' ? 'enter' : 'void'\"\n    [@scaleMotion]=\"placement !== 'left' && placement !== 'right' && placement !== 'top' && placement !== 'bottom' ? 'enter' : 'void'\">\n    <!-- Compatible for overlay that not support offset dynamically and immediately -->\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "directive", type: ThyEnterDirective, selector: "[thyEnter]", outputs: ["thyEnter"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }], animations: [scaleXMotion, scaleYMotion, scaleMotion], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyPicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ThyPicker, isStandalone: true, selector: "thy-picker", inputs: { isRange: "isRange", open: "open", disabled: "disabled", placeholder: "placeholder", readonly: "readonly", allowClear: "allowClear", autoFocus: "autoFocus", className: "className", size: "size", suffixIcon: "suffixIcon", placement: "placement", flexible: "flexible", mode: "mode", hasBackdrop: ["hasBackdrop", "hasBackdrop", coerceBooleanProperty], format: "format", flexibleDateGranularity: "flexibleDateGranularity", value: "value" }, outputs: { blur: "blur", valueChange: "valueChange", openChange: "openChange", inputChange: "inputChange" }, viewQueries: [{ propertyName: "origin", first: true, predicate: ["origin"], descendants: true, static: true }, { propertyName: "cdkConnectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true, static: true }, { propertyName: "pickerInput", first: true, predicate: ["pickerInput"], descendants: true, static: true }, { propertyName: "overlayContainer", first: true, predicate: ["overlayContainer"], descendants: true }], exportAs: ["thyPicker"], usesOnChanges: true, ngImport: i0, template: "<span\n  cdkOverlayOrigin\n  #origin=\"cdkOverlayOrigin\"\n  class=\"{{ prefixCls }}-picker {{ size ? prefixCls + '-picker-' + size : '' }} {{ className }}\"\n  (click)=\"onClickInputBox()\">\n  <ng-container>\n    <input\n      #pickerInput\n      thyInput\n      class=\"form-control-{{ size }} form-control {{ prefixCls }}-picker-input\"\n      [ngClass]=\"{ 'panel-is-opened': realOpenState }\"\n      [thySize]=\"size\"\n      [tabindex]=\"-1\"\n      [class.thy-input-disabled]=\"disabled\"\n      [class.thy-input-readonly]=\"readonly\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonlyState\"\n      (blur)=\"onBlur($event)\"\n      (input)=\"onInput($event)\"\n      placeholder=\"{{ getPlaceholder() }}\"\n      thyEnter\n      (thyEnter)=\"onEnter()\" />\n    <ng-container *ngTemplateOutlet=\"tplRightRest\"></ng-container>\n  </ng-container>\n</span>\n\n<!-- Right operator icons -->\n<ng-template #tplRightRest>\n  <span class=\"{{ prefixCls }}-picker-clear\">\n    @if (!disabled && !isEmptyValue(value) && allowClear && !readonly) {\n      <thy-icon\n        thyIconName=\"close-circle-bold-fill\"\n        (click)=\"onClickClear($event)\"\n      ngClass=\"remove-link remove-link-{{ size }}\"></thy-icon>\n    }\n  </span>\n  <span class=\"{{ prefixCls }}-picker-icon\">\n    <thy-icon [thyIconName]=\"suffixIcon\" ngClass=\"remove-link-{{ size ? size : 'default' }}\"></thy-icon>\n  </span>\n</ng-template>\n\n<!-- Overlay -->\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"origin\"\n  [cdkConnectedOverlayOpen]=\"realOpenState\"\n  [cdkConnectedOverlayHasBackdrop]=\"hasBackdrop\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  cdkConnectedOverlayTransformOriginOn=\".thy-picker-container\"\n  (positionChange)=\"onPositionChange($event)\"\n  (backdropClick)=\"onClickBackdrop()\"\n  (detach)=\"onOverlayDetach()\">\n  <div\n    #overlayContainer\n    style=\"position: relative\"\n    class=\"thy-picker-container\"\n    [@scaleXMotion]=\"placement === 'left' || placement === 'right' ? 'enter' : 'void'\"\n    [@scaleYMotion]=\"placement === 'top' || placement === 'bottom' ? 'enter' : 'void'\"\n    [@scaleMotion]=\"placement !== 'left' && placement !== 'right' && placement !== 'top' && placement !== 'bottom' ? 'enter' : 'void'\">\n    <!-- Compatible for overlay that not support offset dynamically and immediately -->\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "directive", type: ThyEnterDirective, selector: "[thyEnter]", outputs: ["thyEnter"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }], animations: [scaleXMotion, scaleYMotion, scaleMotion], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyPicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyPicker, decorators: [{
             type: Component,
             args: [{ selector: 'thy-picker', exportAs: 'thyPicker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CdkOverlayOrigin, ThyInputDirective, ThyEnterDirective, AsyncPipe, NgTemplateOutlet, ThyIcon, NgClass, CdkConnectedOverlay], animations: [scaleXMotion, scaleYMotion, scaleMotion], template: "<span\n  cdkOverlayOrigin\n  #origin=\"cdkOverlayOrigin\"\n  class=\"{{ prefixCls }}-picker {{ size ? prefixCls + '-picker-' + size : '' }} {{ className }}\"\n  (click)=\"onClickInputBox()\">\n  <ng-container>\n    <input\n      #pickerInput\n      thyInput\n      class=\"form-control-{{ size }} form-control {{ prefixCls }}-picker-input\"\n      [ngClass]=\"{ 'panel-is-opened': realOpenState }\"\n      [thySize]=\"size\"\n      [tabindex]=\"-1\"\n      [class.thy-input-disabled]=\"disabled\"\n      [class.thy-input-readonly]=\"readonly\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonlyState\"\n      (blur)=\"onBlur($event)\"\n      (input)=\"onInput($event)\"\n      placeholder=\"{{ getPlaceholder() }}\"\n      thyEnter\n      (thyEnter)=\"onEnter()\" />\n    <ng-container *ngTemplateOutlet=\"tplRightRest\"></ng-container>\n  </ng-container>\n</span>\n\n<!-- Right operator icons -->\n<ng-template #tplRightRest>\n  <span class=\"{{ prefixCls }}-picker-clear\">\n    @if (!disabled && !isEmptyValue(value) && allowClear && !readonly) {\n      <thy-icon\n        thyIconName=\"close-circle-bold-fill\"\n        (click)=\"onClickClear($event)\"\n      ngClass=\"remove-link remove-link-{{ size }}\"></thy-icon>\n    }\n  </span>\n  <span class=\"{{ prefixCls }}-picker-icon\">\n    <thy-icon [thyIconName]=\"suffixIcon\" ngClass=\"remove-link-{{ size ? size : 'default' }}\"></thy-icon>\n  </span>\n</ng-template>\n\n<!-- Overlay -->\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"origin\"\n  [cdkConnectedOverlayOpen]=\"realOpenState\"\n  [cdkConnectedOverlayHasBackdrop]=\"hasBackdrop\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  cdkConnectedOverlayTransformOriginOn=\".thy-picker-container\"\n  (positionChange)=\"onPositionChange($event)\"\n  (backdropClick)=\"onClickBackdrop()\"\n  (detach)=\"onOverlayDetach()\">\n  <div\n    #overlayContainer\n    style=\"position: relative\"\n    class=\"thy-picker-container\"\n    [@scaleXMotion]=\"placement === 'left' || placement === 'right' ? 'enter' : 'void'\"\n    [@scaleYMotion]=\"placement === 'top' || placement === 'bottom' ? 'enter' : 'void'\"\n    [@scaleMotion]=\"placement !== 'left' && placement !== 'right' && placement !== 'top' && placement !== 'bottom' ? 'enter' : 'void'\">\n    <!-- Compatible for overlay that not support offset dynamically and immediately -->\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n" }]
         }], propDecorators: { isRange: [{
@@ -3132,10 +3139,10 @@ class AbstractPickerComponent extends TabIndexDisabledControlValueAccessorMixin
     setValueByPrecision(value) {
         return setValueByTimestampPrecision(value, this.isRange, this.thyTimestampPrecision);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AbstractPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.0", type: AbstractPickerComponent, inputs: { thyMode: "thyMode", thyAllowClear: ["thyAllowClear", "thyAllowClear", coerceBooleanProperty], thyAutoFocus: ["thyAutoFocus", "thyAutoFocus", coerceBooleanProperty], thyOpen: ["thyOpen", "thyOpen", coerceBooleanProperty], thyDisabledDate: "thyDisabledDate", thyMinDate: "thyMinDate", thyMaxDate: "thyMaxDate", thyPlaceHolder: "thyPlaceHolder", thyReadonly: ["thyReadonly", "thyReadonly", coerceBooleanProperty], thyOriginClassName: "thyOriginClassName", thyPanelClassName: "thyPanelClassName", thySize: "thySize", thyTimestampPrecision: "thyTimestampPrecision", thyFormat: "thyFormat", thyAutoStartAndEnd: ["thyAutoStartAndEnd", "thyAutoStartAndEnd", coerceBooleanProperty], thyDefaultPickerValue: "thyDefaultPickerValue", thySuffixIcon: "thySuffixIcon", thyShowShortcut: ["thyShowShortcut", "thyShowShortcut", coerceBooleanProperty], thyShortcutPosition: "thyShortcutPosition", thyShortcutPresets: "thyShortcutPresets", thyDisabled: ["thyDisabled", "thyDisabled", coerceBooleanProperty] }, outputs: { thyDateChange: "thyDateChange", thyOpenChange: "thyOpenChange" }, viewQueries: [{ propertyName: "picker", first: true, predicate: ThyPicker, descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.13", type: AbstractPickerComponent, inputs: { thyMode: "thyMode", thyAllowClear: ["thyAllowClear", "thyAllowClear", coerceBooleanProperty], thyAutoFocus: ["thyAutoFocus", "thyAutoFocus", coerceBooleanProperty], thyOpen: ["thyOpen", "thyOpen", coerceBooleanProperty], thyDisabledDate: "thyDisabledDate", thyMinDate: "thyMinDate", thyMaxDate: "thyMaxDate", thyPlaceHolder: "thyPlaceHolder", thyReadonly: ["thyReadonly", "thyReadonly", coerceBooleanProperty], thyOriginClassName: "thyOriginClassName", thyPanelClassName: "thyPanelClassName", thySize: "thySize", thyTimestampPrecision: "thyTimestampPrecision", thyFormat: "thyFormat", thyAutoStartAndEnd: ["thyAutoStartAndEnd", "thyAutoStartAndEnd", coerceBooleanProperty], thyDefaultPickerValue: "thyDefaultPickerValue", thySuffixIcon: "thySuffixIcon", thyShowShortcut: ["thyShowShortcut", "thyShowShortcut", coerceBooleanProperty], thyShortcutPosition: "thyShortcutPosition", thyShortcutPresets: "thyShortcutPresets", thyDisabled: ["thyDisabled", "thyDisabled", coerceBooleanProperty] }, outputs: { thyDateChange: "thyDateChange", thyOpenChange: "thyOpenChange" }, viewQueries: [{ propertyName: "picker", first: true, predicate: ThyPicker, descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AbstractPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractPickerComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [], propDecorators: { thyMode: [{
                 type: Input
@@ -3395,10 +3402,10 @@ class BasePicker extends AbstractPickerComponent {
             (!maxDate || date.startOfDay().nativeDate <= maxDate.startOfDay().nativeDate) &&
             !disable);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BasePicker, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.0", type: BasePicker, isStandalone: true, selector: "ng-component", inputs: { thyDateRender: "thyDateRender", thyMode: "thyMode", thyHasBackdrop: ["thyHasBackdrop", "thyHasBackdrop", coerceBooleanProperty$1], thyShowTime: "thyShowTime", thyMustShowTime: ["thyMustShowTime", "thyMustShowTime", coerceBooleanProperty$1], thyPlacement: "thyPlacement" }, outputs: { thyOnPanelChange: "thyOnPanelChange", thyOnCalendarChange: "thyOnCalendarChange", thyOnOk: "thyOnOk" }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur($event)" }, properties: { "attr.tabindex": "tabIndex" } }, viewQueries: [{ propertyName: "thyPicker", first: true, predicate: ["thyPicker"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BasePicker, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: BasePicker, isStandalone: true, selector: "ng-component", inputs: { thyDateRender: "thyDateRender", thyMode: "thyMode", thyHasBackdrop: ["thyHasBackdrop", "thyHasBackdrop", coerceBooleanProperty$1], thyShowTime: "thyShowTime", thyMustShowTime: ["thyMustShowTime", "thyMustShowTime", coerceBooleanProperty$1], thyPlacement: "thyPlacement" }, outputs: { thyOnPanelChange: "thyOnPanelChange", thyOnCalendarChange: "thyOnCalendarChange", thyOnOk: "thyOnOk" }, host: { listeners: { "focus": "onFocus($event)", "blur": "onBlur($event)" }, properties: { "attr.tabindex": "tabIndex" } }, viewQueries: [{ propertyName: "thyPicker", first: true, predicate: ["thyPicker"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BasePicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BasePicker, decorators: [{
             type: Component,
             args: [{
                     template: ``,
@@ -3446,8 +3453,8 @@ class ThyDatePicker extends BasePicker {
         this.hostRenderer = useHostRenderer();
         this.hostRenderer.addClass('thy-calendar-picker');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyDatePicker, isStandalone: true, selector: "thy-date-picker", host: { properties: { "attr.tabindex": "tabIndex" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyDatePicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ThyDatePicker, isStandalone: true, selector: "thy-date-picker", host: { properties: { "attr.tabindex": "tabIndex" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -3455,7 +3462,7 @@ class ThyDatePicker extends BasePicker {
             }
         ], 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  @if (isShowDatePopup) {\n    <date-popup\n      [attr.tabindex]=\"-1\"\n      [isRange]=\"isRange\"\n      [showWeek]=\"showWeek\"\n      [panelMode]=\"panelMode\"\n      [flexible]=\"flexible\"\n      [flexibleDateGranularity]=\"flexibleDateGranularity\"\n      [defaultPickerValue]=\"thyDefaultPickerValue\"\n      (panelModeChange)=\"thyOnPanelChange.emit($event)\"\n      (showTimePickerChange)=\"onShowTimePickerChange($event)\"\n      [value]=\"thyValue\"\n      (valueChange)=\"onValueChange($event)\"\n      (calendarChange)=\"onCalendarChange($event)\"\n      [showTime]=\"thyShowTime\"\n      [mustShowTime]=\"withTime\"\n      [format]=\"thyFormat\"\n      [dateRender]=\"thyDateRender\"\n      [disabledDate]=\"thyDisabledDate\"\n      [minDate]=\"thyMinDate\"\n      [maxDate]=\"thyMaxDate\"\n      [showShortcut]=\"thyShowShortcut\"\n      [shortcutPresets]=\"shortcutPresets\"\n      [shortcutPosition]=\"shortcutPosition\"\n      [timestampPrecision]=\"thyTimestampPrecision\"\n      (dateValueChange)=\"onDateValueChange($event)\"\n      [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n  }\n</thy-picker>\n", 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: "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.2.0", ngImport: i0, type: ThyDatePicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyDatePicker, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'thy-date-picker', exportAs: 'thyDatePicker', providers: [
                         {
@@ -3484,8 +3491,8 @@ class ThyMonthPicker extends BasePicker {
         this.hostRenderer.addClass('thy-calendar-picker');
         this.thyMode = 'month';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyMonthPicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyMonthPicker, isStandalone: true, selector: "thy-month-picker", inputs: { thyFormat: "thyFormat" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyMonthPicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ThyMonthPicker, isStandalone: true, selector: "thy-month-picker", inputs: { thyFormat: "thyFormat" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -3493,7 +3500,7 @@ class ThyMonthPicker extends BasePicker {
             }
         ], 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  @if (isShowDatePopup) {\n    <date-popup\n      [attr.tabindex]=\"-1\"\n      [isRange]=\"isRange\"\n      [showWeek]=\"showWeek\"\n      [panelMode]=\"panelMode\"\n      [flexible]=\"flexible\"\n      [flexibleDateGranularity]=\"flexibleDateGranularity\"\n      [defaultPickerValue]=\"thyDefaultPickerValue\"\n      (panelModeChange)=\"thyOnPanelChange.emit($event)\"\n      (showTimePickerChange)=\"onShowTimePickerChange($event)\"\n      [value]=\"thyValue\"\n      (valueChange)=\"onValueChange($event)\"\n      (calendarChange)=\"onCalendarChange($event)\"\n      [showTime]=\"thyShowTime\"\n      [mustShowTime]=\"withTime\"\n      [format]=\"thyFormat\"\n      [dateRender]=\"thyDateRender\"\n      [disabledDate]=\"thyDisabledDate\"\n      [minDate]=\"thyMinDate\"\n      [maxDate]=\"thyMaxDate\"\n      [showShortcut]=\"thyShowShortcut\"\n      [shortcutPresets]=\"shortcutPresets\"\n      [shortcutPosition]=\"shortcutPosition\"\n      [timestampPrecision]=\"thyTimestampPrecision\"\n      (dateValueChange)=\"onDateValueChange($event)\"\n      [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n  }\n</thy-picker>\n", 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: "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.2.0", ngImport: i0, type: ThyMonthPicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyMonthPicker, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'thy-month-picker', exportAs: 'thyMonthPicker', providers: [
                         {
@@ -3518,8 +3525,8 @@ class ThyRangePicker extends BasePicker {
         this.hostRenderer = useHostRenderer();
         this.hostRenderer.addClass('thy-calendar-picker');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyRangePicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyRangePicker, isStandalone: true, selector: "thy-range-picker", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyRangePicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ThyRangePicker, isStandalone: true, selector: "thy-range-picker", providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -3527,7 +3534,7 @@ class ThyRangePicker extends BasePicker {
             }
         ], 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  @if (isShowDatePopup) {\n    <date-popup\n      [attr.tabindex]=\"-1\"\n      [isRange]=\"isRange\"\n      [showWeek]=\"showWeek\"\n      [panelMode]=\"panelMode\"\n      [flexible]=\"flexible\"\n      [flexibleDateGranularity]=\"flexibleDateGranularity\"\n      [defaultPickerValue]=\"thyDefaultPickerValue\"\n      (panelModeChange)=\"thyOnPanelChange.emit($event)\"\n      (showTimePickerChange)=\"onShowTimePickerChange($event)\"\n      [value]=\"thyValue\"\n      (valueChange)=\"onValueChange($event)\"\n      (calendarChange)=\"onCalendarChange($event)\"\n      [showTime]=\"thyShowTime\"\n      [mustShowTime]=\"withTime\"\n      [format]=\"thyFormat\"\n      [dateRender]=\"thyDateRender\"\n      [disabledDate]=\"thyDisabledDate\"\n      [minDate]=\"thyMinDate\"\n      [maxDate]=\"thyMaxDate\"\n      [showShortcut]=\"thyShowShortcut\"\n      [shortcutPresets]=\"shortcutPresets\"\n      [shortcutPosition]=\"shortcutPosition\"\n      [timestampPrecision]=\"thyTimestampPrecision\"\n      (dateValueChange)=\"onDateValueChange($event)\"\n      [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n  }\n</thy-picker>\n", 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: "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.2.0", ngImport: i0, type: ThyRangePicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyRangePicker, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'thy-range-picker', exportAs: 'thyRangePicker', providers: [
                         {
@@ -3551,8 +3558,8 @@ class ThyWeekPicker extends BasePicker {
         this.hostRenderer.addClass('thy-calendar-picker');
         this.thyMode = 'week';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyWeekPicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyWeekPicker, isStandalone: true, selector: "thy-week-picker", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyWeekPicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ThyWeekPicker, isStandalone: true, selector: "thy-week-picker", providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -3560,7 +3567,7 @@ class ThyWeekPicker extends BasePicker {
             }
         ], 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  @if (isShowDatePopup) {\n    <date-popup\n      [attr.tabindex]=\"-1\"\n      [isRange]=\"isRange\"\n      [showWeek]=\"showWeek\"\n      [panelMode]=\"panelMode\"\n      [flexible]=\"flexible\"\n      [flexibleDateGranularity]=\"flexibleDateGranularity\"\n      [defaultPickerValue]=\"thyDefaultPickerValue\"\n      (panelModeChange)=\"thyOnPanelChange.emit($event)\"\n      (showTimePickerChange)=\"onShowTimePickerChange($event)\"\n      [value]=\"thyValue\"\n      (valueChange)=\"onValueChange($event)\"\n      (calendarChange)=\"onCalendarChange($event)\"\n      [showTime]=\"thyShowTime\"\n      [mustShowTime]=\"withTime\"\n      [format]=\"thyFormat\"\n      [dateRender]=\"thyDateRender\"\n      [disabledDate]=\"thyDisabledDate\"\n      [minDate]=\"thyMinDate\"\n      [maxDate]=\"thyMaxDate\"\n      [showShortcut]=\"thyShowShortcut\"\n      [shortcutPresets]=\"shortcutPresets\"\n      [shortcutPosition]=\"shortcutPosition\"\n      [timestampPrecision]=\"thyTimestampPrecision\"\n      (dateValueChange)=\"onDateValueChange($event)\"\n      [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n  }\n</thy-picker>\n", 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: "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.2.0", ngImport: i0, type: ThyWeekPicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyWeekPicker, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'thy-week-picker', exportAs: 'thyWeekPicker', providers: [
                         {
@@ -3590,8 +3597,8 @@ class ThyYearPicker extends BasePicker {
         this.hostRenderer.addClass('thy-calendar-picker');
         this.thyMode = 'year';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyYearPicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyYearPicker, isStandalone: true, selector: "thy-year-picker", inputs: { thyFormat: "thyFormat" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyYearPicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ThyYearPicker, isStandalone: true, selector: "thy-year-picker", inputs: { thyFormat: "thyFormat" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -3599,7 +3606,7 @@ class ThyYearPicker extends BasePicker {
             }
         ], 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  @if (isShowDatePopup) {\n    <date-popup\n      [attr.tabindex]=\"-1\"\n      [isRange]=\"isRange\"\n      [showWeek]=\"showWeek\"\n      [panelMode]=\"panelMode\"\n      [flexible]=\"flexible\"\n      [flexibleDateGranularity]=\"flexibleDateGranularity\"\n      [defaultPickerValue]=\"thyDefaultPickerValue\"\n      (panelModeChange)=\"thyOnPanelChange.emit($event)\"\n      (showTimePickerChange)=\"onShowTimePickerChange($event)\"\n      [value]=\"thyValue\"\n      (valueChange)=\"onValueChange($event)\"\n      (calendarChange)=\"onCalendarChange($event)\"\n      [showTime]=\"thyShowTime\"\n      [mustShowTime]=\"withTime\"\n      [format]=\"thyFormat\"\n      [dateRender]=\"thyDateRender\"\n      [disabledDate]=\"thyDisabledDate\"\n      [minDate]=\"thyMinDate\"\n      [maxDate]=\"thyMaxDate\"\n      [showShortcut]=\"thyShowShortcut\"\n      [shortcutPresets]=\"shortcutPresets\"\n      [shortcutPosition]=\"shortcutPosition\"\n      [timestampPrecision]=\"thyTimestampPrecision\"\n      (dateValueChange)=\"onDateValueChange($event)\"\n      [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n  }\n</thy-picker>\n", 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: "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.2.0", ngImport: i0, type: ThyYearPicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyYearPicker, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'thy-year-picker', exportAs: 'thyYearPicker', providers: [
                         {
@@ -3633,10 +3640,10 @@ class DatePickerRequiredValidator {
     validateRequired(control) {
         return isEmptyInputDateValue(control.value) ? { required: true } : null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatePickerRequiredValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: DatePickerRequiredValidator, isStandalone: true, selector: "[thyDatePicker][required][formControlName],[thyDatePicker][required][formControl],[thyDatePicker][required][ngModel],thy-date-picker[required][formControlName],thy-date-picker[required][formControl],thy-date-picker[required][ngModel]", inputs: { required: "required" }, providers: [DATE_PICKER_REQUIRED_VALIDATOR], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DatePickerRequiredValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DatePickerRequiredValidator, isStandalone: true, selector: "[thyDatePicker][required][formControlName],[thyDatePicker][required][formControl],[thyDatePicker][required][ngModel],thy-date-picker[required][formControlName],thy-date-picker[required][formControl],thy-date-picker[required][ngModel]", inputs: { required: "required" }, providers: [DATE_PICKER_REQUIRED_VALIDATOR], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DatePickerRequiredValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DatePickerRequiredValidator, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyDatePicker][required][formControlName],[thyDatePicker][required][formControl],[thyDatePicker][required][ngModel],thy-date-picker[required][formControlName],thy-date-picker[required][formControl],thy-date-picker[required][ngModel]',
@@ -3667,10 +3674,10 @@ class RangePickerRequiredValidator {
     validateRequired(control) {
         return isEmptyInputRangeValue(control.value) ? { required: true } : null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RangePickerRequiredValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: RangePickerRequiredValidator, isStandalone: true, selector: "[thyRangePicker][required][formControlName],[thyRangePicker][required][formControl],[thyRangePicker][required][ngModel],thy-range-picker[required][formControlName],thy-range-picker[required][formControl],thy-range-picker[required][ngModel]", inputs: { required: "required" }, providers: [RANGE_PICKER_REQUIRED_VALIDATOR], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RangePickerRequiredValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: RangePickerRequiredValidator, isStandalone: true, selector: "[thyRangePicker][required][formControlName],[thyRangePicker][required][formControl],[thyRangePicker][required][ngModel],thy-range-picker[required][formControlName],thy-range-picker[required][formControl],thy-range-picker[required][ngModel]", inputs: { required: "required" }, providers: [RANGE_PICKER_REQUIRED_VALIDATOR], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RangePickerRequiredValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RangePickerRequiredValidator, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyRangePicker][required][formControlName],[thyRangePicker][required][formControl],[thyRangePicker][required][ngModel],thy-range-picker[required][formControlName],thy-range-picker[required][formControl],thy-range-picker[required][ngModel]',
@@ -3864,10 +3871,10 @@ class PickerDirective extends AbstractPickerComponent {
     onShowTimePickerChange(show) {
         this.withTime = show;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PickerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.0", type: PickerDirective, inputs: { thyDateRender: "thyDateRender", thyShowTime: "thyShowTime", thyMustShowTime: ["thyMustShowTime", "thyMustShowTime", coerceBooleanProperty$1], thyPlacement: "thyPlacement", thyOffset: ["thyOffset", "thyOffset", numberAttribute], thyHasBackdrop: ["thyHasBackdrop", "thyHasBackdrop", coerceBooleanProperty$1], thyPopoverOptions: "thyPopoverOptions", thyStopPropagation: ["thyStopPropagation", "thyStopPropagation", coerceBooleanProperty$1] }, outputs: { thyOnPanelChange: "thyOnPanelChange", thyOnCalendarChange: "thyOnCalendarChange" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PickerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.13", type: PickerDirective, inputs: { thyDateRender: "thyDateRender", thyShowTime: "thyShowTime", thyMustShowTime: ["thyMustShowTime", "thyMustShowTime", coerceBooleanProperty$1], thyPlacement: "thyPlacement", thyOffset: ["thyOffset", "thyOffset", numberAttribute], thyHasBackdrop: ["thyHasBackdrop", "thyHasBackdrop", coerceBooleanProperty$1], thyPopoverOptions: "thyPopoverOptions", thyStopPropagation: ["thyStopPropagation", "thyStopPropagation", coerceBooleanProperty$1] }, outputs: { thyOnPanelChange: "thyOnPanelChange", thyOnCalendarChange: "thyOnCalendarChange" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PickerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PickerDirective, decorators: [{
             type: Directive
         }], propDecorators: { thyDateRender: [{
                 type: Input
@@ -3905,8 +3912,8 @@ class ThyDatePickerDirective extends PickerDirective {
         super(...arguments);
         this.isRange = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: ThyDatePickerDirective, isStandalone: true, selector: "[thyDatePicker]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyDatePickerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ThyDatePickerDirective, isStandalone: true, selector: "[thyDatePicker]", providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -3914,7 +3921,7 @@ class ThyDatePickerDirective extends PickerDirective {
             }
         ], exportAs: ["thyDatePicker"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyDatePickerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyDatePicker]',
@@ -3940,8 +3947,8 @@ class ThyRangePickerDirective extends PickerDirective {
         super();
         this.isRange = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyRangePickerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: ThyRangePickerDirective, isStandalone: true, selector: "[thyRangePicker]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyRangePickerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ThyRangePickerDirective, isStandalone: true, selector: "[thyRangePicker]", providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -3949,7 +3956,7 @@ class ThyRangePickerDirective extends PickerDirective {
             }
         ], exportAs: ["thyRangePicker"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyRangePickerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyRangePickerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyRangePicker]',
@@ -3984,8 +3991,8 @@ class ThyQuarterPicker extends BasePicker {
         this.hostRenderer.addClass('thy-calendar-picker');
         this.thyMode = 'quarter';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyQuarterPicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyQuarterPicker, isStandalone: true, selector: "thy-quarter-picker", inputs: { thyFormat: "thyFormat" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyQuarterPicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ThyQuarterPicker, isStandalone: true, selector: "thy-quarter-picker", inputs: { thyFormat: "thyFormat" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -3993,7 +4000,7 @@ class ThyQuarterPicker extends BasePicker {
             }
         ], 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  @if (isShowDatePopup) {\n    <date-popup\n      [attr.tabindex]=\"-1\"\n      [isRange]=\"isRange\"\n      [showWeek]=\"showWeek\"\n      [panelMode]=\"panelMode\"\n      [flexible]=\"flexible\"\n      [flexibleDateGranularity]=\"flexibleDateGranularity\"\n      [defaultPickerValue]=\"thyDefaultPickerValue\"\n      (panelModeChange)=\"thyOnPanelChange.emit($event)\"\n      (showTimePickerChange)=\"onShowTimePickerChange($event)\"\n      [value]=\"thyValue\"\n      (valueChange)=\"onValueChange($event)\"\n      (calendarChange)=\"onCalendarChange($event)\"\n      [showTime]=\"thyShowTime\"\n      [mustShowTime]=\"withTime\"\n      [format]=\"thyFormat\"\n      [dateRender]=\"thyDateRender\"\n      [disabledDate]=\"thyDisabledDate\"\n      [minDate]=\"thyMinDate\"\n      [maxDate]=\"thyMaxDate\"\n      [showShortcut]=\"thyShowShortcut\"\n      [shortcutPresets]=\"shortcutPresets\"\n      [shortcutPosition]=\"shortcutPosition\"\n      [timestampPrecision]=\"thyTimestampPrecision\"\n      (dateValueChange)=\"onDateValueChange($event)\"\n      [className]=\"thyPanelClassName\"\n    (resultOk)=\"onResultOk()\"></date-popup>\n  }\n</thy-picker>\n", 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: "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.2.0", ngImport: i0, type: ThyQuarterPicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyQuarterPicker, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'thy-quarter-picker', exportAs: 'thyQuarterPicker', providers: [
                         {
@@ -4008,8 +4015,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
 
 registerLocaleData(localeZhHans, 'zh-Hans');
 class ThyDatePickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ThyDatePickerModule, imports: [CommonModule,
             OverlayModule,
             LibPackerModule,
             ThyIconModule,
@@ -4042,7 +4049,7 @@ class ThyDatePickerModule {
             ThyDatePickerFormatStringPipe,
             ThyDatePickerDirective,
             ThyRangePickerDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerModule, providers: [ThyDatePickerConfigService], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyDatePickerModule, providers: [ThyDatePickerConfigService], imports: [CommonModule,
             OverlayModule,
             LibPackerModule,
             ThyIconModule,
@@ -4056,7 +4063,7 @@ class ThyDatePickerModule {
             ThyWeekPicker,
             ThyRangePicker] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyDatePickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyDatePickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [