@syncfusion/ej2-vue-calendars 20.4.51 → 20.4.54

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-calendars@*",
-  "_id": "@syncfusion/ej2-vue-calendars@20.4.48",
+  "_id": "@syncfusion/ej2-vue-calendars@20.4.52",
   "_inBundle": false,
-  "_integrity": "sha512-O5wZ2yu0PPkjqVQDkAbvvs0AW/FKZ9I0ygxFVE3p48d2GMSVTx5h+NWM16rSsYpMC31bAnfm780p+FLLrB9Sbg==",
+  "_integrity": "sha512-6WBtCSwH0RFewnOKQIVIETcE90imUNgRI82LCmZ8hRjo8BCx5sJrbRDbkxolISwtjj/geXQB6q1c3T6awqkcrg==",
   "_location": "/@syncfusion/ej2-vue-calendars",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-calendars/-/ej2-vue-calendars-20.4.48.tgz",
-  "_shasum": "0a26e23daf1fd3bc24fd90e2e8291e593aaaa193",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-calendars/-/ej2-vue-calendars-20.4.52.tgz",
+  "_shasum": "319db825bfebfa66209fc86b81eeb52cd41b9c6c",
   "_spec": "@syncfusion/ej2-vue-calendars@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -32,7 +32,7 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~20.4.51",
-    "@syncfusion/ej2-calendars": "20.4.51",
+    "@syncfusion/ej2-calendars": "20.4.54",
     "@syncfusion/ej2-vue-base": "~20.4.51"
   },
   "deprecated": false,
@@ -56,6 +56,6 @@
   "scripts": {
     "postinstall": "node ../ej2-vue-base/postinstall.js"
   },
-  "version": "20.4.51",
+  "version": "20.4.54",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -898,7 +898,7 @@ ejs-calendar {
 *.e-bigger.e-time-wrapper .e-time-icon.e-icons,
 *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
 *.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
-  font-size: 16px;
+  font-size: 18px;
 }
 
 .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
@@ -1051,7 +1051,7 @@ ejs-calendar {
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
 }
 .e-bigger .e-input-group-icon.e-date-icon::before,
@@ -1234,7 +1234,7 @@ ejs-calendar {
 }
 
 .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
   outline: none;
 }
