ngx-tethys 20.0.1 → 20.0.2

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

@@ -309,10 +309,10 @@ class TimePickerConfig {
         /** placeholder for seconds field in timePicker */
         this.secondsPlaceholder = 'SS';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TimePickerConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TimePickerConfig }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TimePickerConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TimePickerConfig }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TimePickerConfig, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TimePickerConfig, decorators: [{
             type: Injectable
         }] });
 
@@ -408,13 +408,13 @@ class ThyTimePickerStore extends MiniStore {
         }
         this.setState(_newState);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyTimePickerStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyTimePickerStore }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThyTimePickerStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThyTimePickerStore }); }
 }
 __decorate([
     MiniAction(),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Date]),
+    __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], ThyTimePickerStore.prototype, "writeValue", null);
 __decorate([
@@ -447,7 +447,7 @@ __decorate([
     __metadata("design:paramtypes", [Object, String]),
     __metadata("design:returntype", void 0)
 ], ThyTimePickerStore.prototype, "updateControls", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyTimePickerStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThyTimePickerStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [], propDecorators: { writeValue: [], changeHours: [], changeMinutes: [], changeSeconds: [], setTime: [], updateControls: [] } });
 
@@ -623,7 +623,7 @@ class ThyInnerTimePicker {
         });
     }
     writeValue(obj) {
-        if (isValidDate(obj)) {
+        if (obj && isValidDate(obj)) {
             this._store.writeValue(parseTime(obj, this.timeZone()));
         }
         else if (obj == null) {
@@ -666,10 +666,10 @@ class ThyInnerTimePicker {
         this.minutes = padNumber(_value.getMinutes());
         this.seconds = padNumber(_value.getUTCSeconds());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyInnerTimePicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: ThyInnerTimePicker, isStandalone: true, selector: "thy-inner-time-picker", inputs: { hourStep: { classPropertyName: "hourStep", publicName: "hourStep", isSignal: true, isRequired: false, transformFunction: null }, minuteStep: { classPropertyName: "minuteStep", publicName: "minuteStep", isSignal: true, isRequired: false, transformFunction: null }, secondsStep: { classPropertyName: "secondsStep", publicName: "secondsStep", isSignal: true, isRequired: false, transformFunction: null }, readonlyInput: { classPropertyName: "readonlyInput", publicName: "readonlyInput", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, mousewheel: { classPropertyName: "mousewheel", publicName: "mousewheel", isSignal: true, isRequired: false, transformFunction: null }, arrowKeys: { classPropertyName: "arrowKeys", publicName: "arrowKeys", isSignal: true, isRequired: false, transformFunction: null }, showSpinners: { classPropertyName: "showSpinners", publicName: "showSpinners", isSignal: true, isRequired: false, transformFunction: null }, showMeridian: { classPropertyName: "showMeridian", publicName: "showMeridian", isSignal: true, isRequired: false, transformFunction: null }, showMinutes: { classPropertyName: "showMinutes", publicName: "showMinutes", isSignal: true, isRequired: false, transformFunction: null }, showSeconds: { classPropertyName: "showSeconds", publicName: "showSeconds", isSignal: true, isRequired: false, transformFunction: null }, meridians: { classPropertyName: "meridians", publicName: "meridians", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, hoursPlaceholder: { classPropertyName: "hoursPlaceholder", publicName: "hoursPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, minutesPlaceholder: { classPropertyName: "minutesPlaceholder", publicName: "minutesPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, secondsPlaceholder: { classPropertyName: "secondsPlaceholder", publicName: "secondsPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", isValid: "isValid" }, providers: [TIMEPICKER_CONTROL_VALUE_ACCESSOR, ThyTimePickerStore], 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      </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        </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        </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            {{ 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: "20.3.15", ngImport: i0, type: ThyInnerTimePicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ThyInnerTimePicker, isStandalone: true, selector: "thy-inner-time-picker", inputs: { hourStep: { classPropertyName: "hourStep", publicName: "hourStep", isSignal: true, isRequired: false, transformFunction: null }, minuteStep: { classPropertyName: "minuteStep", publicName: "minuteStep", isSignal: true, isRequired: false, transformFunction: null }, secondsStep: { classPropertyName: "secondsStep", publicName: "secondsStep", isSignal: true, isRequired: false, transformFunction: null }, readonlyInput: { classPropertyName: "readonlyInput", publicName: "readonlyInput", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, mousewheel: { classPropertyName: "mousewheel", publicName: "mousewheel", isSignal: true, isRequired: false, transformFunction: null }, arrowKeys: { classPropertyName: "arrowKeys", publicName: "arrowKeys", isSignal: true, isRequired: false, transformFunction: null }, showSpinners: { classPropertyName: "showSpinners", publicName: "showSpinners", isSignal: true, isRequired: false, transformFunction: null }, showMeridian: { classPropertyName: "showMeridian", publicName: "showMeridian", isSignal: true, isRequired: false, transformFunction: null }, showMinutes: { classPropertyName: "showMinutes", publicName: "showMinutes", isSignal: true, isRequired: false, transformFunction: null }, showSeconds: { classPropertyName: "showSeconds", publicName: "showSeconds", isSignal: true, isRequired: false, transformFunction: null }, meridians: { classPropertyName: "meridians", publicName: "meridians", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, hoursPlaceholder: { classPropertyName: "hoursPlaceholder", publicName: "hoursPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, minutesPlaceholder: { classPropertyName: "minutesPlaceholder", publicName: "minutesPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, secondsPlaceholder: { classPropertyName: "secondsPlaceholder", publicName: "secondsPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", isValid: "isValid" }, providers: [TIMEPICKER_CONTROL_VALUE_ACCESSOR, ThyTimePickerStore], 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      </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        </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        </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            {{ 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: "20.3.14", ngImport: i0, type: ThyInnerTimePicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThyInnerTimePicker, decorators: [{
             type: Component,
             args: [{ selector: 'thy-inner-time-picker', changeDetection: ChangeDetectionStrategy.OnPush, providers: [TIMEPICKER_CONTROL_VALUE_ACCESSOR, ThyTimePickerStore], 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      </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        </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        </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            {{ 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: [{ type: i0.Input, args: [{ isSignal: true, alias: "hourStep", required: false }] }], minuteStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "minuteStep", required: false }] }], secondsStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondsStep", required: false }] }], readonlyInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonlyInput", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], mousewheel: [{ type: i0.Input, args: [{ isSignal: true, alias: "mousewheel", required: false }] }], arrowKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "arrowKeys", required: false }] }], showSpinners: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSpinners", required: false }] }], showMeridian: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMeridian", required: false }] }], showMinutes: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMinutes", required: false }] }], showSeconds: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSeconds", required: false }] }], meridians: [{ type: i0.Input, args: [{ isSignal: true, alias: "meridians", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], hoursPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "hoursPlaceholder", required: false }] }], minutesPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "minutesPlaceholder", required: false }] }], secondsPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondsPlaceholder", required: false }] }], timeZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeZone", required: false }] }], isValid: [{ type: i0.Output, args: ["isValid"] }] } });
