ngx-tethys 18.2.5 → 18.2.7

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

@@ -3,17 +3,16 @@ import { Injectable, forwardRef, inject, ChangeDetectorRef, EventEmitter, Compon
 import * as i1 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import { coerceNumberProperty } from '@angular/cdk/coercion';
+import { TinyDate, isValid, coerceBooleanProperty } from 'ngx-tethys/util';
 import { Subscription } from 'rxjs';
 import { __decorate, __metadata } from 'tslib';
 import { MiniStore, MiniAction, reqAnimFrame, getFlexiblePositions, scaleXMotion, scaleYMotion, scaleMotion } from 'ngx-tethys/core';
 import { DecimalPipe, NgTemplateOutlet, NgClass, CommonModule } from '@angular/common';
 import { CdkConnectedOverlay, CdkOverlayOrigin, OverlayModule } from '@angular/cdk/overlay';
-import { isValid } from 'date-fns';
-import { TinyDate, coerceBooleanProperty } from 'ngx-tethys/util';
-import { ThyButton, ThyButtonModule } from 'ngx-tethys/button';
 import { injectLocale } from 'ngx-tethys/i18n';
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
 import { ThyInputDirective, ThyInputModule } from 'ngx-tethys/input';
+import { ThyButton, ThyButtonModule } from 'ngx-tethys/button';
 import { ThyPopoverModule } from 'ngx-tethys/popover';
 import { ThySharedModule } from 'ngx-tethys/shared';
 
@@ -29,7 +28,7 @@ function isValidDate(value) {
         return false;
     }
     if (typeof value === 'string') {
-        return isValidDate(new Date(value));
+        return isValidDate(new TinyDate(value)?.nativeDate);
     }
     return true;
 }
@@ -65,13 +64,18 @@ function parseSeconds(value) {
 }
 function parseTime(value) {
     if (typeof value === 'string') {
-        return new Date(value);
+        return new TinyDate(value)?.nativeDate;
+    }
+    else if (value instanceof TinyDate) {
+        return value?.nativeDate;
+    }
+    else {
+        return new TinyDate(value)?.nativeDate;
     }
-    return value;
 }
 function changeTime(value, diff) {
     if (!value) {
-        return changeTime(createDate(new Date(), 0, 0, 0), diff);
+        return changeTime(createDate(new TinyDate()?.nativeDate, 0, 0, 0), diff);
     }
     let hour = value.getHours();
     let minutes = value.getMinutes();
@@ -99,7 +103,7 @@ function setTime(value, opts) {
     }
     if (!value) {
         if (!isNaN(hour) && !isNaN(minute)) {
-            return createDate(new Date(), hour, minute, seconds);
+            return createDate(new TinyDate()?.nativeDate, hour, minute, seconds);
         }
         return value;
     }
@@ -109,7 +113,7 @@ function setTime(value, opts) {
     return createDate(value, hour, minute, seconds);
 }
 function createDate(value, hours, minutes, seconds) {
-    return new Date(value.getFullYear(), value.getMonth(), value.getDate(), hours, minutes, seconds, value.getMilliseconds());
+    return new TinyDate(value).setHours(hours).setMinutes(minutes).setSeconds(seconds).nativeDate;
 }
 function padNumber(value) {
     const _value = value.toString();
@@ -128,7 +132,7 @@ function isSecondInputValid(seconds) {
     return !isNaN(parseSeconds(seconds));
 }
 function isInputLimitValid(diff, max, min) {
-    const newDate = setTime(new Date(), diff);
+    const newDate = setTime(new TinyDate()?.nativeDate, diff);
     if (max && newDate > max) {
         return false;
     }
@@ -294,10 +298,10 @@ class TimePickerConfig {
         /** placeholder for seconds field in timePicker */
         this.secondsPlaceholder = 'SS';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TimePickerConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TimePickerConfig }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TimePickerConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TimePickerConfig }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: TimePickerConfig, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TimePickerConfig, decorators: [{
             type: Injectable
         }] });
 
