@syncfusion/ej2-inputs 28.1.41 → 28.2.9

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 28.1.41
+*  version : 28.2.9
 *  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-inputs@*",
-  "_id": "@syncfusion/ej2-inputs@28.1.37",
+  "_id": "@syncfusion/ej2-inputs@28.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-xq5ftk/1AS5NTv7Ahsu7g3lvfo+V7VO9Hj+sXwYGAdsBPTBZTUtNU3/Ra2mD6Kz/9u1cG6s/y2Yk9KafBqaCWw==",
+  "_integrity": "sha512-6t9hsOCCSR+/VsKAtJQOsCuICzwbyNUbBfHN5I8Q61W3UoZ+NEu1eVqxRfe2qqKKQz+1+fu4WNXGCfzTYpcCMA==",
   "_location": "/@syncfusion/ej2-inputs",
   "_phantomChildren": {},
   "_requested": {
@@ -40,8 +40,8 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-inputs"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-28.1.37.tgz",
-  "_shasum": "b5b652d54d2e1807a935a0b68977262115e98232",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-28.2.3.tgz",
+  "_shasum": "a41666ff5f2a4c4a1f7b35a7f4fae8739630aefe",
   "_spec": "@syncfusion/ej2-inputs@*",
   "_where": "/jenkins/workspace/elease-automation_release_28.1.1/packages/included",
   "author": {
@@ -49,10 +49,10 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~28.1.33",
-    "@syncfusion/ej2-buttons": "~28.1.39",
-    "@syncfusion/ej2-popups": "~28.1.39",
-    "@syncfusion/ej2-splitbuttons": "~28.1.41"
+    "@syncfusion/ej2-base": "~28.2.9",
+    "@syncfusion/ej2-buttons": "~28.2.7",
+    "@syncfusion/ej2-popups": "~28.2.9",
+    "@syncfusion/ej2-splitbuttons": "~28.2.3"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 input components such as Textbox, Color-picker, Masked-textbox, Numeric-textbox, Slider, Upload, and Form-validator that is used to get input from the users.",
@@ -120,7 +120,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/inputs"
   },
   "typings": "index.d.ts",
-  "version": "28.1.41",
+  "version": "28.2.9",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/form-validator/form-validator.d.ts

@@ -283,6 +283,10 @@ export interface ValidArgs {
      * Returns the date format mapped for the input.
      */
     format?: string;
+    /**
+     * Returns the culture for the input.
+     */
+    culture?: string;
 }
 export interface FormEventArgs {
     /**

package/src/form-validator/form-validator.js

@@ -651,7 +651,8 @@ var FormValidator = /** @class */ (function (_super) {
         var currentRule = this.rules["" + name]["" + rule];
         var dateFormat = ((rule === 'min' || rule === 'max') && this.rules['' + name].date &&
             typeof (this.rules['' + name].date) === 'string') ? this.rules['' + name].date : null;
-        var args = { value: this.inputElement.value, param: param, element: this.inputElement, formElement: this.element, format: dateFormat };
+        var args = { value: this.inputElement.value,
+            param: param, element: this.inputElement, formElement: this.element, format: dateFormat, culture: this.locale };
         this.trigger('validationBegin', args);
         if (!args.param && rule === 'required') {
             return true;
@@ -833,7 +834,7 @@ var FormValidator = /** @class */ (function (_super) {
         },
         date: function (option) {
             if (!isNullOrUndefined(option.param) && (typeof (option.param) === 'string' && option.param !== '')) {
-                var globalize = new Internationalization;
+                var globalize = option.culture && option.culture !== '' ? new Internationalization(option.culture) : new Internationalization;
                 var dateOptions = { format: option.param.toString(), type: 'dateTime', skeleton: 'yMd' };
                 var dateValue = globalize.parseDate(option.value, dateOptions);
                 return (!isNullOrUndefined(dateValue) && dateValue instanceof Date && !isNaN(+dateValue));
@@ -849,7 +850,7 @@ var FormValidator = /** @class */ (function (_super) {
             }
             // Maximum rule validation for date
             if (option.format && option.format !== '') {
-                var globalize = new Internationalization;
+                var globalize = option.culture && option.culture !== '' ? new Internationalization(option.culture) : new Internationalization;
                 var dateOptions = { format: option.format.toString(), type: 'dateTime', skeleton: 'yMd' };
                 var dateValue = globalize.parseDate(option.value, dateOptions);
                 var maxValue = (typeof (option.param) === 'string') ? globalize.parseDate(JSON.parse(JSON.stringify(option.param)), dateOptions) : option.param;
@@ -871,7 +872,7 @@ var FormValidator = /** @class */ (function (_super) {
             else {
                 // Minimum rule validation for date
                 if (option.format && option.format !== '') {
-                    var globalize = new Internationalization;
+                    var globalize = option.culture && option.culture !== '' ? new Internationalization(option.culture) : new Internationalization;
                     var dateOptions = { format: option.format.toString(), type: 'dateTime', skeleton: 'yMd' };
                     var dateValue = globalize.parseDate(option.value, dateOptions);
                     var minValue = (typeof (option.param) === 'string') ? globalize.parseDate(JSON.parse(JSON.stringify(option.param)), dateOptions) : option.param;

package/src/rating/rating-model.d.ts

@@ -1,4 +1,4 @@
-import { addClass, Event, attributes, BaseEventArgs, compile, Component, EmitType, EventHandler, getUniqueID, INotifyPropertyChanged, select, Browser, append } from '@syncfusion/ej2-base';import { isNullOrUndefined, KeyboardEventArgs, KeyboardEvents, MouseEventArgs, NotifyPropertyChanges, Property, remove, removeClass, initializeCSPTemplate } from '@syncfusion/ej2-base';import { Tooltip } from '@syncfusion/ej2-popups';
+import { addClass, Event, attributes, BaseEventArgs, compile, Component, EmitType, EventHandler, getUniqueID, INotifyPropertyChanged, select, Browser, append } from '@syncfusion/ej2-base';import { isNullOrUndefined, KeyboardEventArgs, KeyboardEvents, MouseEventArgs, NotifyPropertyChanges, Property, remove, removeClass, initializeCSPTemplate, closest } from '@syncfusion/ej2-base';import { Tooltip } from '@syncfusion/ej2-popups';
 import {LabelPosition,PrecisionType,RatingItemEventArgs,RatingHoverEventArgs,RatingChangedEventArgs} from "./rating";
 import {ComponentModel} from '@syncfusion/ej2-base';
 

package/src/rating/rating.js

@@ -18,7 +18,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { addClass, Event, attributes, compile, Component, EventHandler, getUniqueID, select, Browser, append } from '@syncfusion/ej2-base';
-import { isNullOrUndefined, KeyboardEvents, NotifyPropertyChanges, Property, remove, removeClass, initializeCSPTemplate } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, KeyboardEvents, NotifyPropertyChanges, Property, remove, removeClass, initializeCSPTemplate, closest } from '@syncfusion/ej2-base';
 import { Tooltip } from '@syncfusion/ej2-popups';
 var ICONCSS = 'e-rating-icon e-icons e-star-filled';
 var ITEMLIST = 'e-rating-item-list';
@@ -121,12 +121,15 @@ var Rating = /** @class */ (function (_super) {
         };
         this.tooltipOpen = false;
         this.isTouchSelected = false;
+        if (closest(this.element, 'form') && this.element.getAttribute('value')) {
+            this.setProperties({ value: this.element.getAttribute('value') }, true);
+        }
     };
     Rating.prototype.render = function () {
         this.initialize();
         this.updateMinValue();
         this.updateTemplateFunction();
-        this.triggerChange(null, this.value, false);
+        this.triggerChange(null, this.value, false, true);
         this.renderItems();
         this.displayLabel();
     };
@@ -493,8 +496,10 @@ var Rating = /** @class */ (function (_super) {
         this.updateItemValue();
         this.updateLabel();
     };
-    Rating.prototype.triggerChange = function (e, val, isInteracted) {
+    Rating.prototype.triggerChange = function (e, val, isInteracted, isInitial) {
         if (isInteracted === void 0) { isInteracted = true; }
+        if (isInitial === void 0) { isInitial = false; }
+        var ratingObj = null || this;
         val = this.validateValue(val);
         this.currentValue = val;
         if (this.currentValue === this.value) {
@@ -502,7 +507,12 @@ var Rating = /** @class */ (function (_super) {
         }
         var eventArgs = { event: e, isInteracted: isInteracted, value: val, previousValue: this.value };
         this.setProperties({ value: val }, true);
-        this.trigger('valueChanged', eventArgs);
+        if (this.isAngular && !isInitial) {
+            ratingObj.localChange({ value: val });
+        }
+        if (!isInitial) {
+            this.trigger('valueChanged', eventArgs);
+        }
     };
     Rating.prototype.mouseMoveHandler = function (index, e) {
         if (this.isTouchSelected) {

package/src/uploader/uploader.d.ts

@@ -1036,6 +1036,7 @@ export declare class Uploader extends Component<HTMLInputElement> implements INo
     private clearData;
     private updateSortedFileList;
     private isBlank;
+    private checkGenericExtension;
     private checkExtension;
     private validatedFileSize;
     private isPreLoadFile;

package/src/uploader/uploader.js

@@ -974,6 +974,13 @@ var Uploader = /** @class */ (function (_super) {
             this.element.value = '';
         }
         this.checkActionButtonStatus();
+        if (this.actionButtons && this.clearButton && this.uploadWrapper) {
+            var progressBarElements = this.uploadWrapper.querySelectorAll('.e-upload-progress-bar.e-upload-progress:not(.e-upload-success):not(.e-upload-fails)');
+            if (progressBarElements.length === 1 && selectedElement.contains(progressBarElements[0])
+                && this.clearButton.hasAttribute('disabled')) {
+                this.clearButton.removeAttribute('disabled');
+            }
+        }
     };
     Uploader.prototype.removeFilesData = function (file, customTemplate) {
         var index;
@@ -1288,7 +1295,7 @@ var Uploader = /** @class */ (function (_super) {
             this.updateInitialFileDetails(args, targetFiles, file, i, fileData, directory, paste);
         }
         eventArgs.filesData = fileData;
-        if (this.allowedExtensions.indexOf('*') > -1) {
+        if (!isNullOrUndefined(this.allowedExtensions) && this.allowedExtensions.indexOf('*') > -1) {
             this.allTypes = true;
         }
         if (this.enableHtmlSanitizer) {
@@ -1454,11 +1461,34 @@ var Uploader = /** @class */ (function (_super) {
     Uploader.prototype.isBlank = function (str) {
         return (!str || /^\s*$/.test(str));
     };
+    Uploader.prototype.checkGenericExtension = function (genericType, fileExtension) {
+        var validExtensions = [];
+        switch (genericType.toLowerCase()) {
+            case 'image/*':
+                validExtensions.push('jpg', 'jpeg', 'png', 'gif', 'bmp', 'tiff', 'svg', 'webp', 'heic');
+                break;
+            case 'audio/*':
+                validExtensions.push('mp3', 'wav', 'aac', 'flac', 'ogg', 'm4a');
+                break;
+            case 'video/*':
+                validExtensions.push('mp4', 'mov', 'avi', 'mkv', 'flv', 'wmv', 'webm', 'mpeg');
+                break;
+            case 'application/*':
+                validExtensions.push('doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'zip', 'rar', '7z', 'tar', 'pdf');
+                break;
+            case 'text/*':
+                validExtensions.push('txt', 'csv', 'html', 'css', 'js', 'json', 'xml', 'md');
+                break;
+            default:
+                break;
+        }
+        return validExtensions.includes(fileExtension.toLowerCase());
+    };
     Uploader.prototype.checkExtension = function (files) {
         var dropFiles = files;
         if (!this.isBlank(this.allowedExtensions)) {
             var allowedExtensions = [];
-            var extensions = this.allowedExtensions.split(',');
+            var extensions = !isNullOrUndefined(allowedExtensions) ? this.allowedExtensions.split(',') : [''];
             for (var _i = 0, extensions_1 = extensions; _i < extensions_1.length; _i++) {
                 var extension = extensions_1[_i];
                 allowedExtensions.push(extension.trim().toLocaleLowerCase());
@@ -1466,7 +1496,14 @@ var Uploader = /** @class */ (function (_super) {
             for (var i = 0; i < files.length; i++) {
                 var checkFileType = files[i].type.indexOf('.') !== -1 ?
                     files[i].type.replace('.', '') : files[i].type;
-                if (allowedExtensions.indexOf(('.' + checkFileType).toLocaleLowerCase()) === -1) {
+                if (allowedExtensions[0].indexOf('/*') !== -1) {
+                    var isValidExtension = this.checkGenericExtension(allowedExtensions[0], checkFileType);
+                    if (!isValidExtension) {
+                        files[i].status = this.localizedTexts('invalidFileType');
+                        files[i].statusCode = '0';
+                    }
+                }
+                else if ((allowedExtensions.indexOf(('.' + checkFileType).toLocaleLowerCase()) === -1)) {
                     files[i].status = this.localizedTexts('invalidFileType');
                     files[i].statusCode = '0';
                 }
@@ -2253,6 +2290,15 @@ var Uploader = /** @class */ (function (_super) {
         var progressBar = li.querySelector('.' + PROGRESSBAR);
         if (!isNullOrUndefined(progressBar)) {
             progressBar.classList.add(className);
+            if (this.actionButtons && this.clearButton && this.uploadWrapper) {
+                if (className === 'e-upload-progress' && !this.clearButton.hasAttribute('disabled')) {
+                    this.clearButton.setAttribute('disabled', 'disabled');
+                }
+                else if ((className === 'e-upload-success' || className === 'e-upload-fails') && this.uploadWrapper.querySelectorAll('.e-upload-progress-bar.e-upload-progress:not(.e-upload-success):not(.e-upload-fails)').length === 0 &&
+                    this.clearButton.hasAttribute('disabled')) {
+                    this.clearButton.removeAttribute('disabled');
+                }
+            }
         }
     };
     Uploader.prototype.removeProgressbar = function (li, callType) {

package/styles/input/_layout.scss

@@ -5711,4 +5711,27 @@
       border-bottom: transparent;
     }
   }
+
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+  
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+  
+      label.e-float-text {
+        padding-left: 12px;
+      }
+  
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

package/styles/input/material-dark.css

@@ -4603,6 +4603,19 @@ textarea.e-outline,
   border-bottom: transparent;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  padding-right: 17px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,

package/styles/input/material.css

@@ -4623,6 +4623,19 @@ textarea.e-outline,
   border-bottom: transparent;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  padding-right: 17px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,

package/styles/input/material3-dark.css

@@ -4487,6 +4487,19 @@ textarea.e-outline,
   border-width: 0 0 1px 0;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  margin-right: 10px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,

package/styles/input/material3.css

@@ -4489,6 +4489,19 @@ textarea.e-outline,
   border-width: 0 0 1px 0;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  margin-right: 10px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,

package/styles/material-dark-lite.css

@@ -4613,6 +4613,19 @@ textarea.e-outline,
   border-bottom: transparent;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  padding-right: 17px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,

package/styles/material-dark.css

@@ -4613,6 +4613,19 @@ textarea.e-outline,
   border-bottom: transparent;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  padding-right: 17px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,

package/styles/material-lite.css

@@ -4633,6 +4633,19 @@ textarea.e-outline,
   border-bottom: transparent;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  padding-right: 17px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,

package/styles/material.css

@@ -4633,6 +4633,19 @@ textarea.e-outline,
   border-bottom: transparent;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  padding-right: 17px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,

package/styles/material3-dark-lite.css

@@ -4497,6 +4497,19 @@ textarea.e-outline,
   border-width: 0 0 1px 0;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  margin-right: 10px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,

package/styles/material3-dark.css

@@ -4497,6 +4497,19 @@ textarea.e-outline,
   border-width: 0 0 1px 0;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  margin-right: 10px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,

package/styles/material3-lite.css

@@ -4499,6 +4499,19 @@ textarea.e-outline,
   border-width: 0 0 1px 0;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  margin-right: 10px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,

package/styles/material3.css

@@ -4499,6 +4499,19 @@ textarea.e-outline,
   border-width: 0 0 1px 0;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  margin-right: 10px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,