@syncfusion/ej2-calendars 19.2.62 → 19.3.53

package/src/timepicker/timepicker.js

@@ -18,11 +18,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { EventHandler, Property, Internationalization, NotifyPropertyChanges, isBlazor } from '@syncfusion/ej2-base';
+import { EventHandler, Property, Internationalization, NotifyPropertyChanges } from '@syncfusion/ej2-base';
 import { KeyboardEvents, Animation, Browser } from '@syncfusion/ej2-base';
 import { cldrData, L10n, Component, getDefaultDateObject, rippleEffect, Event } from '@syncfusion/ej2-base';
 import { remove, addClass, detach, removeClass, closest, append, attributes, setStyleAttribute } from '@syncfusion/ej2-base';
-import { isNullOrUndefined, formatUnit, getValue, extend, getUniqueID, blazorCultureFormats, ChildProperty } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, formatUnit, getValue, extend, getUniqueID, ChildProperty } from '@syncfusion/ej2-base';
 import { Popup } from '@syncfusion/ej2-popups';
 import { Input } from '@syncfusion/ej2-inputs';
 import { ListBase } from '@syncfusion/ej2-lists';
@@ -134,10 +134,8 @@ var TimePicker = /** @class */ (function (_super) {
         var _this = _super.call(this, options, element) || this;
         _this.liCollections = [];
         _this.timeCollections = [];
-        _this.blazorTimeCollections = [];
         _this.disableItemCollection = [];
         _this.invalidValueString = null;
-        _this.isBlazorServer = false;
         _this.isAngular = false;
         _this.preventChange = false;
         _this.maskedDateValue = '';
@@ -170,62 +168,35 @@ var TimePicker = /** @class */ (function (_super) {
         this.inputElement = this.element;
         this.angularTag = null;
         this.formElement = closest(this.element, 'form');
-        this.isBlazorServer = (isBlazor() && this.isServerRendered && this.getModuleName() === 'timepicker') ? true : false;
-        if (!this.isBlazorServer) {
-            if (this.element.tagName === 'EJS-TIMEPICKER') {
-                this.angularTag = this.element.tagName;
-                this.inputElement = this.createElement('input');
-                this.element.appendChild(this.inputElement);
-            }
-            this.tabIndex = this.element.hasAttribute('tabindex') ? this.element.getAttribute('tabindex') : '0';
-            this.element.removeAttribute('tabindex');
-            this.openPopupEventArgs = {
-                appendTo: document.body
-            };
-        }
+        if (this.element.tagName === 'EJS-TIMEPICKER') {
+            this.angularTag = this.element.tagName;
+            this.inputElement = this.createElement('input');
+            this.element.appendChild(this.inputElement);
+        }
+        this.tabIndex = this.element.hasAttribute('tabindex') ? this.element.getAttribute('tabindex') : '0';
+        this.element.removeAttribute('tabindex');
+        this.openPopupEventArgs = {
+            appendTo: document.body
+        };
     };
     // element creation
     TimePicker.prototype.render = function () {
-        if (!this.isBlazorServer) {
-            this.initialize();
-            this.createInputElement();
-            this.updateHtmlAttributeToWrapper();
-            this.setTimeAllowEdit();
-            this.setEnable();
-            this.validateInterval();
-        }
-        else {
-            this.globalize = new Internationalization(this.locale);
-            this.defaultCulture = new Internationalization('en');
-            this.checkTimeFormat();
-            var parentElement = this.element.parentElement;
-            this.inputWrapper = {
-                container: parentElement,
-                clearButton: parentElement.querySelector('.' + CLEARICON),
-                buttons: [parentElement.querySelector('.' + TIMEICON)]
-            };
-            Input.bindInitialEvent({
-                element: this.inputElement,
-                floatLabelType: this.floatLabelType
-            });
-            if (this.showClearButton && this.inputWrapper.clearButton) {
-                Input.wireClearBtnEvents(this.inputElement, this.inputWrapper.clearButton, this.inputWrapper.container);
-            }
-        }
+        this.initialize();
+        this.createInputElement();
+        this.updateHtmlAttributeToWrapper();
+        this.setTimeAllowEdit();
+        this.setEnable();
+        this.validateInterval();
         this.bindEvents();
-        if (!this.isBlazorServer) {
-            this.validateDisable();
-            this.setValue(this.getFormattedValue(this.value));
-            if (this.enableMask && !this.value && this.maskedDateValue && (this.floatLabelType == 'Always' || !this.floatLabelType || !this.placeholder)) {
-                this.updateInputValue(this.maskedDateValue);
-                this.checkErrorState(this.maskedDateValue);
-            }
+        this.validateDisable();
+        this.setValue(this.getFormattedValue(this.value));
+        if (this.enableMask && !this.value && this.maskedDateValue && (this.floatLabelType == 'Always' || !this.floatLabelType || !this.placeholder)) {
+            this.updateInputValue(this.maskedDateValue);
+            this.checkErrorState(this.maskedDateValue);
         }
         this.anchor = this.inputElement;
         this.inputElement.setAttribute('value', this.inputElement.value);
-        if (!this.isBlazorServer) {
-            this.inputEleValue = this.getDateObject(this.inputElement.value);
-        }
+        this.inputEleValue = this.getDateObject(this.inputElement.value);
         this.renderComplete();
     };
     TimePicker.prototype.setTimeAllowEdit = function () {
@@ -383,7 +354,7 @@ var TimePicker = /** @class */ (function (_super) {
     TimePicker.prototype.getCldrDateTimeFormat = function () {
         var culture = new Internationalization(this.locale);
         var cldrTime;
-        var dateFormat = culture.getDatePattern({ skeleton: isBlazor() ? 'd' : 'yMd' });
+        var dateFormat = culture.getDatePattern({ skeleton: 'yMd' });
         if (this.isNullOrEmpty(this.formatString)) {
             cldrTime = dateFormat + ' ' + this.cldrFormat('time');
         }
@@ -413,7 +384,7 @@ var TimePicker = /** @class */ (function (_super) {
                         }));
                         if (isNullOrUndefined(valueExpression)) {
                             valueExpression = this.checkDateValue(this.globalize.parseDate(valueString, {
-                                format: this.formatString, type: 'dateTime', skeleton: isBlazor() ? 'd' : 'yMd'
+                                format: this.formatString, type: 'dateTime', skeleton: 'yMd'
                             }));
                         }
                     }
@@ -462,8 +433,7 @@ var TimePicker = /** @class */ (function (_super) {
     TimePicker.prototype.cldrFormat = function (type) {
         var cldrDateTimeString;
         if (this.locale === 'en' || this.locale === 'en-US') {
-            cldrDateTimeString = isBlazor() ? this.getBlazorCultureFormat('t') :
-                (getValue('timeFormats.short', getDefaultDateObject()));
+            cldrDateTimeString = (getValue('timeFormats.short', getDefaultDateObject()));
         }
         else {
             cldrDateTimeString = (this.getCultureTimeObject(cldrData, '' + this.locale));
@@ -472,48 +442,43 @@ var TimePicker = /** @class */ (function (_super) {
     };
     // destroy function
     TimePicker.prototype.destroy = function () {
-        if (this.isBlazorServer) {
-            this.unBindEvents();
-        }
-        else {
-            this.hide();
-            this.unBindEvents();
-            var ariaAttribute = {
-                'aria-haspopup': 'true', 'aria-autocomplete': 'list', 'tabindex': '0', 'aria-activedescendant': 'null',
-                'aria-owns': this.element.id + '_options', 'aria-expanded': 'false', 'role': 'combobox', 'autocomplete': 'off',
-                'autocorrect': 'off', 'autocapitalize': 'off', 'spellcheck': 'false', 'aria-disabled': 'true', 'aria-invalid': 'false'
-            };
-            if (this.inputElement) {
-                Input.removeAttributes(ariaAttribute, this.inputElement);
-                if (this.angularTag === null) {
-                    this.inputWrapper.container.parentElement.appendChild(this.inputElement);
-                }
-                if (!isNullOrUndefined(this.cloneElement.getAttribute('tabindex'))) {
-                    this.inputElement.setAttribute('tabindex', this.tabIndex);
-                }
-                else {
-                    this.inputElement.removeAttribute('tabindex');
-                }
-                this.ensureInputAttribute();
-                this.enableElement([this.inputElement]);
-                this.inputElement.classList.remove('e-input');
-                if (isNullOrUndefined(this.cloneElement.getAttribute('disabled'))) {
-                    Input.setEnabled(true, this.inputElement, this.floatLabelType);
-                }
+        this.hide();
+        this.unBindEvents();
+        var ariaAttribute = {
+            'aria-haspopup': 'true', 'aria-autocomplete': 'list', 'tabindex': '0', 'aria-activedescendant': 'null',
+            'aria-owns': this.element.id + '_options', 'aria-expanded': 'false', 'role': 'combobox', 'autocomplete': 'off',
+            'autocorrect': 'off', 'autocapitalize': 'off', 'spellcheck': 'false', 'aria-disabled': 'true', 'aria-invalid': 'false'
+        };
+        if (this.inputElement) {
+            Input.removeAttributes(ariaAttribute, this.inputElement);
+            if (this.angularTag === null) {
+                this.inputWrapper.container.parentElement.appendChild(this.inputElement);
             }
-            if (this.inputWrapper.container) {
-                detach(this.inputWrapper.container);
+            if (!isNullOrUndefined(this.cloneElement.getAttribute('tabindex'))) {
+                this.inputElement.setAttribute('tabindex', this.tabIndex);
             }
-            this.inputWrapper = this.popupWrapper = this.cloneElement = undefined;
-            this.liCollections = this.timeCollections = this.disableItemCollection = [];
-            if (!isNullOrUndefined(this.rippleFn)) {
-                this.rippleFn();
+            else {
+                this.inputElement.removeAttribute('tabindex');
             }
-            _super.prototype.destroy.call(this);
-            if (this.formElement) {
-                EventHandler.remove(this.formElement, 'reset', this.formResetHandler);
+            this.ensureInputAttribute();
+            this.enableElement([this.inputElement]);
+            this.inputElement.classList.remove('e-input');
+            if (isNullOrUndefined(this.cloneElement.getAttribute('disabled'))) {
+                Input.setEnabled(true, this.inputElement, this.floatLabelType);
             }
         }
+        if (this.inputWrapper.container) {
+            detach(this.inputWrapper.container);
+        }
+        this.inputWrapper = this.popupWrapper = this.cloneElement = undefined;
+        this.liCollections = this.timeCollections = this.disableItemCollection = [];
+        if (!isNullOrUndefined(this.rippleFn)) {
+            this.rippleFn();
+        }
+        _super.prototype.destroy.call(this);
+        if (this.formElement) {
+            EventHandler.remove(this.formElement, 'reset', this.formResetHandler);
+        }
     };
     TimePicker.prototype.ensureInputAttribute = function () {
         var propertyList = [];
@@ -537,24 +502,18 @@ var TimePicker = /** @class */ (function (_super) {
     };
     //popup creation
     TimePicker.prototype.popupCreation = function () {
-        if (!this.isBlazorServer) {
-            this.popupWrapper = this.createElement('div', {
-                className: ROOT + ' ' + POPUP,
-                attrs: { 'id': this.element.id + '_popup', 'style': 'visibility:hidden' }
-            });
-            if (!isNullOrUndefined(this.cssClass)) {
-                this.popupWrapper.className += ' ' + this.cssClass;
-            }
-            if (!isNullOrUndefined(this.step) && this.step > 0) {
-                this.generateList();
-                append([this.listWrapper], this.popupWrapper);
-            }
-            this.openPopupEventArgs.appendTo.appendChild(this.popupWrapper);
+        this.popupWrapper = this.createElement('div', {
+            className: ROOT + ' ' + POPUP,
+            attrs: { 'id': this.element.id + '_popup', 'style': 'visibility:hidden' }
+        });
+        if (!isNullOrUndefined(this.cssClass)) {
+            this.popupWrapper.className += ' ' + this.cssClass;
         }
-        else {
-            this.popupWrapper = this.inputWrapper.container.nextElementSibling;
+        if (!isNullOrUndefined(this.step) && this.step > 0) {
             this.generateList();
+            append([this.listWrapper], this.popupWrapper);
         }
+        this.openPopupEventArgs.appendTo.appendChild(this.popupWrapper);
         this.addSelection();
         this.renderPopup();
         detach(this.popupWrapper);
@@ -565,22 +524,11 @@ var TimePicker = /** @class */ (function (_super) {
         return popupHeight > height ? height : popupHeight;
     };
     TimePicker.prototype.generateList = function () {
-        if (!this.isBlazorServer) {
-            this.createListItems();
-        }
-        else {
-            this.listWrapper = this.popupWrapper.querySelector('.e-content');
-        }
+        this.createListItems();
         this.wireListEvents();
         var rippleModel = { duration: 300, selector: '.' + LISTCLASS };
         this.rippleFn = rippleEffect(this.listWrapper, rippleModel);
         this.liCollections = this.listWrapper.querySelectorAll('.' + LISTCLASS);
-        if (this.isBlazorServer) {
-            this.blazorTimeCollections = [];
-            for (var index = 0; index < this.liCollections.length; index++) {
-                this.blazorTimeCollections.push(this.liCollections[index].getAttribute('data-value'));
-            }
-        }
     };
     TimePicker.prototype.renderPopup = function () {
         var _this = this;
@@ -601,11 +549,9 @@ var TimePicker = /** @class */ (function (_super) {
                 removeClass([_this.inputWrapper.buttons[0]], SELECTED);
                 _this.unWireListEvents();
                 _this.inputElement.setAttribute('aria-activedescendant', 'null');
-                if (!_this.isBlazorServer) {
-                    remove(_this.popupObj.element);
-                    _this.popupObj.destroy();
-                    _this.popupWrapper.innerHTML = '';
-                }
+                remove(_this.popupObj.element);
+                _this.popupObj.destroy();
+                _this.popupWrapper.innerHTML = '';
                 _this.listWrapper = _this.popupWrapper = _this.listTag = undefined;
             }, targetExitViewport: function () {
                 if (!Browser.isDevice) {
@@ -624,7 +570,7 @@ var TimePicker = /** @class */ (function (_super) {
             return null;
         }
         else {
-            return this.globalize.formatDate(value, { skeleton: isBlazor() ? 't' : 'medium', type: 'time' });
+            return this.globalize.formatDate(value, { skeleton: 'medium', type: 'time' });
         }
     };
     TimePicker.prototype.getDateObject = function (text) {
@@ -727,12 +673,11 @@ var TimePicker = /** @class */ (function (_super) {
     TimePicker.prototype.getMeridianText = function () {
         var meridian;
         if (this.locale === 'en' || this.locale === 'en-US') {
-            meridian = getValue((isBlazor() ? 'dayPeriods.wide' : 'dayPeriods.format.wide'), getDefaultDateObject());
+            meridian = getValue('dayPeriods.format.wide', getDefaultDateObject());
         }
         else {
-            var gregorianFormat = (isBlazor() ? '.dates.dayPeriods.abbreviated' :
-                '.dates.calendars.gregorian.dayPeriods.format.abbreviated');
-            var mainVal = isBlazor() ? '' : 'main.';
+            var gregorianFormat = '.dates.calendars.gregorian.dayPeriods.format.abbreviated';
+            var mainVal = 'main.';
             meridian = getValue(mainVal + '' + this.locale + gregorianFormat, cldrData);
         }
         return meridian;
@@ -809,11 +754,8 @@ var TimePicker = /** @class */ (function (_super) {
         if (!isNullOrUndefined(this.popupWrapper)) {
             var items = this.popupWrapper.querySelectorAll('.' + LISTCLASS);
             if (items.length) {
-                var initialTime = this.isBlazorServer ? new Date(new Date().toDateString() + ' ' +
-                    this.blazorTimeCollections[0]).setMilliseconds(0) : this.timeCollections[0];
-                var scrollTime = this.isBlazorServer ? new Date(new Date().toDateString() + ' ' +
-                    this.scrollTo.toLocaleTimeString()).setMilliseconds(0) :
-                    this.getDateObject(this.checkDateValue(this.scrollTo)).getTime();
+                var initialTime = this.timeCollections[0];
+                var scrollTime = this.getDateObject(this.checkDateValue(this.scrollTo)).getTime();
                 element = items[Math.round((scrollTime - initialTime) / (this.step * 60000))];
             }
         }
@@ -838,23 +780,18 @@ var TimePicker = /** @class */ (function (_super) {
     TimePicker.prototype.cldrDateFormat = function () {
         var cldrDate;
         if (this.locale === 'en' || this.locale === 'en-US') {
-            cldrDate = isBlazor() ? (getValue('d', getValue(this.locale, blazorCultureFormats))) :
-                (getValue('dateFormats.short', getDefaultDateObject()));
+            cldrDate = (getValue('dateFormats.short', getDefaultDateObject()));
         }
         else {
             cldrDate = (this.getCultureDateObject(cldrData, '' + this.locale));
         }
         return cldrDate;
     };
-    TimePicker.prototype.getBlazorCultureFormat = function (formatVal) {
-        return (getValue(formatVal, getValue(this.locale, blazorCultureFormats))).replace(/tt/, 'a');
-    };
     TimePicker.prototype.cldrTimeFormat = function () {
         var cldrTime;
         if (this.isNullOrEmpty(this.formatString)) {
             if (this.locale === 'en' || this.locale === 'en-US') {
-                cldrTime = isBlazor() ? this.getBlazorCultureFormat('t') :
-                    (getValue('timeFormats.short', getDefaultDateObject()));
+                cldrTime = (getValue('timeFormats.short', getDefaultDateObject()));
             }
             else {
                 cldrTime = (this.getCultureTimeObject(cldrData, '' + this.locale));
@@ -868,12 +805,10 @@ var TimePicker = /** @class */ (function (_super) {
     TimePicker.prototype.dateToNumeric = function () {
         var cldrTime;
         if (this.locale === 'en' || this.locale === 'en-US') {
-            cldrTime = isBlazor() ? this.getBlazorCultureFormat('T') :
-                (getValue('timeFormats.medium', getDefaultDateObject()));
+            cldrTime = (getValue('timeFormats.medium', getDefaultDateObject()));
         }
         else {
-            cldrTime = isBlazor() ? this.getBlazorCultureFormat('T') :
-                (getValue('main.' + '' + this.locale + '.dates.calendars.gregorian.timeFormats.medium', cldrData));
+            cldrTime = (getValue('main.' + '' + this.locale + '.dates.calendars.gregorian.timeFormats.medium', cldrData));
         }
         return cldrTime;
     };
@@ -921,9 +856,6 @@ var TimePicker = /** @class */ (function (_super) {
         e.preventDefault();
         this.interopAdaptor.invokeMethodAsync('OnTimeIconClick');
     };
-    TimePicker.prototype.updateBlazorTimeCollections = function (listData) {
-        this.blazorTimeCollections = listData;
-    };
     TimePicker.prototype.popupHandler = function (e) {
         if (!this.enabled) {
             return;
@@ -931,10 +863,8 @@ var TimePicker = /** @class */ (function (_super) {
         if (Browser.isDevice) {
             this.inputElement.setAttribute('readonly', '');
         }
-        if (!this.isBlazorServer) {
-            e.preventDefault();
-        }
-        if (this.isPopupOpen() && !this.isBlazorServer) {
+        e.preventDefault();
+        if (this.isPopupOpen()) {
             this.closePopup(0, e);
         }
         else {
@@ -1032,22 +962,11 @@ var TimePicker = /** @class */ (function (_super) {
                 case 'enter':
                     if (this.isNavigate) {
                         this.selectedElement = this.liCollections[this.activeIndex];
-                        if (!this.isBlazorServer) {
-                            this.valueWithMinutes = new Date(this.timeCollections[this.activeIndex]);
-                            this.updateValue(this.valueWithMinutes, event);
-                        }
-                        else {
-                            this.inputElement.setAttribute('value', this.selectedElement.getAttribute('data-value'));
-                            this.interopAdaptor.invokeMethodAsync('OnListItemClick', this.activeIndex, true);
-                        }
+                        this.valueWithMinutes = new Date(this.timeCollections[this.activeIndex]);
+                        this.updateValue(this.valueWithMinutes, event);
                     }
                     else {
-                        if (!this.isBlazorServer) {
-                            this.updateValue(this.inputElement.value, event);
-                        }
-                        else {
-                            this.interopAdaptor.invokeMethodAsync('OnStrictMode', this.inputElement.value);
-                        }
+                        this.updateValue(this.inputElement.value, event);
                     }
                     this.hide();
                     this.isNavigate = false;
@@ -1056,24 +975,17 @@ var TimePicker = /** @class */ (function (_super) {
                     }
                     break;
                 case 'open':
-                    if (this.isBlazorServer) {
-                        this.interopAdaptor.invokeMethodAsync('OnPopupHide', true);
-                    }
-                    else {
-                        this.show(event);
-                    }
+                    this.show(event);
                     break;
                 case 'escape':
-                    if (!this.isBlazorServer) {
-                        this.updateInputValue(this.objToString(this.value));
-                        if (this.enableMask) {
-                            if (!this.value) {
-                                this.updateInputValue(this.maskedDateValue);
-                            }
-                            this.createMask();
+                    this.updateInputValue(this.objToString(this.value));
+                    if (this.enableMask) {
+                        if (!this.value) {
+                            this.updateInputValue(this.maskedDateValue);
                         }
-                        this.previousState(this.value);
+                        this.createMask();
                     }
+                    this.previousState(this.value);
                     this.hide();
                     break;
                 case 'close':
@@ -1112,7 +1024,7 @@ var TimePicker = /** @class */ (function (_super) {
         var _this = this;
         if (this.isPopupOpen() && this.popupWrapper) {
             var args = {
-                popup: this.isBlazorServer ? null : this.popupObj,
+                popup: this.popupObj,
                 event: e || null,
                 cancel: false,
                 name: 'open'
@@ -1129,12 +1041,6 @@ var TimePicker = /** @class */ (function (_super) {
                     removeClass([_this.inputWrapper.container], [ICONANIMATION]);
                     attributes(_this.inputElement, { 'aria-expanded': 'false' });
                     EventHandler.remove(document, 'mousedown touchstart', _this.documentClickHandler);
-                    if (_this.isBlazorServer) {
-                        _this.disposeServerPopup();
-                        _this.inputWrapper.container.parentElement.insertBefore(_this.popupWrapper, _this.inputWrapper.container.nextElementSibling);
-                        _this.interopAdaptor.invokeMethodAsync('OnPopupHide', false);
-                        _this.popupWrapper = _this.popupObj = null;
-                    }
                 }
                 if (Browser.isDevice && _this.modal) {
                     _this.modal.style.display = 'none';
@@ -1207,30 +1113,19 @@ var TimePicker = /** @class */ (function (_super) {
         }
     };
     TimePicker.prototype.setSelection = function (li, event) {
-        if (this.isValidLI(li) && !li.classList.contains(SELECTED)) {
-            if (!this.isBlazorServer) {
-                this.checkValue(li.getAttribute('data-value'));
-                if (this.enableMask) {
-                    this.notify("setMaskSelection", {
-                        module: "MaskedDateTime"
-                    });
-                }
-                this.selectedElement = li;
-                this.activeIndex = Array.prototype.slice.call(this.liCollections).indexOf(li);
-                this.valueWithMinutes = new Date(this.timeCollections[this.activeIndex]);
-                addClass([this.selectedElement], SELECTED);
-                this.selectedElement.setAttribute('aria-selected', 'true');
-                this.checkValueChange(event, true);
-            }
-            else {
-                this.selectedElement = li;
-                this.activeIndex = Array.prototype.slice.call(this.liCollections).indexOf(li);
-                addClass([this.selectedElement], SELECTED);
-                this.selectedElement.setAttribute('aria-selected', 'true');
-                this.inputElement.setAttribute('value', li.getAttribute('data-value'));
-                this.interopAdaptor.invokeMethodAsync('OnListItemClick', this.activeIndex, false);
-                this.addSelection();
+        if (this.isValidLI(li)) {
+            this.checkValue(li.getAttribute('data-value'));
+            if (this.enableMask) {
+                this.notify("setMaskSelection", {
+                    module: "MaskedDateTime"
+                });
             }
+            this.selectedElement = li;
+            this.activeIndex = Array.prototype.slice.call(this.liCollections).indexOf(li);
+            this.valueWithMinutes = new Date(this.timeCollections[this.activeIndex]);
+            addClass([this.selectedElement], SELECTED);
+            this.selectedElement.setAttribute('aria-selected', 'true');
+            this.checkValueChange(event, true);
         }
     };
     TimePicker.prototype.onMouseLeave = function () {
@@ -1338,7 +1233,7 @@ var TimePicker = /** @class */ (function (_super) {
         return dateVal;
     };
     TimePicker.prototype.bindEvents = function () {
-        EventHandler.add(this.inputWrapper.buttons[0], 'mousedown', (this.isBlazorServer ? this.preventEventBubbling : this.popupHandler), this);
+        EventHandler.add(this.inputWrapper.buttons[0], 'mousedown', this.popupHandler, this);
         EventHandler.add(this.inputElement, 'blur', this.inputBlurHandler, this);
         EventHandler.add(this.inputElement, 'focus', this.inputFocusHandler, this);
         EventHandler.add(this.inputElement, 'change', this.inputChangeHandler, this);
@@ -1384,18 +1279,16 @@ var TimePicker = /** @class */ (function (_super) {
         }
         if (!this.inputElement.disabled) {
             var timeValue = this.inputElement.getAttribute('value');
-            var val = this.isBlazorServer ? this.inputEleValue : this.checkDateValue(this.inputEleValue);
+            var val = this.checkDateValue(this.inputEleValue);
             if (this.element.tagName === 'EJS-TIMEPICKER') {
                 val = null;
                 timeValue = '';
                 this.inputElement.setAttribute('value', '');
             }
-            if (!this.isBlazorServer) {
-                this.setProperties({ value: val }, true);
-                this.prevDate = this.value;
-                this.valueWithMinutes = this.value;
-                this.initValue = this.value;
-            }
+            this.setProperties({ value: val }, true);
+            this.prevDate = this.value;
+            this.valueWithMinutes = this.value;
+            this.initValue = this.value;
             if (this.inputElement) {
                 this.updateInputValue(timeValue);
                 if (this.enableMask) {
@@ -1404,9 +1297,7 @@ var TimePicker = /** @class */ (function (_super) {
                     }
                     this.createMask();
                 }
-                if (!this.isBlazorServer) {
-                    this.checkErrorState(timeValue);
-                }
+                this.checkErrorState(timeValue);
                 this.prevValue = this.inputElement.value;
             }
         }
@@ -1426,7 +1317,7 @@ var TimePicker = /** @class */ (function (_super) {
     };
     TimePicker.prototype.unBindEvents = function () {
         if (this.inputWrapper) {
-            EventHandler.remove(this.inputWrapper.buttons[0], 'mousedown touchstart', (this.isBlazorServer ? this.preventEventBubbling : this.popupHandler));
+            EventHandler.remove(this.inputWrapper.buttons[0], 'mousedown touchstart', this.popupHandler);
         }
         EventHandler.remove(this.inputElement, 'blur', this.inputBlurHandler);
         EventHandler.remove(this.inputElement, 'focus', this.inputFocusHandler);
@@ -1466,9 +1357,6 @@ var TimePicker = /** @class */ (function (_super) {
             this.resetState();
             this.raiseClearedEvent(e);
         }
-        if (this.isBlazorServer) {
-            this.interopAdaptor.invokeMethodAsync('OnValueCleared');
-        }
         if (this.popupWrapper) {
             this.popupWrapper.scrollTop = 0;
         }
@@ -1479,15 +1367,11 @@ var TimePicker = /** @class */ (function (_super) {
         }
     };
     TimePicker.prototype.clear = function (event) {
-        if (!this.isBlazorServer) {
-            this.setProperties({ value: null }, true);
-        }
+        this.setProperties({ value: null }, true);
         this.initValue = null;
         this.resetState();
         this.raiseClearedEvent(event);
-        if (!this.isBlazorServer) {
-            this.changeEvent(event);
-        }
+        this.changeEvent(event);
     };
     TimePicker.prototype.setZIndex = function () {
         if (this.popupObj) {
@@ -1532,34 +1416,28 @@ var TimePicker = /** @class */ (function (_super) {
                         }
                         break;
                     case 'min':
-                        if (!this.isBlazorServer) {
-                            if ((isNullOrUndefined(this.timeOptions) || (this.timeOptions['min'] === undefined)) || isDynamic) {
-                                value = new Date(this.inputElement.getAttribute(prop));
-                                if (!isNullOrUndefined(this.checkDateValue(value))) {
-                                    this.setProperties({ min: value }, !isDynamic);
-                                }
+                        if ((isNullOrUndefined(this.timeOptions) || (this.timeOptions['min'] === undefined)) || isDynamic) {
+                            value = new Date(this.inputElement.getAttribute(prop));
+                            if (!isNullOrUndefined(this.checkDateValue(value))) {
+                                this.setProperties({ min: value }, !isDynamic);
                             }
                         }
                         break;
                     case 'max':
-                        if (!this.isBlazorServer) {
-                            if ((isNullOrUndefined(this.timeOptions) || (this.timeOptions['max'] === undefined)) || isDynamic) {
-                                value = new Date(this.inputElement.getAttribute(prop));
-                                if (!isNullOrUndefined(this.checkDateValue(value))) {
-                                    this.setProperties({ max: value }, !isDynamic);
-                                }
+                        if ((isNullOrUndefined(this.timeOptions) || (this.timeOptions['max'] === undefined)) || isDynamic) {
+                            value = new Date(this.inputElement.getAttribute(prop));
+                            if (!isNullOrUndefined(this.checkDateValue(value))) {
+                                this.setProperties({ max: value }, !isDynamic);
                             }
                         }
                         break;
                     case 'value':
-                        if (!this.isBlazorServer) {
-                            if ((isNullOrUndefined(this.timeOptions) || (this.timeOptions['value'] === undefined)) || isDynamic) {
-                                value = new Date(this.inputElement.getAttribute(prop));
-                                if (!isNullOrUndefined(this.checkDateValue(value))) {
-                                    this.initValue = value;
-                                    this.updateInput(false, this.initValue);
-                                    this.setProperties({ value: value }, !isDynamic);
-                                }
+                        if ((isNullOrUndefined(this.timeOptions) || (this.timeOptions['value'] === undefined)) || isDynamic) {
+                            value = new Date(this.inputElement.getAttribute(prop));
+                            if (!isNullOrUndefined(this.checkDateValue(value))) {
+                                this.initValue = value;
+                                this.updateInput(false, this.initValue);
+                                this.setProperties({ value: value }, !isDynamic);
                             }
                         }
                         break;
@@ -1627,7 +1505,7 @@ var TimePicker = /** @class */ (function (_super) {
         this.removeSelection();
         Input.setValue('', this.inputElement, this.floatLabelType, false);
         this.valueWithMinutes = this.activeIndex = null;
-        if (!this.strictMode && !this.isBlazorServer) {
+        if (!this.strictMode) {
             this.checkErrorState(null);
         }
     };
@@ -1690,44 +1568,34 @@ var TimePicker = /** @class */ (function (_super) {
     };
     TimePicker.prototype.findNextElement = function (event) {
         var textVal = (this.inputElement).value;
-        var value = isNullOrUndefined(this.valueWithMinutes) || this.isBlazorServer ? this.createDateObj(textVal) :
+        var value = isNullOrUndefined(this.valueWithMinutes) ? this.createDateObj(textVal) :
             this.getDateObject(this.valueWithMinutes);
         var timeVal = null;
         var count = this.liCollections.length;
-        var collections = this.isBlazorServer ? (isNullOrUndefined(this.blazorTimeCollections) ? [] :
-            this.blazorTimeCollections) : this.timeCollections;
+        var collections = this.timeCollections;
         if (!isNullOrUndefined(this.checkDateValue(value)) || !isNullOrUndefined(this.activeIndex)) {
             if (event.action === 'home') {
                 var index = this.validLiElement(0);
-                if (!this.isBlazorServer) {
-                    timeVal = +(this.createDateObj(new Date(this.timeCollections[index])));
-                }
+                timeVal = +(this.createDateObj(new Date(this.timeCollections[index])));
                 this.activeIndex = index;
             }
             else if (event.action === 'end') {
                 var index = this.validLiElement(collections.length - 1, true);
-                if (!this.isBlazorServer) {
-                    timeVal = +(this.createDateObj(new Date(this.timeCollections[index])));
-                }
+                timeVal = +(this.createDateObj(new Date(this.timeCollections[index])));
                 this.activeIndex = index;
             }
             else {
                 if (event.action === 'down') {
                     for (var i = 0; i < count; i++) {
-                        if (this.isBlazorServer ? (+value < +this.createDateObj(this.blazorTimeCollections[i])) :
-                            (+value < this.timeCollections[i])) {
+                        if (+value < this.timeCollections[i]) {
                             var index = this.validLiElement(i);
-                            if (!this.isBlazorServer) {
-                                timeVal = +(this.createDateObj(new Date(this.timeCollections[index])));
-                            }
+                            timeVal = +(this.createDateObj(new Date(this.timeCollections[index])));
                             this.activeIndex = index;
                             break;
                         }
                         else if (i === count - 1) {
                             var index = this.validLiElement(0);
-                            if (!this.isBlazorServer) {
-                                timeVal = +(this.createDateObj(new Date(this.timeCollections[index])));
-                            }
+                            timeVal = +(this.createDateObj(new Date(this.timeCollections[index])));
                             this.activeIndex = index;
                             break;
                         }
@@ -1735,20 +1603,15 @@ var TimePicker = /** @class */ (function (_super) {
                 }
                 else {
                     for (var i = count - 1; i >= 0; i--) {
-                        if (this.isBlazorServer ? (+value > +this.createDateObj(this.blazorTimeCollections[i])) :
-                            (+value > this.timeCollections[i])) {
+                        if (+value > this.timeCollections[i]) {
                             var index = this.validLiElement(i, true);
-                            if (!this.isBlazorServer) {
-                                timeVal = +(this.createDateObj(new Date(this.timeCollections[index])));
-                            }
+                            timeVal = +(this.createDateObj(new Date(this.timeCollections[index])));
                             this.activeIndex = index;
                             break;
                         }
                         else if (i === 0) {
                             var index = this.validLiElement(count - 1);
-                            if (!this.isBlazorServer) {
-                                timeVal = +(this.createDateObj(new Date(this.timeCollections[index])));
-                            }
+                            timeVal = +(this.createDateObj(new Date(this.timeCollections[index])));
                             this.activeIndex = index;
                             break;
                         }
@@ -1756,13 +1619,7 @@ var TimePicker = /** @class */ (function (_super) {
                 }
             }
             this.selectedElement = this.liCollections[this.activeIndex];
-            if (this.isBlazorServer) {
-                this.inputElement.setAttribute('value', this.selectedElement.getAttribute('data-value'));
-                this.interopAdaptor.invokeMethodAsync('OnListItemClick', this.activeIndex, true);
-            }
-            else {
-                this.elementValue(isNullOrUndefined(timeVal) ? null : new Date(timeVal));
-            }
+            this.elementValue(isNullOrUndefined(timeVal) ? null : new Date(timeVal));
         }
         else {
             this.selectNextItem(event);
@@ -1772,58 +1629,7 @@ var TimePicker = /** @class */ (function (_super) {
         var index = this.validLiElement(0, event.action === 'down' ? false : true);
         this.activeIndex = index;
         this.selectedElement = this.liCollections[index];
-        if (this.isBlazorServer) {
-            this.inputElement.setAttribute('value', this.selectedElement.getAttribute('data-value'));
-            this.interopAdaptor.invokeMethodAsync('OnListItemClick', index, true);
-        }
-        else {
-            this.elementValue(new Date(this.timeCollections[index]));
-        }
-    };
-    TimePicker.prototype.findNextInBlazor = function (event) {
-        var count = isNullOrUndefined(this.blazorTimeCollections) ? 0 : this.blazorTimeCollections.length;
-        var index = 0;
-        var value = this.createDateObj(this.inputElement.value);
-        switch (event.action) {
-            case 'home':
-                this.activeIndex = index;
-                break;
-            case 'end':
-                index = count - 1;
-                this.activeIndex = index;
-                break;
-            case 'down':
-                for (var i = 0; i < count; i++) {
-                    if (this.isBlazorServer ? (+value < +this.createDateObj(this.blazorTimeCollections[i])) :
-                        (+value < this.timeCollections[i])) {
-                        var index_1 = this.validLiElement(i);
-                        this.activeIndex = index_1;
-                        break;
-                    }
-                    else if (i === count - 1) {
-                        var index_2 = this.validLiElement(0);
-                        this.activeIndex = index_2;
-                        break;
-                    }
-                }
-                break;
-            case 'up':
-                for (var i = count - 1; i >= 0; i--) {
-                    if (this.isBlazorServer ? (+value > +this.createDateObj(this.blazorTimeCollections[i])) :
-                        (+value > this.timeCollections[i])) {
-                        var index_3 = this.validLiElement(i, true);
-                        this.activeIndex = index_3;
-                        break;
-                    }
-                    else if (i === 0) {
-                        var index_4 = this.validLiElement(count - 1);
-                        this.activeIndex = index_4;
-                        break;
-                    }
-                }
-                break;
-        }
-        this.interopAdaptor.invokeMethodAsync('OnListItemClick', this.activeIndex, true);
+        this.elementValue(new Date(this.timeCollections[index]));
     };
     TimePicker.prototype.elementValue = function (value) {
         if (!isNullOrUndefined(this.checkDateValue(value))) {
@@ -1832,53 +1638,34 @@ var TimePicker = /** @class */ (function (_super) {
     };
     TimePicker.prototype.validLiElement = function (index, backward) {
         var elementIndex = null;
-        if (this.isBlazorServer && isNullOrUndefined(this.popupWrapper)) {
-            var items = this.blazorTimeCollections;
-            if (items.length) {
-                if (backward) {
-                    for (var i = index; i >= 0; i--) {
+        var items = isNullOrUndefined(this.popupWrapper) ? this.liCollections :
+            this.popupWrapper.querySelectorAll('.' + LISTCLASS);
+        var isCheck = true;
+        if (items.length) {
+            if (backward) {
+                for (var i = index; i >= 0; i--) {
+                    if (!items[i].classList.contains(DISABLED)) {
                         elementIndex = i;
                         break;
                     }
-                }
-                else {
-                    for (var i = index; i <= items.length - 1; i++) {
-                        elementIndex = i;
-                        break;
+                    else if (i === 0) {
+                        if (isCheck) {
+                            index = i = items.length;
+                            isCheck = false;
+                        }
                     }
                 }
             }
-        }
-        else {
-            var items = isNullOrUndefined(this.popupWrapper) ? this.liCollections :
-                this.popupWrapper.querySelectorAll('.' + LISTCLASS);
-            var isCheck = true;
-            if (items.length) {
-                if (backward) {
-                    for (var i = index; i >= 0; i--) {
-                        if (!items[i].classList.contains(DISABLED)) {
-                            elementIndex = i;
-                            break;
-                        }
-                        else if (i === 0) {
-                            if (isCheck) {
-                                index = i = items.length;
-                                isCheck = false;
-                            }
-                        }
+            else {
+                for (var i = index; i <= items.length - 1; i++) {
+                    if (!items[i].classList.contains(DISABLED)) {
+                        elementIndex = i;
+                        break;
                     }
-                }
-                else {
-                    for (var i = index; i <= items.length - 1; i++) {
-                        if (!items[i].classList.contains(DISABLED)) {
-                            elementIndex = i;
-                            break;
-                        }
-                        else if (i === items.length - 1) {
-                            if (isCheck) {
-                                index = i = -1;
-                                isCheck = false;
-                            }
+                    else if (i === items.length - 1) {
+                        if (isCheck) {
+                            index = i = -1;
+                            isCheck = false;
                         }
                     }
                 }
@@ -1890,32 +1677,21 @@ var TimePicker = /** @class */ (function (_super) {
         if (isNullOrUndefined(this.step) || this.step <= 0 || this.inputWrapper.buttons[0].classList.contains(DISABLED)) {
             return;
         }
-        var count = this.isBlazorServer ? (isNullOrUndefined(this.blazorTimeCollections) ? 0 :
-            this.blazorTimeCollections.length) : this.timeCollections.length;
+        var count = this.timeCollections.length;
         if (isNullOrUndefined(this.getActiveElement()) || this.getActiveElement().length === 0) {
-            if (isNullOrUndefined(this.popupObj) && this.isBlazorServer) {
-                if (isNullOrUndefined(this.activeIndex)) {
+            if (this.liCollections.length > 0) {
+                if (isNullOrUndefined(this.value) && isNullOrUndefined(this.activeIndex)) {
                     var index = this.validLiElement(0, event.action === 'down' ? false : true);
                     this.activeIndex = index;
-                    this.interopAdaptor.invokeMethodAsync('OnListItemClick', index, true);
+                    this.selectedElement = this.liCollections[index];
+                    this.elementValue(new Date(this.timeCollections[index]));
                 }
                 else {
-                    this.findNextInBlazor(event);
+                    this.findNextElement(event);
                 }
             }
             else {
-                if (this.liCollections.length > 0) {
-                    if (this.isBlazorServer ? (isNullOrUndefined(this.activeIndex)) : (isNullOrUndefined(this.value) &&
-                        isNullOrUndefined(this.activeIndex))) {
-                        this.selectNextItem(event);
-                    }
-                    else {
-                        this.findNextElement(event);
-                    }
-                }
-                else {
-                    this.findNextElement(event);
-                }
+                this.findNextElement(event);
             }
         }
         else {
@@ -1926,50 +1702,34 @@ var TimePicker = /** @class */ (function (_super) {
                 this.activeIndex = index = this.activeIndex < 0 ? (count - 1) : this.activeIndex;
                 this.activeIndex = index = this.validLiElement(this.activeIndex, (event.keyCode === 40 || event.keyCode === 39) ?
                     false : true);
-                if (!this.isBlazorServer) {
-                    nextItem = isNullOrUndefined(this.timeCollections[index]) ? this.timeCollections[0] : this.timeCollections[index];
-                }
+                nextItem = isNullOrUndefined(this.timeCollections[index]) ? this.timeCollections[0] : this.timeCollections[index];
             }
             else if (event.action === 'home') {
                 var index = this.validLiElement(0);
                 this.activeIndex = index;
-                if (!this.isBlazorServer) {
-                    nextItem = this.timeCollections[index];
-                }
+                nextItem = this.timeCollections[index];
             }
             else if (event.action === 'end') {
                 var index = this.validLiElement(count - 1, true);
                 this.activeIndex = index;
-                if (!this.isBlazorServer) {
-                    nextItem = this.timeCollections[index];
-                }
+                nextItem = this.timeCollections[index];
             }
             this.selectedElement = this.liCollections[this.activeIndex];
-            if (this.isBlazorServer) {
-                this.inputElement.setAttribute('value', this.selectedElement.getAttribute('data-value'));
-                this.interopAdaptor.invokeMethodAsync('OnListItemClick', this.activeIndex, true);
-            }
-            else {
-                this.elementValue(new Date(nextItem));
-            }
+            this.elementValue(new Date(nextItem));
         }
         this.isNavigate = true;
         this.setHover(this.selectedElement, NAVIGATION);
         this.setActiveDescendant();
-        if (!this.isBlazorServer) {
-            this.selectInputText();
-        }
+        this.selectInputText();
         if (this.isPopupOpen() && this.selectedElement !== null && (!event || event.type !== 'click')) {
             this.setScrollPosition();
         }
     };
     TimePicker.prototype.getCultureTimeObject = function (ld, c) {
-        return isBlazor() ? (getValue('t', getValue(c, blazorCultureFormats))).replace(/tt/, 'a') :
-            getValue('main.' + c + '.dates.calendars.gregorian.timeFormats.short', ld);
+        return getValue('main.' + c + '.dates.calendars.gregorian.timeFormats.short', ld);
     };
     TimePicker.prototype.getCultureDateObject = function (ld, c) {
-        return isBlazor() ? (getValue('d', getValue(c, blazorCultureFormats))) :
-            getValue('main.' + c + '.dates.calendars.gregorian.dateFormats.short', ld);
+        return getValue('main.' + c + '.dates.calendars.gregorian.dateFormats.short', ld);
     };
     TimePicker.prototype.wireListEvents = function () {
         EventHandler.add(this.listWrapper, 'click', this.onMouseClick, this);
@@ -2071,8 +1831,7 @@ var TimePicker = /** @class */ (function (_super) {
             var items = this.popupWrapper.querySelectorAll('.' + LISTCLASS);
             if (items.length) {
                 for (var i = 0; i < items.length; i++) {
-                    if ((!this.isBlazorServer && this.timeCollections[i] === +this.getDateObject(this.valueWithMinutes))
-                        || (this.isBlazorServer && this.blazorTimeCollections[i] === this.blazorTimeCollections[this.activeIndex])) {
+                    if ((this.timeCollections[i] === +this.getDateObject(this.valueWithMinutes))) {
                         items[i].setAttribute('aria-selected', 'true');
                         this.selectedElement = items[i];
                         this.activeIndex = i;
@@ -2095,9 +1854,7 @@ var TimePicker = /** @class */ (function (_super) {
         return (li && li.classList.contains(LISTCLASS) && !li.classList.contains(DISABLED));
     };
     TimePicker.prototype.createDateObj = function (val) {
-        var formatStr = isBlazor() ?
-            'M' + getDefaultDateObject().dateSeperator + 'd' + getDefaultDateObject().dateSeperator + 'yy'
-            : null;
+        var formatStr = null;
         var today = this.globalize.formatDate(new Date(), { format: formatStr, skeleton: 'short', type: 'date' });
         var value = null;
         if (typeof val === 'string') {
@@ -2240,18 +1997,15 @@ var TimePicker = /** @class */ (function (_super) {
         }
         removeClass([this.inputWrapper.container], [FOCUS]);
         var blurArguments = {
-            model: this.isBlazorServer ? null : this
+            model: this
         };
         this.trigger('blur', blurArguments);
-        if (!this.isBlazorServer && this.getText() !== this.inputElement.value) {
+        if (this.getText() !== this.inputElement.value) {
             this.updateValue((this.inputElement).value, e);
         }
         else if (this.inputElement.value.trim().length === 0) {
             this.resetState();
         }
-        if (this.isBlazorServer) {
-            this.interopAdaptor.invokeMethodAsync('OnStrictMode', this.inputElement.value);
-        }
         this.cursorDetails = null;
         this.isNavigate = false;
         if (this.inputElement.value === '') {
@@ -2268,7 +2022,7 @@ var TimePicker = /** @class */ (function (_super) {
             this.inputElement.blur();
             removeClass([this.inputWrapper.container], [FOCUS]);
             var blurArguments = {
-                model: this.isBlazorServer ? null : this
+                model: this
             };
             this.trigger('blur', blurArguments);
         }
@@ -2284,7 +2038,7 @@ var TimePicker = /** @class */ (function (_super) {
             return;
         }
         var focusArguments = {
-            model: this.isBlazorServer ? null : this
+            model: this
         };
         if (!this.readonly && !Browser.isDevice && !this.enableMask) {
             this.selectInputText();
@@ -2347,7 +2101,7 @@ var TimePicker = /** @class */ (function (_super) {
                 document.body.appendChild(this.mobileTimePopupWrap);
             }
             this.openPopupEventArgs = {
-                popup: this.isBlazorServer ? null : (this.popupObj || null),
+                popup: this.popupObj || null,
                 cancel: false,
                 event: event || null,
                 name: 'open',
@@ -2355,19 +2109,8 @@ var TimePicker = /** @class */ (function (_super) {
             };
             var eventArgs = this.openPopupEventArgs;
             this.trigger('open', eventArgs, function (eventArgs) {
-                if ((isBlazor() && _this.isServerRendered)) {
-                    eventArgs.popup = _this.popupObj || null;
-                }
                 _this.openPopupEventArgs = eventArgs;
                 if (!_this.openPopupEventArgs.cancel && !_this.inputWrapper.buttons[0].classList.contains(DISABLED)) {
-                    if (_this.isBlazorServer) {
-                        _this.popupWrapper.style.visibility = '';
-                        _this.popupWrapper.style.width = _this.inputWrapper.container.offsetWidth + 'px';
-                        _this.popupWrapper.style.height = 'auto';
-                    }
-                    if (_this.isBlazorServer) {
-                        _this.openPopupEventArgs.popup = _this.popupObj;
-                    }
                     _this.openPopupEventArgs.appendTo.appendChild(_this.popupWrapper);
                     _this.popupAlignment(_this.openPopupEventArgs);
                     _this.setScrollPosition();
@@ -2393,11 +2136,6 @@ var TimePicker = /** @class */ (function (_super) {
                 }
                 else {
                     _this.popupObj.destroy();
-                    if (_this.isBlazorServer) {
-                        _this.disposeServerPopup();
-                        _this.inputWrapper.container.parentElement.insertBefore(_this.popupWrapper, _this.inputWrapper.container.nextElementSibling);
-                        _this.interopAdaptor.invokeMethodAsync('OnPopupHide', false);
-                    }
                     _this.popupWrapper = _this.listTag = undefined;
                     _this.liCollections = _this.timeCollections = _this.disableItemCollection = [];
                     _this.popupObj = null;
@@ -2522,10 +2260,8 @@ var TimePicker = /** @class */ (function (_super) {
                     this.setTimeAllowEdit();
                     break;
                 case 'enableRtl':
-                    if (!this.isBlazorServer) {
-                        this.setProperties({ enableRtl: newProp.enableRtl }, true);
-                        this.setEnableRtl();
-                    }
+                    this.setProperties({ enableRtl: newProp.enableRtl }, true);
+                    this.setEnableRtl();
                     break;
                 case 'cssClass':
                     this.updateCssClass(newProp.cssClass, oldProp.cssClass);
@@ -2541,9 +2277,7 @@ var TimePicker = /** @class */ (function (_super) {
                     break;
                 case 'min':
                 case 'max':
-                    if (!this.isBlazorServer) {
-                        this.getProperty(newProp, prop);
-                    }
+                    this.getProperty(newProp, prop);
                     break;
                 case 'showClearButton':
                     Input.setClearButton(this.showClearButton, this.inputElement, this.inputWrapper);
@@ -2554,13 +2288,11 @@ var TimePicker = /** @class */ (function (_super) {
                     this.globalize = new Internationalization(this.locale);
                     this.l10n.setLocale(this.locale);
                     this.updatePlaceHolder();
-                    if (!this.isBlazorServer) {
-                        this.setValue(this.value);
-                        if (this.enableMask) {
-                            this.notify("createMask", {
-                                module: "MaskedDateTime",
-                            });
-                        }
+                    this.setValue(this.value);
+                    if (this.enableMask) {
+                        this.notify("createMask", {
+                            module: "MaskedDateTime",
+                        });
                     }
                     break;
                 case 'width':
@@ -2570,50 +2302,46 @@ var TimePicker = /** @class */ (function (_super) {
                 case 'format':
                     this.setProperties({ format: newProp.format }, true);
                     this.checkTimeFormat();
-                    if (!this.isBlazorServer) {
-                        this.setValue(this.value);
-                        if (this.enableMask) {
-                            this.createMask();
-                            if (!this.value) {
-                                this.updateInputValue(this.maskedDateValue);
-                            }
+                    this.setValue(this.value);
+                    if (this.enableMask) {
+                        this.createMask();
+                        if (!this.value) {
+                            this.updateInputValue(this.maskedDateValue);
                         }
                     }
                     break;
                 case 'value':
-                    if (!this.isBlazorServer) {
-                        this.invalidValueString = null;
-                        this.checkInvalidValue(newProp.value);
-                        newProp.value = this.value;
-                        if (!this.invalidValueString) {
-                            if (typeof newProp.value === 'string') {
-                                this.setProperties({ value: this.checkDateValue(new Date(newProp.value)) }, true);
-                                newProp.value = this.value;
-                            }
-                            else {
-                                if ((newProp.value && +new Date(+newProp.value).setMilliseconds(0)) !== +this.value) {
-                                    newProp.value = this.checkDateValue(new Date('' + newProp.value));
-                                }
-                            }
-                            this.initValue = newProp.value;
-                            newProp.value = this.compareFormatChange(this.checkValue(newProp.value));
+                    this.invalidValueString = null;
+                    this.checkInvalidValue(newProp.value);
+                    newProp.value = this.value;
+                    if (!this.invalidValueString) {
+                        if (typeof newProp.value === 'string') {
+                            this.setProperties({ value: this.checkDateValue(new Date(newProp.value)) }, true);
+                            newProp.value = this.value;
                         }
                         else {
-                            this.updateInputValue(this.invalidValueString);
-                            this.checkErrorState(this.invalidValueString);
-                        }
-                        this.checkValueChange(null, false);
-                        if (this.isPopupOpen()) {
-                            this.setScrollPosition();
-                        }
-                        if (this.isAngular && this.preventChange) {
-                            this.preventChange = false;
-                        }
-                        if (this.enableMask) {
-                            this.notify("createMask", {
-                                module: "MaskedDateTime",
-                            });
+                            if ((newProp.value && +new Date(+newProp.value).setMilliseconds(0)) !== +this.value) {
+                                newProp.value = this.checkDateValue(new Date('' + newProp.value));
+                            }
                         }
+                        this.initValue = newProp.value;
+                        newProp.value = this.compareFormatChange(this.checkValue(newProp.value));
+                    }
+                    else {
+                        this.updateInputValue(this.invalidValueString);
+                        this.checkErrorState(this.invalidValueString);
+                    }
+                    this.checkValueChange(null, false);
+                    if (this.isPopupOpen()) {
+                        this.setScrollPosition();
+                    }
+                    if (this.isAngular && this.preventChange) {
+                        this.preventChange = false;
+                    }
+                    if (this.enableMask) {
+                        this.notify("createMask", {
+                            module: "MaskedDateTime",
+                        });
                     }
                     break;
                 case 'floatLabelType':
@@ -2622,32 +2350,23 @@ var TimePicker = /** @class */ (function (_super) {
                     Input.addFloating(this.inputElement, this.floatLabelType, this.placeholder);
                     break;
                 case 'strictMode':
-                    if (!this.isBlazorServer) {
-                        this.invalidValueString = null;
-                        if (newProp.strictMode) {
-                            this.checkErrorState(null);
-                        }
-                        this.setProperties({ strictMode: newProp.strictMode }, true);
-                        this.checkValue((this.inputElement).value);
-                        this.checkValueChange(null, false);
+                    this.invalidValueString = null;
+                    if (newProp.strictMode) {
+                        this.checkErrorState(null);
                     }
+                    this.setProperties({ strictMode: newProp.strictMode }, true);
+                    this.checkValue((this.inputElement).value);
+                    this.checkValueChange(null, false);
                     break;
                 case 'scrollTo':
-                    if (!this.isBlazorServer) {
-                        if (this.checkDateValue(new Date(this.checkInValue(newProp.scrollTo)))) {
-                            if (this.popupWrapper) {
-                                this.setScrollTo();
-                            }
-                            this.setProperties({ scrollTo: this.checkDateValue(new Date(this.checkInValue(newProp.scrollTo))) }, true);
-                        }
-                        else {
-                            this.setProperties({ scrollTo: null }, true);
-                        }
-                    }
-                    else {
+                    if (this.checkDateValue(new Date(this.checkInValue(newProp.scrollTo)))) {
                         if (this.popupWrapper) {
                             this.setScrollTo();
                         }
+                        this.setProperties({ scrollTo: this.checkDateValue(new Date(this.checkInValue(newProp.scrollTo))) }, true);
+                    }
+                    else {
+                        this.setProperties({ scrollTo: null }, true);
                     }
                     break;
                 case 'enableMask':