@@ -322,7 +326,9 @@ class ThyTimePickerStore extends MiniStore {
         super(initialState);
     }
     writeValue(value) {
-        this.setState({ value: value });
+        if (value?.getTime() !== this.snapshot.value?.getTime()) {
+            this.setState({ value: value });
+        }
     }
     changeHours(event) {
         const state = this.snapshot;
@@ -377,13 +383,13 @@ class ThyTimePickerStore extends MiniStore {
         };
         if (state.config.showMeridian !== _newState.config.showMeridian) {
             if (state.value) {
-                _newState.value = new Date(state.value);
+                _newState.value = new TinyDate(state.value)?.nativeDate;
             }
         }
         this.setState(_newState);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyTimePickerStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyTimePickerStore }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyTimePickerStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyTimePickerStore }); }
 }
 __decorate([
     MiniAction(),
@@ -421,7 +427,7 @@ __decorate([
     __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], ThyTimePickerStore.prototype, "updateControls", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyTimePickerStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyTimePickerStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [], propDecorators: { writeValue: [], changeHours: [], changeMinutes: [], changeSeconds: [], setTime: [], updateControls: [] } });
 
@@ -612,10 +618,10 @@ class ThyInnerTimePicker {
         this.minutes = padNumber(_value.getMinutes());
         this.seconds = padNumber(_value.getUTCSeconds());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyInnerTimePicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyInnerTimePicker, isStandalone: true, selector: "thy-inner-time-picker", inputs: { hourStep: "hourStep", minuteStep: "minuteStep", secondsStep: "secondsStep", readonlyInput: "readonlyInput", disabled: "disabled", mousewheel: "mousewheel", arrowKeys: "arrowKeys", showSpinners: "showSpinners", showMeridian: "showMeridian", showMinutes: "showMinutes", showSeconds: "showSeconds", meridians: "meridians", min: "min", max: "max", hoursPlaceholder: "hoursPlaceholder", minutesPlaceholder: "minutesPlaceholder", secondsPlaceholder: "secondsPlaceholder" }, outputs: { isValid: "isValid" }, providers: [TIMEPICKER_CONTROL_VALUE_ACCESSOR, ThyTimePickerStore], usesOnChanges: true, ngImport: i0, template: "<table>\n  <tbody>\n    <tr class=\"text-center\" [hidden]=\"!showSpinners\">\n      <!-- increment hours button-->\n      <td>\n        <a class=\"btn btn-link\" [class.disabled]=\"!canIncrementHours || !isEditable\" (click)=\"changeHours(hourStep)\"\n          ><span class=\"thy-chevron thy-chevron-up\"></span\n        ></a>\n      </td>\n      <!-- divider -->\n      @if (showMinutes) {\n        <td>&nbsp;&nbsp;&nbsp;</td>\n      }\n      <!-- increment minutes button -->\n      @if (showMinutes) {\n        <td>\n          <a class=\"btn btn-link\" [class.disabled]=\"!canIncrementMinutes || !isEditable\" (click)=\"changeMinutes(minuteStep)\"\n            ><span class=\"thy-chevron thy-chevron-up\"></span\n          ></a>\n        </td>\n      }\n      <!-- divider -->\n      @if (showSeconds) {\n        <td>&nbsp;</td>\n      }\n      <!-- increment seconds button -->\n      @if (showSeconds) {\n        <td>\n          <a class=\"btn btn-link\" [class.disabled]=\"!canIncrementSeconds || !isEditable\" (click)=\"changeSeconds(secondsStep)\">\n            <span class=\"thy-chevron thy-chevron-up\"></span>\n          </a>\n        </td>\n      }\n      <!-- space between -->\n      @if (showMeridian) {\n        <td>&nbsp;&nbsp;&nbsp;</td>\n      }\n      <!-- meridian placeholder-->\n      @if (showMeridian) {\n        <td></td>\n      }\n    </tr>\n    <tr>\n      <!-- hours -->\n      <td class=\"form-group\" [class.has-error]=\"invalidHours\">\n        <input\n          type=\"text\"\n          [class.is-invalid]=\"invalidHours\"\n          class=\"form-control text-center thy-time-picker-field\"\n          [placeholder]=\"hoursPlaceholder\"\n          maxlength=\"2\"\n          [readonly]=\"readonlyInput\"\n          [disabled]=\"disabled\"\n          [value]=\"hours\"\n          (wheel)=\"prevDef($event); changeHours(hourStep * wheelSign($event), 'wheel')\"\n          (keydown.ArrowUp)=\"changeHours(hourStep, 'key')\"\n          (keydown.ArrowDown)=\"changeHours(-hourStep, 'key')\"\n          (change)=\"updateHours($event.target.value)\"\n          />\n      </td>\n\n      <!-- divider -->\n      @if (showMinutes) {\n        <td>&nbsp;:&nbsp;</td>\n      }\n      <!-- minutes -->\n      @if (showMinutes) {\n        <td class=\"form-group\" [class.has-error]=\"invalidMinutes\">\n          <input\n            type=\"text\"\n            [class.is-invalid]=\"invalidMinutes\"\n            class=\"form-control text-center thy-time-picker-field\"\n            [placeholder]=\"minutesPlaceholder\"\n            maxlength=\"2\"\n            [readonly]=\"readonlyInput\"\n            [disabled]=\"disabled\"\n            [value]=\"minutes\"\n            (wheel)=\"prevDef($event); changeMinutes(minuteStep * wheelSign($event), 'wheel')\"\n            (keydown.ArrowUp)=\"changeMinutes(minuteStep, 'key')\"\n            (keydown.ArrowDown)=\"changeMinutes(-minuteStep, 'key')\"\n            (change)=\"updateMinutes($event.target.value)\"\n            />\n        </td>\n      }\n      <!-- divider -->\n      @if (showSeconds) {\n        <td>&nbsp;:&nbsp;</td>\n      }\n      <!-- seconds -->\n      @if (showSeconds) {\n        <td class=\"form-group\" [class.has-error]=\"invalidSeconds\">\n          <input\n            type=\"text\"\n            [class.is-invalid]=\"invalidSeconds\"\n            class=\"form-control text-center thy-time-picker-field\"\n            [placeholder]=\"secondsPlaceholder\"\n            maxlength=\"2\"\n            [readonly]=\"readonlyInput\"\n            [disabled]=\"disabled\"\n            [value]=\"seconds\"\n            (wheel)=\"prevDef($event); changeSeconds(secondsStep * wheelSign($event), 'wheel')\"\n            (keydown.ArrowUp)=\"changeSeconds(secondsStep, 'key')\"\n            (keydown.ArrowDown)=\"changeSeconds(-secondsStep, 'key')\"\n            (change)=\"updateSeconds($event.target.value)\"\n            />\n        </td>\n      }\n      <!-- space between -->\n      @if (showMeridian) {\n        <td>&nbsp;&nbsp;&nbsp;</td>\n      }\n      <!-- meridian -->\n      @if (showMeridian) {\n        <td>\n          <button\n            type=\"button\"\n            class=\"btn btn-default text-center\"\n            [disabled]=\"!isEditable || !canToggleMeridian\"\n            [class.disabled]=\"!isEditable || !canToggleMeridian\"\n            (click)=\"toggleMeridian()\"\n            >\n            {{ meridian }}\n          </button>\n        </td>\n      }\n    </tr>\n    <tr class=\"text-center\" [hidden]=\"!showSpinners\">\n      <!-- decrement hours button-->\n      <td>\n        <a class=\"btn btn-link\" [class.disabled]=\"!canDecrementHours || !isEditable\" (click)=\"changeHours(-hourStep)\">\n          <span class=\"thy-chevron thy-chevron-down\"></span>\n        </a>\n      </td>\n      <!-- divider -->\n      @if (showMinutes) {\n        <td>&nbsp;&nbsp;&nbsp;</td>\n      }\n      <!-- decrement minutes button-->\n      @if (showMinutes) {\n        <td>\n          <a class=\"btn btn-link\" [class.disabled]=\"!canDecrementMinutes || !isEditable\" (click)=\"changeMinutes(-minuteStep)\">\n            <span class=\"thy-chevron thy-chevron-down\"></span>\n          </a>\n        </td>\n      }\n      <!-- divider -->\n      @if (showSeconds) {\n        <td>&nbsp;</td>\n      }\n      <!-- decrement seconds button-->\n      @if (showSeconds) {\n        <td>\n          <a class=\"btn btn-link\" [class.disabled]=\"!canDecrementSeconds || !isEditable\" (click)=\"changeSeconds(-secondsStep)\">\n            <span class=\"thy-chevron thy-chevron-down\"></span>\n          </a>\n        </td>\n      }\n      <!-- space between -->\n      @if (showMeridian) {\n        <td>&nbsp;&nbsp;&nbsp;</td>\n      }\n      <!-- meridian placeholder-->\n      @if (showMeridian) {\n        <td></td>\n      }\n    </tr>\n  </tbody>\n</table>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyInnerTimePicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ThyInnerTimePicker, isStandalone: true, selector: "thy-inner-time-picker", inputs: { hourStep: "hourStep", minuteStep: "minuteStep", secondsStep: "secondsStep", readonlyInput: "readonlyInput", disabled: "disabled", mousewheel: "mousewheel", arrowKeys: "arrowKeys", showSpinners: "showSpinners", showMeridian: "showMeridian", showMinutes: "showMinutes", showSeconds: "showSeconds", meridians: "meridians", min: "min", max: "max", hoursPlaceholder: "hoursPlaceholder", minutesPlaceholder: "minutesPlaceholder", secondsPlaceholder: "secondsPlaceholder" }, outputs: { isValid: "isValid" }, providers: [TIMEPICKER_CONTROL_VALUE_ACCESSOR, ThyTimePickerStore], usesOnChanges: true, ngImport: i0, template: "<table>\n  <tbody>\n    <tr class=\"text-center\" [hidden]=\"!showSpinners\">\n      <!-- increment hours button-->\n      <td>\n        <a class=\"btn btn-link\" [class.disabled]=\"!canIncrementHours || !isEditable\" (click)=\"changeHours(hourStep)\"\n          ><span class=\"thy-chevron thy-chevron-up\"></span\n        ></a>\n      </td>\n      <!-- divider -->\n      @if (showMinutes) {\n        <td>&nbsp;&nbsp;&nbsp;</td>\n      }\n      <!-- increment minutes button -->\n      @if (showMinutes) {\n        <td>\n          <a class=\"btn btn-link\" [class.disabled]=\"!canIncrementMinutes || !isEditable\" (click)=\"changeMinutes(minuteStep)\"\n            ><span class=\"thy-chevron thy-chevron-up\"></span\n          ></a>\n        </td>\n      }\n      <!-- divider -->\n      @if (showSeconds) {\n        <td>&nbsp;</td>\n      }\n      <!-- increment seconds button -->\n      @if (showSeconds) {\n        <td>\n          <a class=\"btn btn-link\" [class.disabled]=\"!canIncrementSeconds || !isEditable\" (click)=\"changeSeconds(secondsStep)\">\n            <span class=\"thy-chevron thy-chevron-up\"></span>\n          </a>\n        </td>\n      }\n      <!-- space between -->\n      @if (showMeridian) {\n        <td>&nbsp;&nbsp;&nbsp;</td>\n      }\n      <!-- meridian placeholder-->\n      @if (showMeridian) {\n        <td></td>\n      }\n    </tr>\n    <tr>\n      <!-- hours -->\n      <td class=\"form-group\" [class.has-error]=\"invalidHours\">\n        <input\n          type=\"text\"\n          [class.is-invalid]=\"invalidHours\"\n          class=\"form-control text-center thy-time-picker-field\"\n          [placeholder]=\"hoursPlaceholder\"\n          maxlength=\"2\"\n          [readonly]=\"readonlyInput\"\n          [disabled]=\"disabled\"\n          [value]=\"hours\"\n          (wheel)=\"prevDef($event); changeHours(hourStep * wheelSign($event), 'wheel')\"\n          (keydown.ArrowUp)=\"changeHours(hourStep, 'key')\"\n          (keydown.ArrowDown)=\"changeHours(-hourStep, 'key')\"\n          (change)=\"updateHours($event.target.value)\"\n          />\n      </td>\n\n      <!-- divider -->\n      @if (showMinutes) {\n        <td>&nbsp;:&nbsp;</td>\n      }\n      <!-- minutes -->\n      @if (showMinutes) {\n        <td class=\"form-group\" [class.has-error]=\"invalidMinutes\">\n          <input\n            type=\"text\"\n            [class.is-invalid]=\"invalidMinutes\"\n            class=\"form-control text-center thy-time-picker-field\"\n            [placeholder]=\"minutesPlaceholder\"\n            maxlength=\"2\"\n            [readonly]=\"readonlyInput\"\n            [disabled]=\"disabled\"\n            [value]=\"minutes\"\n            (wheel)=\"prevDef($event); changeMinutes(minuteStep * wheelSign($event), 'wheel')\"\n            (keydown.ArrowUp)=\"changeMinutes(minuteStep, 'key')\"\n            (keydown.ArrowDown)=\"changeMinutes(-minuteStep, 'key')\"\n            (change)=\"updateMinutes($event.target.value)\"\n            />\n        </td>\n      }\n      <!-- divider -->\n      @if (showSeconds) {\n        <td>&nbsp;:&nbsp;</td>\n      }\n      <!-- seconds -->\n      @if (showSeconds) {\n        <td class=\"form-group\" [class.has-error]=\"invalidSeconds\">\n          <input\n            type=\"text\"\n            [class.is-invalid]=\"invalidSeconds\"\n            class=\"form-control text-center thy-time-picker-field\"\n            [placeholder]=\"secondsPlaceholder\"\n            maxlength=\"2\"\n            [readonly]=\"readonlyInput\"\n            [disabled]=\"disabled\"\n            [value]=\"seconds\"\n            (wheel)=\"prevDef($event); changeSeconds(secondsStep * wheelSign($event), 'wheel')\"\n            (keydown.ArrowUp)=\"changeSeconds(secondsStep, 'key')\"\n            (keydown.ArrowDown)=\"changeSeconds(-secondsStep, 'key')\"\n            (change)=\"updateSeconds($event.target.value)\"\n            />\n        </td>\n      }\n      <!-- space between -->\n      @if (showMeridian) {\n        <td>&nbsp;&nbsp;&nbsp;</td>\n      }\n      <!-- meridian -->\n      @if (showMeridian) {\n        <td>\n          <button\n            type=\"button\"\n            class=\"btn btn-default text-center\"\n            [disabled]=\"!isEditable || !canToggleMeridian\"\n            [class.disabled]=\"!isEditable || !canToggleMeridian\"\n            (click)=\"toggleMeridian()\"\n            >\n            {{ meridian }}\n          </button>\n        </td>\n      }\n    </tr>\n    <tr class=\"text-center\" [hidden]=\"!showSpinners\">\n      <!-- decrement hours button-->\n      <td>\n        <a class=\"btn btn-link\" [class.disabled]=\"!canDecrementHours || !isEditable\" (click)=\"changeHours(-hourStep)\">\n          <span class=\"thy-chevron thy-chevron-down\"></span>\n        </a>\n      </td>\n      <!-- divider -->\n      @if (showMinutes) {\n        <td>&nbsp;&nbsp;&nbsp;</td>\n      }\n      <!-- decrement minutes button-->\n      @if (showMinutes) {\n        <td>\n          <a class=\"btn btn-link\" [class.disabled]=\"!canDecrementMinutes || !isEditable\" (click)=\"changeMinutes(-minuteStep)\">\n            <span class=\"thy-chevron thy-chevron-down\"></span>\n          </a>\n        </td>\n      }\n      <!-- divider -->\n      @if (showSeconds) {\n        <td>&nbsp;</td>\n      }\n      <!-- decrement seconds button-->\n      @if (showSeconds) {\n        <td>\n          <a class=\"btn btn-link\" [class.disabled]=\"!canDecrementSeconds || !isEditable\" (click)=\"changeSeconds(-secondsStep)\">\n            <span class=\"thy-chevron thy-chevron-down\"></span>\n          </a>\n        </td>\n      }\n      <!-- space between -->\n      @if (showMeridian) {\n        <td>&nbsp;&nbsp;&nbsp;</td>\n      }\n      <!-- meridian placeholder-->\n      @if (showMeridian) {\n        <td></td>\n      }\n    </tr>\n  </tbody>\n</table>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyInnerTimePicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyInnerTimePicker, decorators: [{
             type: Component,
             args: [{ selector: 'thy-inner-time-picker', changeDetection: ChangeDetectionStrategy.OnPush, providers: [TIMEPICKER_CONTROL_VALUE_ACCESSOR, ThyTimePickerStore], standalone: true, imports: [], template: "<table>\n  <tbody>\n    <tr class=\"text-center\" [hidden]=\"!showSpinners\">\n      <!-- increment hours button-->\n      <td>\n        <a class=\"btn btn-link\" [class.disabled]=\"!canIncrementHours || !isEditable\" (click)=\"changeHours(hourStep)\"\n          ><span class=\"thy-chevron thy-chevron-up\"></span\n        ></a>\n      </td>\n      <!-- divider -->\n      @if (showMinutes) {\n        <td>&nbsp;&nbsp;&nbsp;</td>\n      }\n      <!-- increment minutes button -->\n      @if (showMinutes) {\n        <td>\n          <a class=\"btn btn-link\" [class.disabled]=\"!canIncrementMinutes || !isEditable\" (click)=\"changeMinutes(minuteStep)\"\n            ><span class=\"thy-chevron thy-chevron-up\"></span\n          ></a>\n        </td>\n      }\n      <!-- divider -->\n      @if (showSeconds) {\n        <td>&nbsp;</td>\n      }\n      <!-- increment seconds button -->\n      @if (showSeconds) {\n        <td>\n          <a class=\"btn btn-link\" [class.disabled]=\"!canIncrementSeconds || !isEditable\" (click)=\"changeSeconds(secondsStep)\">\n            <span class=\"thy-chevron thy-chevron-up\"></span>\n          </a>\n        </td>\n      }\n      <!-- space between -->\n      @if (showMeridian) {\n        <td>&nbsp;&nbsp;&nbsp;</td>\n      }\n      <!-- meridian placeholder-->\n      @if (showMeridian) {\n        <td></td>\n      }\n    </tr>\n    <tr>\n      <!-- hours -->\n      <td class=\"form-group\" [class.has-error]=\"invalidHours\">\n        <input\n          type=\"text\"\n          [class.is-invalid]=\"invalidHours\"\n          class=\"form-control text-center thy-time-picker-field\"\n          [placeholder]=\"hoursPlaceholder\"\n          maxlength=\"2\"\n          [readonly]=\"readonlyInput\"\n          [disabled]=\"disabled\"\n          [value]=\"hours\"\n          (wheel)=\"prevDef($event); changeHours(hourStep * wheelSign($event), 'wheel')\"\n          (keydown.ArrowUp)=\"changeHours(hourStep, 'key')\"\n          (keydown.ArrowDown)=\"changeHours(-hourStep, 'key')\"\n          (change)=\"updateHours($event.target.value)\"\n          />\n      </td>\n\n      <!-- divider -->\n      @if (showMinutes) {\n        <td>&nbsp;:&nbsp;</td>\n      }\n      <!-- minutes -->\n      @if (showMinutes) {\n        <td class=\"form-group\" [class.has-error]=\"invalidMinutes\">\n          <input\n            type=\"text\"\n            [class.is-invalid]=\"invalidMinutes\"\n            class=\"form-control text-center thy-time-picker-field\"\n            [placeholder]=\"minutesPlaceholder\"\n            maxlength=\"2\"\n            [readonly]=\"readonlyInput\"\n            [disabled]=\"disabled\"\n            [value]=\"minutes\"\n            (wheel)=\"prevDef($event); changeMinutes(minuteStep * wheelSign($event), 'wheel')\"\n            (keydown.ArrowUp)=\"changeMinutes(minuteStep, 'key')\"\n            (keydown.ArrowDown)=\"changeMinutes(-minuteStep, 'key')\"\n            (change)=\"updateMinutes($event.target.value)\"\n            />\n        </td>\n      }\n      <!-- divider -->\n      @if (showSeconds) {\n        <td>&nbsp;:&nbsp;</td>\n      }\n      <!-- seconds -->\n      @if (showSeconds) {\n        <td class=\"form-group\" [class.has-error]=\"invalidSeconds\">\n          <input\n            type=\"text\"\n            [class.is-invalid]=\"invalidSeconds\"\n            class=\"form-control text-center thy-time-picker-field\"\n            [placeholder]=\"secondsPlaceholder\"\n            maxlength=\"2\"\n            [readonly]=\"readonlyInput\"\n            [disabled]=\"disabled\"\n            [value]=\"seconds\"\n            (wheel)=\"prevDef($event); changeSeconds(secondsStep * wheelSign($event), 'wheel')\"\n            (keydown.ArrowUp)=\"changeSeconds(secondsStep, 'key')\"\n            (keydown.ArrowDown)=\"changeSeconds(-secondsStep, 'key')\"\n            (change)=\"updateSeconds($event.target.value)\"\n            />\n        </td>\n      }\n      <!-- space between -->\n      @if (showMeridian) {\n        <td>&nbsp;&nbsp;&nbsp;</td>\n      }\n      <!-- meridian -->\n      @if (showMeridian) {\n        <td>\n          <button\n            type=\"button\"\n            class=\"btn btn-default text-center\"\n            [disabled]=\"!isEditable || !canToggleMeridian\"\n            [class.disabled]=\"!isEditable || !canToggleMeridian\"\n            (click)=\"toggleMeridian()\"\n            >\n            {{ meridian }}\n          </button>\n        </td>\n      }\n    </tr>\n    <tr class=\"text-center\" [hidden]=\"!showSpinners\">\n      <!-- decrement hours button-->\n      <td>\n        <a class=\"btn btn-link\" [class.disabled]=\"!canDecrementHours || !isEditable\" (click)=\"changeHours(-hourStep)\">\n          <span class=\"thy-chevron thy-chevron-down\"></span>\n        </a>\n      </td>\n      <!-- divider -->\n      @if (showMinutes) {\n        <td>&nbsp;&nbsp;&nbsp;</td>\n      }\n      <!-- decrement minutes button-->\n      @if (showMinutes) {\n        <td>\n          <a class=\"btn btn-link\" [class.disabled]=\"!canDecrementMinutes || !isEditable\" (click)=\"changeMinutes(-minuteStep)\">\n            <span class=\"thy-chevron thy-chevron-down\"></span>\n          </a>\n        </td>\n      }\n      <!-- divider -->\n      @if (showSeconds) {\n        <td>&nbsp;</td>\n      }\n      <!-- decrement seconds button-->\n      @if (showSeconds) {\n        <td>\n          <a class=\"btn btn-link\" [class.disabled]=\"!canDecrementSeconds || !isEditable\" (click)=\"changeSeconds(-secondsStep)\">\n            <span class=\"thy-chevron thy-chevron-down\"></span>\n          </a>\n        </td>\n      }\n      <!-- space between -->\n      @if (showMeridian) {\n        <td>&nbsp;&nbsp;&nbsp;</td>\n      }\n      <!-- meridian placeholder-->\n      @if (showMeridian) {\n        <td></td>\n      }\n    </tr>\n  </tbody>\n</table>\n" }]
         }], ctorParameters: () => [], propDecorators: { hourStep: [{
@@ -765,13 +771,13 @@ class ThyTimePanel {
         this.scrollTo(this.secondListRef.nativeElement, index);
     }
     selectNow() {
-        this.value = new Date();
+        this.value = new TinyDate()?.nativeDate;
         this.setHMSProperty();
         this.thyPickChange.emit(this.value);
         this.thyClosePanel.emit();
     }
     confirmPickTime() {
-        this.onValueChangeFn(this.value || new Date());
+        this.onValueChangeFn(this.value || new TinyDate()?.nativeDate);
         this.thyClosePanel.emit();
     }
     scrollTo(container, index = 0, duration = this.SCROLL_DEFAULT_DURATION) {
@@ -780,7 +786,7 @@ class ThyTimePanel {
     }
     writeValue(value) {
         if (value && isValid(value)) {
-            this.value = new Date(value);
+            this.value = new TinyDate(value)?.nativeDate;
             this.setHMSProperty();
         }
         else {
@@ -861,8 +867,8 @@ class ThyTimePanel {
             this.resetScrollPosition();
         }, 200);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyTimePanel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyTimePanel, isStandalone: true, selector: "thy-time-picker-panel", inputs: { thyFormat: "thyFormat", thyHourStep: "thyHourStep", thyMinuteStep: "thyMinuteStep", thySecondStep: "thySecondStep", thyShowSelectNow: ["thyShowSelectNow", "thyShowSelectNow", coerceBooleanProperty], thyShowOperations: ["thyShowOperations", "thyShowOperations", coerceBooleanProperty] }, outputs: { thyPickChange: "thyPickChange", thyClosePanel: "thyClosePanel" }, host: { properties: { "class.thy-time-picker-panel-has-bottom-operation": "thyShowOperations", "class.thy-time-picker-panel-columns-2": "showColumnCount === 2", "class.thy-time-picker-panel-columns-3": "showColumnCount === 3" }, classAttribute: "thy-time-picker-panel" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyTimePanel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ThyTimePanel, isStandalone: true, selector: "thy-time-picker-panel", inputs: { thyFormat: "thyFormat", thyHourStep: "thyHourStep", thyMinuteStep: "thyMinuteStep", thySecondStep: "thySecondStep", thyShowSelectNow: ["thyShowSelectNow", "thyShowSelectNow", coerceBooleanProperty], thyShowOperations: ["thyShowOperations", "thyShowOperations", coerceBooleanProperty] }, outputs: { thyPickChange: "thyPickChange", thyClosePanel: "thyClosePanel" }, host: { properties: { "class.thy-time-picker-panel-has-bottom-operation": "thyShowOperations", "class.thy-time-picker-panel-columns-2": "showColumnCount === 2", "class.thy-time-picker-panel-columns-3": "showColumnCount === 3" }, classAttribute: "thy-time-picker-panel" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -870,7 +876,7 @@ class ThyTimePanel {
             }
         ], viewQueries: [{ propertyName: "hourListRef", first: true, predicate: ["hourListElement"], descendants: true }, { propertyName: "minuteListRef", first: true, predicate: ["minuteListElement"], descendants: true }, { propertyName: "secondListRef", first: true, predicate: ["secondListElement"], descendants: true }], ngImport: i0, template: "<div class=\"{{ prefixCls }}-content\">\n  @if (showHourColumn) {\n    <ul #hourListElement class=\"{{ prefixCls }}-time-column {{ prefixCls }}-hour-column\">\n      @for (time of hourRange; track $index; let i = $index) {\n        <li\n          class=\"{{ prefixCls }}-time-column-cell\"\n          [class.thy-time-picker-panel-time-column-cell-selected]=\"hour === time.value\"\n          (click)=\"pickHours(time, i)\">\n          <span class=\"{{ prefixCls }}-time-column-cell-inner\">{{ time.value | number: '2.0-0' }}</span>\n        </li>\n      }\n    </ul>\n  }\n  @if (showMinuteColumn) {\n    <ul #minuteListElement class=\"{{ prefixCls }}-time-column {{ prefixCls }}-minute-column\">\n      @for (time of minuteRange; track $index; let i = $index) {\n        <li\n          class=\"{{ prefixCls }}-time-column-cell\"\n          [class.thy-time-picker-panel-time-column-cell-selected]=\"minute === time.value\"\n          (click)=\"pickMinutes(time, i)\">\n          <span class=\"{{ prefixCls }}-time-column-cell-inner\">{{ time.value | number: '2.0-0' }}</span>\n        </li>\n      }\n    </ul>\n  }\n  @if (showSecondColumn) {\n    <ul #secondListElement class=\"{{ prefixCls }}-time-column {{ prefixCls }}-second-column\">\n      @for (time of secondRange; track $index; let i = $index) {\n        <li\n          class=\"{{ prefixCls }}-time-column-cell\"\n          [class.thy-time-picker-panel-time-column-cell-selected]=\"second === time.value\"\n          (click)=\"pickSeconds(time, i)\">\n          <span class=\"{{ prefixCls }}-time-column-cell-inner\">{{ time.value | number: '2.0-0' }}</span>\n        </li>\n      }\n    </ul>\n  }\n</div>\n\n@if (thyShowOperations) {\n  <div class=\"{{ prefixCls }}-bottom-operation\">\n    @if (thyShowSelectNow) {\n      <a href=\"javascript:;\" class=\"{{ prefixCls }}-time-now\" (click)=\"selectNow()\">{{ locale().now }}</a>\n    }\n    <button class=\"{{ prefixCls }}-time-confirm\" thyButton=\"primary\" thySize=\"xs\" class=\"confirm\" (click)=\"confirmPickTime()\">\n      {{ locale().ok }}\n    </button>\n  </div>\n}\n", dependencies: [{ kind: "component", type: ThyButton, selector: "thy-button,[thy-button],[thyButton]", inputs: ["thyButton", "thyType", "thyLoading", "thyLoadingText", "thySize", "thyIcon", "thyBlock"] }, { kind: "pipe", type: DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyTimePanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyTimePanel, decorators: [{
             type: Component,
             args: [{ selector: 'thy-time-picker-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -1019,12 +1025,12 @@ class ThyTimePicker {
         }
     }
     onPickTime(value) {
-        this.originValue = new Date(value);
+        this.originValue = new TinyDate(value)?.nativeDate;
         this.setValue(value);
         this.emitValue();
     }
     onPickTimeConfirm(value) {
-        this.originValue = new Date(value);
+        this.originValue = new TinyDate(value)?.nativeDate;
         this.confirmValue(value);
     }
     onClearTime(e) {
@@ -1107,7 +1113,7 @@ class ThyTimePicker {
     }
     writeValue(value) {
         if (value && isValid(value)) {
-            this.originValue = new Date(value);
+            this.originValue = new TinyDate(value)?.nativeDate;
             this.setValue(new TinyDate(value).nativeDate);
         }
         else {
@@ -1126,7 +1132,7 @@ class ThyTimePicker {
     }
     setValue(value, formatText = true) {
         if (value && isValid(value)) {
-            this.value = new Date(value);
+            this.value = new TinyDate(value)?.nativeDate;
             if (formatText) {
                 this.showText = new TinyDate(this.value).format(this.format);
             }
@@ -1161,7 +1167,7 @@ class ThyTimePicker {
                 const minute = formatter[1] || 0;
                 const second = formatter[2] || 0;
                 this.setValue(new TinyDate().setHms(+hour, +minute, +second).nativeDate, false);
-                this.originValue = new Date(this.value);
+                this.originValue = new TinyDate(this.value)?.nativeDate;
                 this.emitValue();
             }
         }
@@ -1172,7 +1178,7 @@ class ThyTimePicker {
                 this.emitValue();
             }
             else {
-                this.value = new Date(this.originValue);
+                this.value = new TinyDate(this.originValue)?.nativeDate;
                 this.showText = ``;
                 this.cdr.markForCheck();
             }
@@ -1195,8 +1201,8 @@ class ThyTimePicker {
     disabledUserOperation() {
         return this.disabled || this.thyReadonly;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyTimePicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyTimePicker, isStandalone: true, selector: "thy-time-picker", inputs: { thySize: "thySize", thyPlaceholder: "thyPlaceholder", thyPlacement: "thyPlacement", thyFormat: "thyFormat", thyHourStep: "thyHourStep", thyMinuteStep: "thyMinuteStep", thySecondStep: "thySecondStep", thyPopupClass: "thyPopupClass", thyBackdrop: ["thyBackdrop", "thyBackdrop", coerceBooleanProperty], thyDisabled: ["thyDisabled", "thyDisabled", coerceBooleanProperty], thyReadonly: ["thyReadonly", "thyReadonly", coerceBooleanProperty], thyShowSelectNow: ["thyShowSelectNow", "thyShowSelectNow", coerceBooleanProperty], thyAllowClear: ["thyAllowClear", "thyAllowClear", coerceBooleanProperty] }, outputs: { thyOpenChange: "thyOpenChange" }, host: { properties: { "class.thy-time-picker-disabled": "disabled", "class.thy-time-picker-readonly": "thyReadonly" }, classAttribute: "thy-time-picker" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyTimePicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ThyTimePicker, isStandalone: true, selector: "thy-time-picker", inputs: { thySize: "thySize", thyPlaceholder: "thyPlaceholder", thyPlacement: "thyPlacement", thyFormat: "thyFormat", thyHourStep: "thyHourStep", thyMinuteStep: "thyMinuteStep", thySecondStep: "thySecondStep", thyPopupClass: "thyPopupClass", thyBackdrop: ["thyBackdrop", "thyBackdrop", coerceBooleanProperty], thyDisabled: ["thyDisabled", "thyDisabled", coerceBooleanProperty], thyReadonly: ["thyReadonly", "thyReadonly", coerceBooleanProperty], thyShowSelectNow: ["thyShowSelectNow", "thyShowSelectNow", coerceBooleanProperty], thyAllowClear: ["thyAllowClear", "thyAllowClear", coerceBooleanProperty] }, outputs: { thyOpenChange: "thyOpenChange" }, host: { properties: { "class.thy-time-picker-disabled": "disabled", "class.thy-time-picker-readonly": "thyReadonly" }, classAttribute: "thy-time-picker" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -1204,7 +1210,7 @@ class ThyTimePicker {
             }
         ], viewQueries: [{ propertyName: "cdkConnectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true, static: true }, { propertyName: "origin", first: true, predicate: ["origin"], descendants: true, static: true }, { propertyName: "inputRef", first: true, predicate: ["pickerInput"], descendants: true, static: true }, { propertyName: "overlayContainer", first: true, predicate: ["overlayContainer"], descendants: true }], ngImport: i0, template: "<span cdkOverlayOrigin #origin=\"cdkOverlayOrigin\" (click)=\"onInputPickerClick()\" class=\"{{ prefixCls }}-wrapper\">\n  <ng-container>\n    <input\n      #pickerInput\n      thyInput\n      class=\"form-control {{ prefixCls }}-input\"\n      [class.thy-input-disabled]=\"disabled\"\n      [class.thy-input-readonly]=\"thyReadonly\"\n      [class.thy-time-picker-panel-opened]=\"openState\"\n      [(ngModel)]=\"showText\"\n      [thySize]=\"thySize\"\n      [disabled]=\"disabled\"\n      [readonly]=\"thyReadonly\"\n      [placeholder]=\"thyPlaceholder\"\n      (blur)=\"onInputPickerBlur()\"\n      (keyup.enter)=\"onKeyupEnter()\"\n      (keyup.escape)=\"onKeyupEsc()\"\n      (ngModelChange)=\"onCustomizeInput($event)\" />\n    <ng-container *ngTemplateOutlet=\"rightIcon\"></ng-container>\n  </ng-container>\n</span>\n\n<ng-template #rightIcon>\n  @if (!disabled && thyAllowClear && !thyReadonly && showText) {\n    <span class=\"{{ prefixCls }}-clear\">\n      <thy-icon thyIconName=\"close-circle-bold-fill\" (click)=\"onClearTime($event)\" ngClass=\"remove-link remove-link-{{ thySize }}\"></thy-icon>\n    </span>\n  }\n  <span class=\"{{ prefixCls }}-icon\">\n    <thy-icon [thyIconName]=\"'clock-circle-moment'\" ngClass=\"remove-link-{{ thySize }}\"></thy-icon>\n  </span>\n</ng-template>\n\n<!-- Overlay -->\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"origin\"\n  [cdkConnectedOverlayOpen]=\"openState\"\n  [cdkConnectedOverlayHasBackdrop]=\"thyBackdrop\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  cdkConnectedOverlayTransformOriginOn=\".thy-time-picker-container\"\n  (positionChange)=\"onPositionChange($event)\"\n  (backdropClick)=\"onClickBackdrop()\"\n  (overlayOutsideClick)=\"onOutsideClick($event)\"\n  (detach)=\"onOverlayDetach()\"\n  (attach)=\"onOverlayAttach()\">\n  <div\n    #overlayContainer\n    style=\"position: relative\"\n    [@scaleXMotion]=\"thyPlacement === 'left' || thyPlacement === 'right' ? 'enter' : 'void'\"\n    [@scaleYMotion]=\"thyPlacement === 'top' || thyPlacement === 'bottom' ? 'enter' : 'void'\"\n    [@scaleMotion]=\"\n      thyPlacement !== 'left' && thyPlacement !== 'right' && thyPlacement !== 'top' && thyPlacement !== 'bottom' ? 'enter' : 'void'\n    \"\n    class=\"thy-time-picker-container\">\n    <!-- Compatible for overlay that not support offset dynamically and immediately -->\n    <thy-time-picker-panel\n      [ngClass]=\"thyPopupClass\"\n      [(ngModel)]=\"value\"\n      [thyFormat]=\"format\"\n      [thyHourStep]=\"thyHourStep\"\n      [thyMinuteStep]=\"thyMinuteStep\"\n      [thySecondStep]=\"thySecondStep\"\n      [thyShowSelectNow]=\"thyShowSelectNow\"\n      (ngModelChange)=\"onPickTimeConfirm($event)\"\n      (thyPickChange)=\"onPickTime($event)\"\n    (thyClosePanel)=\"closeOverlay()\"></thy-time-picker-panel>\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: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: 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"] }, { kind: "component", type: ThyTimePanel, selector: "thy-time-picker-panel", inputs: ["thyFormat", "thyHourStep", "thyMinuteStep", "thySecondStep", "thyShowSelectNow", "thyShowOperations"], outputs: ["thyPickChange", "thyClosePanel"] }], animations: [scaleXMotion, scaleYMotion, scaleMotion], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyTimePicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyTimePicker, decorators: [{
             type: Component,
             args: [{ selector: 'thy-time-picker', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -1266,8 +1272,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
 
 const COMPONENTS = [ThyInnerTimePicker, ThyTimePicker, ThyTimePanel];
 class ThyTimePickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyTimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: ThyTimePickerModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyTimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ThyTimePickerModule, imports: [CommonModule,
             FormsModule,
             ThySharedModule,
             ThyIconModule,
@@ -1275,7 +1281,7 @@ class ThyTimePickerModule {
             OverlayModule,
             ThyPopoverModule,
             ThyButtonModule, ThyInnerTimePicker, ThyTimePicker, ThyTimePanel], exports: [ThyInnerTimePicker, ThyTimePicker, ThyTimePanel] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyTimePickerModule, providers: [TimePickerConfig, ThyTimePickerStore], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyTimePickerModule, providers: [TimePickerConfig, ThyTimePickerStore], imports: [CommonModule,
             FormsModule,
             ThySharedModule,
             ThyIconModule,
@@ -1284,7 +1290,7 @@ class ThyTimePickerModule {
             ThyPopoverModule,
             ThyButtonModule, ThyTimePicker, ThyTimePanel] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyTimePickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyTimePickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [