@syncfusion/ej2-vue-calendars 20.2.46 → 20.3.47

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-calendars@*",
-  "_id": "@syncfusion/ej2-vue-calendars@20.2.45",
+  "_id": "@syncfusion/ej2-vue-calendars@18.29.7",
   "_inBundle": false,
-  "_integrity": "sha512-mDZo5zotj5U9dywooK1heZRB9xHXO5ihc1kD8xtz2InHLo7bgDD+7wgGOqLeMS6lqRukXB+4qqKd4ygkOiBHFw==",
+  "_integrity": "sha512-CVjDF1L8JulghvnrtssONCkXtkbavssZzo046RNWyNRQEqTEd4dcADpk+CXMsTHmoAQpzzGnM2Nmz3pgfWFvVA==",
   "_location": "/@syncfusion/ej2-vue-calendars",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-calendars/-/ej2-vue-calendars-20.2.45.tgz",
-  "_shasum": "947d57a9da8249a49facaefc49855a2f9dc30e0c",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-calendars/-/ej2-vue-calendars-18.29.7.tgz",
+  "_shasum": "cad9406864c85d8a22360cc4d8f521a9cf21da39",
   "_spec": "@syncfusion/ej2-vue-calendars@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.2.46",
-    "@syncfusion/ej2-calendars": "20.2.46",
-    "@syncfusion/ej2-vue-base": "~20.2.45"
+    "@syncfusion/ej2-base": "~20.3.47",
+    "@syncfusion/ej2-calendars": "20.3.47",
+    "@syncfusion/ej2-vue-base": "~20.3.47"
   },
   "deprecated": false,
   "description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization. for Vue",
@@ -92,6 +92,6 @@
   "scripts": {
     "postinstall": "node ../ej2-vue-base/postinstall.js"
   },
-  "version": "20.2.46",
+  "version": "20.3.47",
   "sideEffects": false
 }

package/src/calendar/calendar.component.d.ts

@@ -5,7 +5,6 @@ export declare const testProp: any;
 export declare const props: any;
 export declare const watch: any;
 export declare const emitProbs: any;
-export declare const isExecute: any;
 /**
  * Represents the Essential JS 2  VueJS Calendar Component.
  * ```html

package/src/calendar/calendar.component.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 { isUndefined } from '@syncfusion/ej2-base';
-import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';
+import { ComponentBase, EJComponentDecorator, getProps, gh, isExecute } from '@syncfusion/ej2-vue-base';
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { Calendar } from '@syncfusion/ej2-calendars';
 import { Options } from 'vue-class-component';
@@ -33,7 +33,6 @@ for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
     var props_1 = modelProps_1[_i];
     emitProbs.push('update:' + props_1);
 }
-export var isExecute = gh ? false : true;
 /**
  * Represents the Essential JS 2  VueJS Calendar Component.
  * ```html
@@ -149,10 +148,10 @@ var CalendarComponent = /** @class */ (function (_super) {
         }
     };
     CalendarComponent.prototype.render = function (createElement) {
-        var h = gh || createElement;
+        var h = !isExecute ? gh : createElement;
         var slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('div', slots);
     };

package/src/datepicker/datepicker.component.d.ts

@@ -5,7 +5,6 @@ export declare const testProp: any;
 export declare const props: any;
 export declare const watch: any;
 export declare const emitProbs: any;
-export declare const isExecute: any;
 /**
  * Represents the Essential JS 2 VueJS DatePicker Component.
  * ```html

package/src/datepicker/datepicker.component.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 { isUndefined } from '@syncfusion/ej2-base';
-import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';
+import { ComponentBase, EJComponentDecorator, getProps, gh, isExecute } from '@syncfusion/ej2-vue-base';
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { DatePicker } from '@syncfusion/ej2-calendars';
 import { Options } from 'vue-class-component';
@@ -33,7 +33,6 @@ for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
     var props_1 = modelProps_1[_i];
     emitProbs.push('update:' + props_1);
 }
-export var isExecute = gh ? false : true;
 /**
  * Represents the Essential JS 2 VueJS DatePicker Component.
  * ```html
@@ -149,10 +148,10 @@ var DatePickerComponent = /** @class */ (function (_super) {
         }
     };
     DatePickerComponent.prototype.render = function (createElement) {
-        var h = gh || createElement;
+        var h = !isExecute ? gh : createElement;
         var slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('input', slots);
     };

package/src/daterangepicker/daterangepicker.component.d.ts

@@ -5,7 +5,6 @@ export declare const testProp: any;
 export declare const props: any;
 export declare const watch: any;
 export declare const emitProbs: any;