@@ -1465,6 +1465,7 @@ ejs-calendar {
   overflow: hidden;
   padding: 0 20px;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-parent,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {
@@ -2140,7 +2141,7 @@ ejs-calendar {
 
 .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
-  font-size: 20px;
+  font-size: 18px;
 }
 .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
 *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {

package/styles/bootstrap.css

@@ -899,7 +899,7 @@ ejs-calendar {
 *.e-bigger.e-time-wrapper .e-time-icon.e-icons,
 *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
 *.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
-  font-size: 16px;
+  font-size: 18px;
 }
 
 .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
@@ -1053,7 +1053,7 @@ ejs-calendar {
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
 }
 .e-bigger .e-input-group-icon.e-date-icon::before,
@@ -1237,7 +1237,7 @@ ejs-calendar {
 }
 
 .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
   outline: none;
 }
@@ -1468,6 +1468,7 @@ ejs-calendar {
   overflow: hidden;
   padding: 0 20px;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-parent,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {
@@ -2143,7 +2144,7 @@ ejs-calendar {
 
 .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
-  font-size: 20px;
+  font-size: 18px;
 }
 .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
 *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {

package/styles/bootstrap4.css

@@ -1490,6 +1490,7 @@ ejs-calendar {
   overflow: hidden;
   padding: 0 20px;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-parent,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {
@@ -2174,7 +2175,7 @@ ejs-calendar {
 
 .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
-  font-size: 20px;
+  font-size: 18px;
 }
 .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
 *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {

package/styles/bootstrap5-dark.css

@@ -1108,7 +1108,7 @@ ejs-calendar {
 /*! component icons */
 .e-input-group-icon.e-date-icon,
 *.e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 18px;
+  font-size: 16px;
   margin: 0;
   min-height: 18px;
   min-width: 30px;
@@ -1128,7 +1128,7 @@ ejs-calendar {
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 22px;
+  font-size: 18px;
   margin: 0;
   min-height: 18px;
   min-width: 36px;
@@ -1558,6 +1558,7 @@ ejs-calendar {
   overflow: hidden;
   padding: 0 24px;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-parent,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {

package/styles/bootstrap5.css

@@ -1108,7 +1108,7 @@ ejs-calendar {
 /*! component icons */
 .e-input-group-icon.e-date-icon,
 *.e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 18px;
+  font-size: 16px;
   margin: 0;
   min-height: 18px;
   min-width: 30px;
@@ -1128,7 +1128,7 @@ ejs-calendar {
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 22px;
+  font-size: 18px;
   margin: 0;
   min-height: 18px;
   min-width: 36px;
@@ -1558,6 +1558,7 @@ ejs-calendar {
   overflow: hidden;
   padding: 0 24px;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-parent,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {

package/styles/datepicker/bootstrap-dark.css

@@ -20,7 +20,7 @@
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
 }
 .e-bigger .e-input-group-icon.e-date-icon::before,

package/styles/datepicker/bootstrap.css

@@ -21,7 +21,7 @@
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
 }
 .e-bigger .e-input-group-icon.e-date-icon::before,

package/styles/datepicker/bootstrap5-dark.css

@@ -3,7 +3,7 @@
 /*! component icons */
 .e-input-group-icon.e-date-icon,
 *.e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 18px;
+  font-size: 16px;
   margin: 0;
   min-height: 18px;
   min-width: 30px;
@@ -23,7 +23,7 @@
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 22px;
+  font-size: 18px;
   margin: 0;
   min-height: 18px;
   min-width: 36px;

package/styles/datepicker/bootstrap5.css

@@ -3,7 +3,7 @@
 /*! component icons */
 .e-input-group-icon.e-date-icon,
 *.e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 18px;
+  font-size: 16px;
   margin: 0;
   min-height: 18px;
   min-width: 30px;
@@ -23,7 +23,7 @@
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 22px;
+  font-size: 18px;
   margin: 0;
   min-height: 18px;
   min-width: 36px;

package/styles/datepicker/fabric-dark.css

@@ -20,7 +20,7 @@
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
 }
 .e-bigger .e-input-group-icon.e-date-icon::before,

package/styles/datepicker/fabric.css

@@ -21,7 +21,7 @@
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
 }
 .e-bigger .e-input-group-icon.e-date-icon::before,

package/styles/datepicker/fluent-dark.css

@@ -3,7 +3,7 @@
 /*! component icons */
 .e-input-group-icon.e-date-icon,
 *.e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 18px;
+  font-size: 16px;
   margin: 0;
   min-height: 18px;
   min-width: 30px;
@@ -23,7 +23,7 @@
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 22px;
+  font-size: 18px;
   margin: 0;
   min-height: 18px;
   min-width: 36px;

package/styles/datepicker/fluent.css

@@ -3,7 +3,7 @@
 /*! component icons */
 .e-input-group-icon.e-date-icon,
 *.e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 18px;
+  font-size: 16px;
   margin: 0;
   min-height: 18px;
   min-width: 30px;
@@ -23,7 +23,7 @@
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 22px;
+  font-size: 18px;
   margin: 0;
   min-height: 18px;
   min-width: 36px;

package/styles/datepicker/highcontrast-light.css

@@ -20,7 +20,7 @@
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
 }
 .e-bigger .e-input-group-icon.e-date-icon::before,

package/styles/datepicker/highcontrast.css

@@ -21,7 +21,7 @@
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
 }
 .e-bigger .e-input-group-icon.e-date-icon::before,

package/styles/datepicker/material-dark.css

@@ -29,7 +29,7 @@
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 5px 0 6px 0;
   min-height: 26px;
   min-width: 26px;

package/styles/datepicker/material.css

@@ -38,7 +38,7 @@
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 5px 0 6px 0;
   min-height: 26px;
   min-width: 26px;

package/styles/datepicker/tailwind-dark.css

@@ -4,7 +4,7 @@
 /*! component icons */
 .e-input-group-icon.e-date-icon,
 *.e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 18px;
+  font-size: 16px;
   margin: 0;
   min-height: 18px;
   min-width: 20px;
@@ -24,7 +24,7 @@
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 22px;
+  font-size: 18px;
   margin: 0;
   min-height: 18px;
   min-width: 20px;

package/styles/datepicker/tailwind.css

@@ -4,7 +4,7 @@
 /*! component icons */
 .e-input-group-icon.e-date-icon,
 *.e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 18px;
+  font-size: 16px;
   margin: 0;
   min-height: 18px;
   min-width: 20px;
@@ -24,7 +24,7 @@
 .e-bigger .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
 *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 22px;
+  font-size: 18px;
   margin: 0;
   min-height: 18px;
   min-width: 20px;

package/styles/daterangepicker/bootstrap-dark.css

@@ -37,7 +37,7 @@
 }
 
 .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
   outline: none;
 }
@@ -268,6 +268,7 @@
   overflow: hidden;
   padding: 0 20px;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-parent,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {

package/styles/daterangepicker/bootstrap.css

@@ -38,7 +38,7 @@
 }
 
 .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
   outline: none;
 }
@@ -269,6 +269,7 @@
   overflow: hidden;
   padding: 0 20px;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-parent,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {

package/styles/daterangepicker/bootstrap4.css

@@ -276,6 +276,7 @@
   overflow: hidden;
   padding: 0 20px;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-parent,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {

package/styles/daterangepicker/bootstrap5-dark.css

@@ -276,6 +276,7 @@
   overflow: hidden;
   padding: 0 24px;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-parent,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {

package/styles/daterangepicker/bootstrap5.css

@@ -276,6 +276,7 @@
   overflow: hidden;
   padding: 0 24px;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-parent,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {

package/styles/daterangepicker/fabric-dark.css

@@ -37,7 +37,7 @@
 }
 
 .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
   outline: none;
 }
@@ -268,6 +268,7 @@
   overflow: hidden;
   padding: 0 10px;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-parent,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {

package/styles/daterangepicker/fabric.css

@@ -38,7 +38,7 @@
 }
 
 .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
   outline: none;
 }
@@ -269,6 +269,7 @@
   overflow: hidden;
   padding: 0 10px;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-parent,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {

package/styles/daterangepicker/fluent-dark.css

@@ -261,6 +261,7 @@
   overflow: hidden;
   padding: 0 24px;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-parent,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {

package/styles/daterangepicker/fluent.css

@@ -261,6 +261,7 @@
   overflow: hidden;
   padding: 0 24px;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-parent,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {

package/styles/daterangepicker/highcontrast-light.css

@@ -37,7 +37,7 @@
 }
 
 .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
   outline: none;
 }
@@ -268,6 +268,7 @@
   overflow: hidden;
   padding: 0 10px;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-parent,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {

package/styles/daterangepicker/highcontrast.css

@@ -38,7 +38,7 @@
 }
 
 .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0;
   outline: none;
 }
@@ -269,6 +269,7 @@
   overflow: hidden;
   padding: 0 10px;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-parent,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {

package/styles/daterangepicker/material-dark.css

@@ -46,7 +46,7 @@
 }
 
 .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0 0 2px 0;
   min-height: 24px;
   min-width: 24px;
@@ -307,6 +307,7 @@
   overflow: hidden;
   padding: 0 24px;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-parent,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {

package/styles/daterangepicker/material.css

@@ -55,7 +55,7 @@
 }
 
 .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
-  font-size: 20px;
+  font-size: 18px;
   margin: 0 0 2px 0;
   min-height: 24px;
   min-width: 24px;
@@ -316,6 +316,7 @@
   overflow: hidden;
   padding: 0 24px;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-parent,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {

package/styles/daterangepicker/tailwind-dark.css

@@ -280,6 +280,7 @@
   overflow: hidden;
   padding: 0 24px;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-parent,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {

package/styles/daterangepicker/tailwind.css

@@ -280,6 +280,7 @@
   overflow: hidden;
   padding: 0 24px;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .e-daterangepicker.e-popup .e-presets .e-list-parent,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {

package/styles/datetimepicker/bootstrap-dark.css

@@ -91,7 +91,7 @@
 
 .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
-  font-size: 20px;
+  font-size: 18px;
 }
 .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
 *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {

package/styles/datetimepicker/bootstrap.css

@@ -91,7 +91,7 @@
 
 .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
-  font-size: 20px;
+  font-size: 18px;
 }
 .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
 *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {

package/styles/datetimepicker/bootstrap4.css

@@ -91,7 +91,7 @@
 
 .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
-  font-size: 20px;
+  font-size: 18px;
 }
 .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
 *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {

package/styles/datetimepicker/fabric-dark.css

@@ -91,7 +91,7 @@
 
 .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
-  font-size: 20px;
+  font-size: 18px;
 }
 .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
 *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {

package/styles/datetimepicker/fabric.css

@@ -91,7 +91,7 @@
 
 .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
-  font-size: 20px;
+  font-size: 18px;
 }
 .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
 *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {

package/styles/datetimepicker/highcontrast-light.css

@@ -91,7 +91,7 @@
 
 .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
-  font-size: 20px;
+  font-size: 18px;
 }
 .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
 *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {