ngx-tethys 18.2.10 → 18.2.13

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

@@ -62,20 +62,20 @@ function parseSeconds(value) {
     }
     return seconds;
 }
-function parseTime(value) {
+function parseTime(value, timeZone) {
     if (typeof value === 'string') {
-        return new TinyDate(value)?.nativeDate;
+        return new TinyDate(value, timeZone)?.nativeDate;
     }
     else if (value instanceof TinyDate) {
         return value?.nativeDate;
     }
     else {
-        return new TinyDate(value)?.nativeDate;
+        return new TinyDate(value, timeZone)?.nativeDate;
     }
 }
-function changeTime(value, diff) {
+function changeTime(value, diff, timeZone) {
     if (!value) {
-        return changeTime(createDate(new TinyDate()?.nativeDate, 0, 0, 0), diff);
+        return changeTime(createDate(new TinyDate(undefined, timeZone)?.nativeDate, 0, 0, 0), diff, timeZone);
     }
     let hour = value.getHours();
     let minutes = value.getMinutes();
@@ -92,9 +92,9 @@ function changeTime(value, diff) {
     if (diff.seconds) {
         seconds = seconds + coerceNumberProperty(diff.seconds);
     }
-    return createDate(value, hour, minutes, seconds);
+    return createDate(value, hour, minutes, seconds, timeZone);
 }
-function setTime(value, opts) {
+function setTime(value, opts, timeZone) {
     let hour = parseHours(opts.hour);
     const minute = parseMinutes(opts.minute);
     const seconds = parseSeconds(opts.seconds) || 0;
@@ -103,17 +103,17 @@ function setTime(value, opts) {
     }
     if (!value) {
         if (!isNaN(hour) && !isNaN(minute)) {
-            return createDate(new TinyDate()?.nativeDate, hour, minute, seconds);
+            return createDate(new TinyDate(undefined, timeZone)?.nativeDate, hour, minute, seconds, timeZone);
         }
         return value;
     }
     if (isNaN(hour) || isNaN(minute)) {
         return value;
     }
-    return createDate(value, hour, minute, seconds);
+    return createDate(value, hour, minute, seconds, timeZone);
 }
-function createDate(value, hours, minutes, seconds) {
-    return new TinyDate(value).setHours(hours).setMinutes(minutes).setSeconds(seconds).nativeDate;
+function createDate(value, hours, minutes, seconds, timeZone) {
+    return new TinyDate(value, timeZone).setHours(hours).setMinutes(minutes).setSeconds(seconds).nativeDate;
 }
 function padNumber(value) {
     const _value = value.toString();
@@ -131,8 +131,8 @@ function isMinuteInputValid(minutes) {
 function isSecondInputValid(seconds) {
     return !isNaN(parseSeconds(seconds));
 }
-function isInputLimitValid(diff, max, min) {
-    const newDate = setTime(new TinyDate()?.nativeDate, diff);
+function isInputLimitValid(diff, max, min, timeZone) {
+    const newDate = setTime(new TinyDate(undefined, timeZone)?.nativeDate, diff, timeZone);
     if (max && newDate > max) {
         return false;
     }
@@ -330,50 +330,50 @@ class ThyTimePickerStore extends MiniStore {
             this.setState({ value: value });
         }
     }
-    changeHours(event) {
+    changeHours(event, timeZone) {
         const state = this.snapshot;
         if (!canChangeValue(state.config, event) || !canChangeHours(event, state.controls)) {
             return state;
         }
-        const _newTime = changeTime(state.value, { hour: event.step });
+        const _newTime = changeTime(state.value, { hour: event.step }, timeZone);
         if ((state.config.max || state.config.min) && !isValidLimit(state.config, _newTime)) {
             return state;
         }
         this.setState({ value: _newTime });
     }
-    changeMinutes(event) {
+    changeMinutes(event, timeZone) {
         const state = this.snapshot;
         if (!canChangeValue(state.config, event) || !canChangeMinutes(event, state.controls)) {
             return state;
         }
-        const _newTime = changeTime(state.value, { minute: event.step });
+        const _newTime = changeTime(state.value, { minute: event.step }, timeZone);
         if ((state.config.max || state.config.min) && !isValidLimit(state.config, _newTime)) {
             return state;
         }
         this.setState({ value: _newTime });
     }
-    changeSeconds(event) {
+    changeSeconds(event, timeZone) {
         const state = this.snapshot;
         if (!canChangeValue(state.config, event) || !canChangeSeconds(event, state.controls)) {
             return state;
         }
         const _newTime = changeTime(state.value, {
             seconds: event.step
-        });
+        }, timeZone);
         if ((state.config.max || state.config.min) && !isValidLimit(state.config, _newTime)) {
             return state;
         }
         this.setState({ value: _newTime });
     }
-    setTime(value) {
+    setTime(value, timeZone) {
         const state = this.snapshot;
         if (!canChangeValue(state.config)) {
             return state;
         }
-        const _newTime = setTime(state.value, value);
+        const _newTime = setTime(state.value, value, timeZone);
         this.setState({ value: _newTime });
     }
-    updateControls(value) {
+    updateControls(value, timeZone) {
         const state = this.snapshot;
         const _newControlsState = timePickerControls(state.value, value);
         const _newState = {
@@ -383,7 +383,7 @@ class ThyTimePickerStore extends MiniStore {
         };
         if (state.config.showMeridian !== _newState.config.showMeridian) {
             if (state.value) {
-                _newState.value = new TinyDate(state.value)?.nativeDate;
+                _newState.value = new TinyDate(state.value, timeZone)?.nativeDate;
             }
         }
         this.setState(_newState);
@@ -400,31 +400,31 @@ __decorate([
 __decorate([
     MiniAction(),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object]),
+    __metadata("design:paramtypes", [Object, String]),
     __metadata("design:returntype", void 0)
 ], ThyTimePickerStore.prototype, "changeHours", null);
 __decorate([
     MiniAction(),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object]),
+    __metadata("design:paramtypes", [Object, String]),
     __metadata("design:returntype", void 0)
 ], ThyTimePickerStore.prototype, "changeMinutes", null);
 __decorate([
     MiniAction(),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object]),
+    __metadata("design:paramtypes", [Object, String]),
     __metadata("design:returntype", void 0)
 ], ThyTimePickerStore.prototype, "changeSeconds", null);
 __decorate([
     MiniAction(),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object]),
+    __metadata("design:paramtypes", [Object, String]),
     __metadata("design:returntype", void 0)
 ], ThyTimePickerStore.prototype, "setTime", null);
 __decorate([
     MiniAction(),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object]),
+    __metadata("design:paramtypes", [Object, String]),
     __metadata("design:returntype", void 0)
 ], ThyTimePickerStore.prototype, "updateControls", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThyTimePickerStore, decorators: [{
@@ -466,7 +466,7 @@ class ThyInnerTimePicker {
             // update UI values if date changed
             this._renderTime(value);
             this.onChange(value);
-            this._store.updateControls(getControlsValue(this));
+            this._store.updateControls(getControlsValue(this), this.timeZone);
         }));
         this.timerPickerSubscription.add(_store
             .select(state => state.controls)
@@ -491,19 +491,19 @@ class ThyInnerTimePicker {
         return Math.sign($event.deltaY) * -1;
     }
     ngOnChanges(changes) {
-        this._store.updateControls(getControlsValue(this));
+        this._store.updateControls(getControlsValue(this), this.timeZone);
     }
     changeHours(step, source = '') {
         this.resetValidation();
-        this._store.changeHours({ step, source });
+        this._store.changeHours({ step, source }, this.timeZone);
     }
     changeMinutes(step, source = '') {
         this.resetValidation();
-        this._store.changeMinutes({ step, source });
+        this._store.changeMinutes({ step, source }, this.timeZone);
     }
     changeSeconds(step, source = '') {
         this.resetValidation();
-        this._store.changeSeconds({ step, source });
+        this._store.changeSeconds({ step, source }, this.timeZone);
     }
     updateHours(hours) {
         this.resetValidation();
@@ -547,7 +547,7 @@ class ThyInnerTimePicker {
             minute: this.minutes,
             seconds: this.seconds,
             isPM: this.isPM()
-        }, this.max, this.min);
+        }, this.max, this.min, this.timeZone);
     }
     _updateTime() {
         const _seconds = this.showSeconds ? this.seconds : void 0;
@@ -562,7 +562,7 @@ class ThyInnerTimePicker {
             minute: this.minutes,
             seconds: this.seconds,
             isPM: this.isPM()
-        });
+        }, this.timeZone);
     }
     toggleMeridian() {
         if (!this.showMeridian || !this.isEditable) {
@@ -576,7 +576,7 @@ class ThyInnerTimePicker {
     }
     writeValue(obj) {
         if (isValidDate(obj)) {
-            this._store.writeValue(parseTime(obj));
+            this._store.writeValue(parseTime(obj, this.timeZone));
         }
         else if (obj == null) {
             this._store.writeValue(null);
@@ -603,7 +603,7 @@ class ThyInnerTimePicker {
             this.meridian = this.meridians[0];
             return;
         }
-        const _value = parseTime(value);
+        const _value = parseTime(value, this.timeZone);
         const _hoursPerDayHalf = 12;
         let _hours = _value.getHours();
         if (this.showMeridian) {
@@ -619,7 +619,7 @@ class ThyInnerTimePicker {
         this.seconds = padNumber(_value.getUTCSeconds());
     }
     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 }); }
+    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", timeZone: "timeZone" }, 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.13", ngImport: i0, type: ThyInnerTimePicker, decorators: [{
             type: Component,
@@ -658,6 +658,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], secondsPlaceholder: [{
                 type: Input
+            }], timeZone: [{
+                type: Input
             }], isValid: [{
                 type: Output
             }] } });