-export declare const isExecute: any;
 /**
  * Represents the Essential JS 2 VueJS DateRangePicker Component.
  * ```html

package/src/daterangepicker/daterangepicker.component.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 { isUndefined } from '@syncfusion/ej2-base';
-import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';
+import { ComponentBase, EJComponentDecorator, getProps, gh, isExecute } from '@syncfusion/ej2-vue-base';
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { DateRangePicker } from '@syncfusion/ej2-calendars';
 import { PresetsDirective, PresetDirective, PresetsPlugin, PresetPlugin } from './presets.directive';
@@ -34,7 +34,6 @@ for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
     var props_1 = modelProps_1[_i];
     emitProbs.push('update:' + props_1);
 }
-export var isExecute = gh ? false : true;
 /**
  * Represents the Essential JS 2 VueJS DateRangePicker Component.
  * ```html
@@ -150,10 +149,10 @@ var DateRangePickerComponent = /** @class */ (function (_super) {
         }
     };
     DateRangePickerComponent.prototype.render = function (createElement) {
-        var h = gh || createElement;
+        var h = !isExecute ? gh : createElement;
         var slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('input', slots);
     };

package/src/daterangepicker/presets.directive.d.ts

@@ -1,4 +1,3 @@
-export declare const isExecute: any;
 declare let vueImport: any;
 export declare class PresetsDirective extends vueImport {
     constructor();

package/src/daterangepicker/presets.directive.js

@@ -17,12 +17,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
+import { EJComponentDecorator, allVue, gh, isExecute } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
 import { Options } from 'vue-class-component';
-export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
     vueImport = Vue3.Vue;
@@ -36,18 +35,18 @@ var PresetsDirective = /** @class */ (function (_super) {
         return _super.call(this, arguments) || this;
     }
     PresetsDirective.prototype.render = function (createElement) {
-        if (gh) {
-            var h = gh || createElement;
+        if (!isExecute) {
+            var h = !isExecute ? gh : createElement;
             var slots = null;
             if (!isNullOrUndefined(this.$slots.default)) {
-                slots = gh ? this.$slots.default() : this.$slots.default;
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
             }
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
     };
     PresetsDirective.prototype.updated = function () {
-        if (gh && this.custom) {
+        if (!isExecute && this.custom) {
             this.custom();
         }
     };

package/src/datetimepicker/datetimepicker.component.d.ts

@@ -5,7 +5,6 @@ export declare const testProp: any;
 export declare const props: any;
 export declare const watch: any;
 export declare const emitProbs: any;
-export declare const isExecute: any;
 /**
  * Represents the Essential JS 2 VueJS DateTimePicker Component.
  * ```html

package/src/datetimepicker/datetimepicker.component.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 { isUndefined } from '@syncfusion/ej2-base';
-import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';
+import { ComponentBase, EJComponentDecorator, getProps, gh, isExecute } from '@syncfusion/ej2-vue-base';
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { DateTimePicker } from '@syncfusion/ej2-calendars';
 import { Options } from 'vue-class-component';
@@ -33,7 +33,6 @@ for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
     var props_1 = modelProps_1[_i];
     emitProbs.push('update:' + props_1);
 }
-export var isExecute = gh ? false : true;
 /**
  * Represents the Essential JS 2 VueJS DateTimePicker Component.
  * ```html
@@ -149,10 +148,10 @@ var DateTimePickerComponent = /** @class */ (function (_super) {
         }
     };
     DateTimePickerComponent.prototype.render = function (createElement) {
-        var h = gh || createElement;
+        var h = !isExecute ? gh : createElement;
         var slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('input', slots);
     };

package/src/timepicker/timepicker.component.d.ts

@@ -5,7 +5,6 @@ export declare const testProp: any;
 export declare const props: any;
 export declare const watch: any;
 export declare const emitProbs: any;
-export declare const isExecute: any;
 /**
  * Represents the Essential JS 2 VueJS TimePicker Component.
  * ```html

package/src/timepicker/timepicker.component.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 { isUndefined } from '@syncfusion/ej2-base';
-import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';
+import { ComponentBase, EJComponentDecorator, getProps, gh, isExecute } from '@syncfusion/ej2-vue-base';
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { TimePicker } from '@syncfusion/ej2-calendars';
 import { Options } from 'vue-class-component';
@@ -33,7 +33,6 @@ for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
     var props_1 = modelProps_1[_i];
     emitProbs.push('update:' + props_1);
 }
-export var isExecute = gh ? false : true;
 /**
  * Represents the Essential JS 2 VueJS TimePicker Component.
  * ```html
@@ -149,10 +148,10 @@ var TimePickerComponent = /** @class */ (function (_super) {
         }
     };
     TimePickerComponent.prototype.render = function (createElement) {
-        var h = gh || createElement;
+        var h = !isExecute ? gh : createElement;
         var slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('input', slots);
     };

package/styles/bootstrap-dark.css

@@ -36,6 +36,7 @@ ejs-calendar {
 
 .e-calendar,
 .e-bigger.e-small .e-calendar {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   border-radius: 4px;
   display: block;
@@ -819,6 +820,7 @@ ejs-calendar {
     transform: scale(1);
   }
 }
+/* stylelint-disable property-no-vendor-prefix */
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
@@ -833,6 +835,7 @@ ejs-calendar {
 
 .e-time-wrapper,
 *.e-control-wrapper.e-time-wrapper {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
 }
 .e-time-wrapper .e-time-icon.e-icons,
@@ -948,6 +951,7 @@ ejs-calendar {
   min-height: 40px;
 }
 
+/* stylelint-disable */
 .e-time-overflow {
   overflow: hidden;
 }
@@ -975,6 +979,7 @@ ejs-calendar {
   top: 0 !important;
 }
 
+/* stylelint-enable */
 /*! timepicker theme */
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: #fff;
@@ -1024,6 +1029,7 @@ ejs-calendar {
   color: #f0f0f0;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! component icons */
 .e-input-group-icon.e-date-icon,
 *.e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -1118,6 +1124,7 @@ ejs-calendar {
   margin: 0;
 }
 
+/* stylelint-disable */
 .e-date-overflow {
   overflow: hidden !important;
 }
@@ -1144,7 +1151,6 @@ ejs-calendar {
   top: 0 !important;
   left: 0 !important;
 }
-
 .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
   background-size: 250px 33px;
   min-height: 33px;
@@ -1163,6 +1169,7 @@ ejs-calendar {
     overflow: auto;
   }
 }
+/* stylelint-enable */
 .e-datepicker.e-popup-wrapper,
 .e-bigger.e-small .e-datepicker.e-popup-wrapper,
 .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1188,6 +1195,7 @@ ejs-calendar {
   border: none;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! component icons */
 .e-input-group-icon.e-range-icon,
 *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -1787,6 +1795,7 @@ ejs-calendar {
   line-height: 26px;
 }
 
+/* stylelint-disable */
 .e-range-overflow {
   overflow: hidden;
 }
@@ -1813,7 +1822,6 @@ ejs-calendar {
   top: 0 !important;
   left: 0 !important;
 }
-
 .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
   background-size: 250px 33px;
   min-height: 33px;
@@ -1825,6 +1833,15 @@ ejs-calendar {
   min-height: 40px;
 }
 
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
+  width: calc(100% - 80px);
+}
+
+.e-outline.e-float-input.e-static-clear.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
+  width: calc(100% - 110px);
+}
+
+/* stylelint-enable */
 /*! daterangepicker theme */
 .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
   color: #f0f0f0;
@@ -2023,6 +2040,7 @@ ejs-calendar {
   color: #fff;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! component icons */
 .e-datetime-wrapper .e-time-icon.e-icons::before {
   content: "\e93e";
@@ -2036,6 +2054,7 @@ ejs-calendar {
 }
 
 .e-datetime-wrapper {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
 }
 .e-datetime-wrapper .e-time-icon.e-icons::before {

package/styles/bootstrap.css

@@ -37,6 +37,7 @@ ejs-calendar {
 
 .e-calendar,
 .e-bigger.e-small .e-calendar {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   border-radius: 4px;
   display: block;
@@ -820,6 +821,7 @@ ejs-calendar {
     transform: scale(1);
   }
 }
+/* stylelint-disable property-no-vendor-prefix */
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
@@ -834,6 +836,7 @@ ejs-calendar {
 
 .e-time-wrapper,
 *.e-control-wrapper.e-time-wrapper {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
 }
 .e-time-wrapper .e-time-icon.e-icons,
@@ -949,6 +952,7 @@ ejs-calendar {
   min-height: 40px;
 }
 
+/* stylelint-disable */
 .e-time-overflow {
   overflow: hidden;
 }
@@ -976,6 +980,7 @@ ejs-calendar {
   top: 0 !important;
 }
 
+/* stylelint-enable */
 /*! timepicker theme */
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: #333;
@@ -1025,6 +1030,7 @@ ejs-calendar {
   color: #333;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! calendar bootstrap theme variables */
 /*! component icons */
 .e-input-group-icon.e-date-icon,
@@ -1120,6 +1126,7 @@ ejs-calendar {
   margin: 0;
 }
 
+/* stylelint-disable */
 .e-date-overflow {
   overflow: hidden !important;
 }
@@ -1146,7 +1153,6 @@ ejs-calendar {
   top: 0 !important;
   left: 0 !important;
 }
-
 .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
   background-size: 250px 33px;
   min-height: 33px;
@@ -1165,6 +1171,7 @@ ejs-calendar {
     overflow: auto;
   }
 }
+/* stylelint-enable */
 .e-datepicker.e-popup-wrapper,
 .e-bigger.e-small .e-datepicker.e-popup-wrapper,
 .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1190,6 +1197,7 @@ ejs-calendar {
   border: none;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! calendar bootstrap theme variables */
 /*! component icons */
 .e-input-group-icon.e-range-icon,
@@ -1790,6 +1798,7 @@ ejs-calendar {
   line-height: 26px;
 }
 
+/* stylelint-disable */
 .e-range-overflow {
   overflow: hidden;
 }
@@ -1816,7 +1825,6 @@ ejs-calendar {
   top: 0 !important;
   left: 0 !important;
 }
-
 .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
   background-size: 250px 33px;
   min-height: 33px;
@@ -1828,6 +1836,15 @@ ejs-calendar {
   min-height: 40px;
 }
 
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
+  width: calc(100% - 80px);
+}
+
+.e-outline.e-float-input.e-static-clear.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
+  width: calc(100% - 110px);
+}
+
+/* stylelint-enable */
 /*! daterangepicker theme */
 .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
   color: #333;
@@ -2026,6 +2043,7 @@ ejs-calendar {
   color: #fff;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! component icons */
 .e-datetime-wrapper .e-time-icon.e-icons::before {
   content: "\e93e";
@@ -2039,6 +2057,7 @@ ejs-calendar {
 }
 
 .e-datetime-wrapper {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
 }
 .e-datetime-wrapper .e-time-icon.e-icons::before {

package/styles/bootstrap4.css

@@ -37,6 +37,7 @@ ejs-calendar {
 
 .e-calendar,
 .e-bigger.e-small .e-calendar {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   border-radius: 4px;
   display: block;
@@ -820,6 +821,7 @@ ejs-calendar {
     transform: scale(1);
   }
 }
+/* stylelint-disable property-no-vendor-prefix */
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
@@ -834,6 +836,7 @@ ejs-calendar {
 
 .e-time-wrapper,
 *.e-control-wrapper.e-time-wrapper {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
 }
 .e-time-wrapper .e-time-icon.e-icons,
@@ -949,6 +952,7 @@ ejs-calendar {
   min-height: 40px;
 }
 
+/* stylelint-disable */
 .e-time-overflow {
   overflow: hidden;
 }
@@ -976,6 +980,7 @@ ejs-calendar {
   top: 0 !important;
 }
 
+/* stylelint-enable */
 /*! timepicker theme */
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   background: #545b62;
@@ -1027,6 +1032,7 @@ ejs-calendar {
   color: #212529;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! calendar bootstrap theme variables */
 /*! component icons */
 .e-input-group-icon.e-date-icon,
@@ -1126,6 +1132,7 @@ ejs-calendar {
   margin: 0;
 }
 
+/* stylelint-disable */
 .e-date-overflow {
   overflow: hidden !important;
 }
@@ -1152,7 +1159,6 @@ ejs-calendar {
   top: 0 !important;
   left: 0 !important;
 }
-
 .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
   background-size: 250px 33px;
   min-height: 33px;
@@ -1171,6 +1177,7 @@ ejs-calendar {
     overflow: auto;
   }
 }
+/* stylelint-enable */
 .e-datepicker.e-popup-wrapper,
 .e-bigger.e-small .e-datepicker.e-popup-wrapper,
 .e-bigger .e-datepicker.e-popup-wrapper,
@@ -1205,6 +1212,7 @@ ejs-calendar {
   color: #fff;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! calendar bootstrap theme variables */
 /*! component icons */
 .e-input-group-icon.e-range-icon,
@@ -1818,6 +1826,7 @@ ejs-calendar {
   line-height: 26px;
 }
 
+/* stylelint-disable */
 .e-range-overflow {
   overflow: hidden;
 }
@@ -1844,7 +1853,6 @@ ejs-calendar {
   top: 0 !important;
   left: 0 !important;
 }
-
 .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
   background-size: 250px 33px;
   min-height: 33px;
@@ -1856,6 +1864,15 @@ ejs-calendar {
   min-height: 40px;
 }
 
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
+  width: calc(100% - 80px);
+}
+
+.e-outline.e-float-input.e-static-clear.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
+  width: calc(100% - 110px);
+}
+
+/* stylelint-enable */
 /*! daterangepicker theme */
 .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
   background: #545b62;
@@ -2057,6 +2074,7 @@ ejs-calendar {
   color: #fff;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! component icons */
 .e-datetime-wrapper .e-time-icon.e-icons::before {
   content: "\e7c7";
@@ -2070,6 +2088,7 @@ ejs-calendar {
 }
 
 .e-datetime-wrapper {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
 }
 .e-datetime-wrapper .e-time-icon.e-icons::before {