@@ -897,8 +897,8 @@ class ThyTimePanel {
             this.resetScrollPosition();
         }, 200);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyTimePanel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: ThyTimePanel, isStandalone: true, selector: "thy-time-picker-panel", inputs: { thyFormat: { classPropertyName: "thyFormat", publicName: "thyFormat", isSignal: true, isRequired: false, transformFunction: null }, thyHourStep: { classPropertyName: "thyHourStep", publicName: "thyHourStep", isSignal: true, isRequired: false, transformFunction: null }, thyMinuteStep: { classPropertyName: "thyMinuteStep", publicName: "thyMinuteStep", isSignal: true, isRequired: false, transformFunction: null }, thySecondStep: { classPropertyName: "thySecondStep", publicName: "thySecondStep", isSignal: true, isRequired: false, transformFunction: null }, thyShowSelectNow: { classPropertyName: "thyShowSelectNow", publicName: "thyShowSelectNow", isSignal: true, isRequired: false, transformFunction: null }, thyShowOperations: { classPropertyName: "thyShowOperations", publicName: "thyShowOperations", isSignal: true, isRequired: false, transformFunction: null } }, 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: "20.3.15", ngImport: i0, type: ThyTimePanel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ThyTimePanel, isStandalone: true, selector: "thy-time-picker-panel", inputs: { thyFormat: { classPropertyName: "thyFormat", publicName: "thyFormat", isSignal: true, isRequired: false, transformFunction: null }, thyHourStep: { classPropertyName: "thyHourStep", publicName: "thyHourStep", isSignal: true, isRequired: false, transformFunction: null }, thyMinuteStep: { classPropertyName: "thyMinuteStep", publicName: "thyMinuteStep", isSignal: true, isRequired: false, transformFunction: null }, thySecondStep: { classPropertyName: "thySecondStep", publicName: "thySecondStep", isSignal: true, isRequired: false, transformFunction: null }, thyShowSelectNow: { classPropertyName: "thyShowSelectNow", publicName: "thyShowSelectNow", isSignal: true, isRequired: false, transformFunction: null }, thyShowOperations: { classPropertyName: "thyShowOperations", publicName: "thyShowOperations", isSignal: true, isRequired: false, transformFunction: null } }, 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,
@@ -906,7 +906,7 @@ class ThyTimePanel {
             }
         ], viewQueries: [{ propertyName: "hourListRef", first: true, predicate: ["hourListElement"], descendants: true, isSignal: true }, { propertyName: "minuteListRef", first: true, predicate: ["minuteListElement"], descendants: true, isSignal: true }, { propertyName: "secondListRef", first: true, predicate: ["secondListElement"], descendants: true, isSignal: 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: "20.3.14", ngImport: i0, type: ThyTimePanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThyTimePanel, decorators: [{
             type: Component,
             args: [{ selector: 'thy-time-picker-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -934,7 +934,7 @@ class ThyTimePicker {
         this.cdkConnectedOverlay = viewChild(CdkConnectedOverlay, ...(ngDevMode ? [{ debugName: "cdkConnectedOverlay" }] : []));
         this.origin = viewChild('origin', ...(ngDevMode ? [{ debugName: "origin" }] : []));
         this.inputRef = viewChild('pickerInput', ...(ngDevMode ? [{ debugName: "inputRef" }] : []));
-        this.overlayContainer = viewChild('overlayContainer', ...(ngDevMode ? [{ debugName: "overlayContainer" }] : []));
+        this.overlayContainer = viewChild.required('overlayContainer');
         /**
          * 输入框大小
          * @type 'xs' | 'sm' | 'md' | 'lg' | 'default'
@@ -1222,8 +1222,8 @@ class ThyTimePicker {
     disabledUserOperation() {
         return this.thyDisabled() || this.thyReadonly();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyTimePicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: ThyTimePicker, isStandalone: true, selector: "thy-time-picker", inputs: { thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyPlaceholder: { classPropertyName: "thyPlaceholder", publicName: "thyPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, thyPlacement: { classPropertyName: "thyPlacement", publicName: "thyPlacement", isSignal: true, isRequired: false, transformFunction: null }, thyFormat: { classPropertyName: "thyFormat", publicName: "thyFormat", isSignal: true, isRequired: false, transformFunction: null }, thyHourStep: { classPropertyName: "thyHourStep", publicName: "thyHourStep", isSignal: true, isRequired: false, transformFunction: null }, thyMinuteStep: { classPropertyName: "thyMinuteStep", publicName: "thyMinuteStep", isSignal: true, isRequired: false, transformFunction: null }, thySecondStep: { classPropertyName: "thySecondStep", publicName: "thySecondStep", isSignal: true, isRequired: false, transformFunction: null }, thyPopupClass: { classPropertyName: "thyPopupClass", publicName: "thyPopupClass", isSignal: true, isRequired: false, transformFunction: null }, thyBackdrop: { classPropertyName: "thyBackdrop", publicName: "thyBackdrop", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: true, isRequired: false, transformFunction: null }, thyReadonly: { classPropertyName: "thyReadonly", publicName: "thyReadonly", isSignal: true, isRequired: false, transformFunction: null }, thyShowSelectNow: { classPropertyName: "thyShowSelectNow", publicName: "thyShowSelectNow", isSignal: true, isRequired: false, transformFunction: null }, thyAllowClear: { classPropertyName: "thyAllowClear", publicName: "thyAllowClear", isSignal: true, isRequired: false, transformFunction: null }, showText: { classPropertyName: "showText", publicName: "showText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyDisabled: "thyDisabledChange", thyOpenChange: "thyOpenChange", showText: "showTextChange" }, host: { properties: { "class.thy-time-picker-disabled": "thyDisabled()", "class.thy-time-picker-readonly": "thyReadonly()" }, classAttribute: "thy-time-picker" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThyTimePicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ThyTimePicker, isStandalone: true, selector: "thy-time-picker", inputs: { thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyPlaceholder: { classPropertyName: "thyPlaceholder", publicName: "thyPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, thyPlacement: { classPropertyName: "thyPlacement", publicName: "thyPlacement", isSignal: true, isRequired: false, transformFunction: null }, thyFormat: { classPropertyName: "thyFormat", publicName: "thyFormat", isSignal: true, isRequired: false, transformFunction: null }, thyHourStep: { classPropertyName: "thyHourStep", publicName: "thyHourStep", isSignal: true, isRequired: false, transformFunction: null }, thyMinuteStep: { classPropertyName: "thyMinuteStep", publicName: "thyMinuteStep", isSignal: true, isRequired: false, transformFunction: null }, thySecondStep: { classPropertyName: "thySecondStep", publicName: "thySecondStep", isSignal: true, isRequired: false, transformFunction: null }, thyPopupClass: { classPropertyName: "thyPopupClass", publicName: "thyPopupClass", isSignal: true, isRequired: false, transformFunction: null }, thyBackdrop: { classPropertyName: "thyBackdrop", publicName: "thyBackdrop", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: true, isRequired: false, transformFunction: null }, thyReadonly: { classPropertyName: "thyReadonly", publicName: "thyReadonly", isSignal: true, isRequired: false, transformFunction: null }, thyShowSelectNow: { classPropertyName: "thyShowSelectNow", publicName: "thyShowSelectNow", isSignal: true, isRequired: false, transformFunction: null }, thyAllowClear: { classPropertyName: "thyAllowClear", publicName: "thyAllowClear", isSignal: true, isRequired: false, transformFunction: null }, showText: { classPropertyName: "showText", publicName: "showText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyDisabled: "thyDisabledChange", thyOpenChange: "thyOpenChange", showText: "showTextChange" }, host: { properties: { "class.thy-time-picker-disabled": "thyDisabled()", "class.thy-time-picker-readonly": "thyReadonly()" }, classAttribute: "thy-time-picker" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -1231,7 +1231,7 @@ class ThyTimePicker {
             }
         ], viewQueries: [{ propertyName: "cdkConnectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true, isSignal: true }, { propertyName: "origin", first: true, predicate: ["origin"], descendants: true, isSignal: true }, { propertyName: "inputRef", first: true, predicate: ["pickerInput"], descendants: true, isSignal: true }, { propertyName: "overlayContainer", first: true, predicate: ["overlayContainer"], descendants: true, isSignal: 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]=\"thyDisabled()\"\n      [class.thy-input-readonly]=\"thyReadonly()\"\n      [class.thy-time-picker-panel-opened]=\"openState\"\n      [(ngModel)]=\"showText\"\n      [thySize]=\"thySize()\"\n      [disabled]=\"thyDisabled()\"\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 (!thyDisabled() && thyAllowClear() && !thyReadonly() && showText()) {\n    <span class=\"{{ prefixCls }}-clear\">\n      <thy-icon\n        thyIconName=\"close-circle-bold-fill\"\n        (click)=\"onClearTime($event)\"\n        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]=\"thyFormat()\"\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: "20.3.14", ngImport: i0, type: ThyTimePicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThyTimePicker, decorators: [{
             type: Component,
             args: [{ selector: 'thy-time-picker', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -1248,8 +1248,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
 
 const COMPONENTS = [ThyInnerTimePicker, ThyTimePicker, ThyTimePanel];
 class ThyTimePickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyTimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.14", ngImport: i0, type: ThyTimePickerModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThyTimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: ThyTimePickerModule, imports: [CommonModule,
             FormsModule,
             ThySharedModule,
             ThyIconModule,
@@ -1257,7 +1257,7 @@ class ThyTimePickerModule {
             OverlayModule,
             ThyPopoverModule,
             ThyButtonModule, ThyInnerTimePicker, ThyTimePicker, ThyTimePanel], exports: [ThyInnerTimePicker, ThyTimePicker, ThyTimePanel] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyTimePickerModule, providers: [TimePickerConfig, ThyTimePickerStore], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThyTimePickerModule, providers: [TimePickerConfig, ThyTimePickerStore], imports: [CommonModule,
             FormsModule,
             ThySharedModule,
             ThyIconModule,
@@ -1266,7 +1266,7 @@ class ThyTimePickerModule {
             ThyPopoverModule,
             ThyButtonModule, ThyTimePicker, ThyTimePanel] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyTimePickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThyTimePickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [