@syncfusion/ej2-calendars 20.2.46 → 20.3.47

package/styles/fabric-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: 0;
   display: block;
@@ -816,6 +817,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 {
@@ -830,6 +832,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,
@@ -945,6 +948,7 @@ ejs-calendar {
   min-height: 40px;
 }
 
+/* stylelint-disable */
 .e-time-overflow {
   overflow: hidden;
 }
@@ -972,6 +976,7 @@ ejs-calendar {
   top: 0 !important;
 }
 
+/* stylelint-enable */
 /*! timepicker theme */
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: #dadada;
@@ -1021,6 +1026,7 @@ ejs-calendar {
   color: #dadada;
 }
 
+/* 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 {
@@ -1115,6 +1121,7 @@ ejs-calendar {
   margin: 0;
 }
 
+/* stylelint-disable */
 .e-date-overflow {
   overflow: hidden !important;
 }
@@ -1141,7 +1148,6 @@ ejs-calendar {
   top: 0 !important;
   left: 0 !important;
 }
-
 .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
   background-size: 250px 33px;
   min-height: 33px;
@@ -1160,6 +1166,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,
@@ -1185,6 +1192,7 @@ ejs-calendar {
   border: 1px solid #0074cc;
 }
 
+/* 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 {
@@ -1784,6 +1792,7 @@ ejs-calendar {
   line-height: 26px;
 }
 
+/* stylelint-disable */
 .e-range-overflow {
   overflow: hidden;
 }
@@ -1810,7 +1819,6 @@ ejs-calendar {
   top: 0 !important;
   left: 0 !important;
 }
-
 .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
   background-size: 250px 33px;
   min-height: 33px;
@@ -1822,6 +1830,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: #fff;
@@ -2020,6 +2037,7 @@ ejs-calendar {
   color: #fff;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! component icons */
 .e-datetime-wrapper .e-time-icon.e-icons::before {
   content: "\e97f";
@@ -2033,6 +2051,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/fabric.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: 0;
   display: block;
@@ -821,6 +822,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 {
@@ -835,6 +837,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,
@@ -950,6 +953,7 @@ ejs-calendar {
   min-height: 40px;
 }
 
+/* stylelint-disable */
 .e-time-overflow {
   overflow: hidden;
 }
@@ -977,6 +981,7 @@ ejs-calendar {
   top: 0 !important;
 }
 
+/* stylelint-enable */
 /*! timepicker theme */
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: #333;
@@ -1026,6 +1031,7 @@ ejs-calendar {
   color: #333;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! calendar fabric theme variables */
 /*! component icons */
 .e-input-group-icon.e-date-icon,
@@ -1121,6 +1127,7 @@ ejs-calendar {
   margin: 0;
 }
 
+/* stylelint-disable */
 .e-date-overflow {
   overflow: hidden !important;
 }
@@ -1147,7 +1154,6 @@ ejs-calendar {
   top: 0 !important;
   left: 0 !important;
 }
-
 .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
   background-size: 250px 33px;
   min-height: 33px;
@@ -1166,6 +1172,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,
@@ -1191,6 +1198,7 @@ ejs-calendar {
   border: 1px solid #0078d6;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! calendar fabric theme variables */
 /*! component icons */
 .e-input-group-icon.e-range-icon,
@@ -1791,6 +1799,7 @@ ejs-calendar {
   line-height: 26px;
 }
 
+/* stylelint-disable */
 .e-range-overflow {
   overflow: hidden;
 }
@@ -1817,7 +1826,6 @@ ejs-calendar {
   top: 0 !important;
   left: 0 !important;
 }
-
 .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
   background-size: 250px 33px;
   min-height: 33px;
@@ -1829,6 +1837,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;
@@ -2025,8 +2042,7 @@ ejs-calendar {
 *.e-device.e-daterangepicker .e-end-btn.e-active:hover {
   background: #0078d6;
   color: #fff;
-}
-
+} /* stylelint-disable property-no-vendor-prefix */
 /*! component icons */
 .e-datetime-wrapper .e-time-icon.e-icons::before {
   content: "\e97f";
@@ -2040,6 +2056,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/fluent-dark.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: 0;
   display: block;
@@ -974,6 +975,8 @@ ejs-calendar {
   color: #484644;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
@@ -988,6 +991,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,
@@ -1103,6 +1107,7 @@ ejs-calendar {
   min-height: 40px;
 }
 
+/* stylelint-disable */
 .e-time-overflow {
   overflow: hidden;
 }
@@ -1130,6 +1135,7 @@ ejs-calendar {
   top: 0 !important;
 }
 
+/* stylelint-enable */
 /*! timepicker theme */
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: #f3f2f1;
@@ -1179,7 +1185,8 @@ ejs-calendar {
   color: #f3f2f1;
 }
 
-/*! calendar bootstrap5 theme variables */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
 /*! component icons */
 .e-input-group-icon.e-date-icon,
 *.e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -1278,6 +1285,7 @@ ejs-calendar {
   margin: 0;
 }
 
+/* stylelint-disable */
 .e-date-overflow {
   overflow: hidden !important;
 }
@@ -1304,7 +1312,6 @@ ejs-calendar {
   top: 0 !important;
   left: 0 !important;
 }
-
 .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
   background-size: 250px 33px;
   min-height: 33px;
@@ -1323,6 +1330,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,
@@ -1355,7 +1363,8 @@ ejs-calendar {
   color: #a19f9d;
 }
 
-/*! calendar bootstrap5 theme variables */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
 /*! component icons */
 .e-input-group-icon.e-range-icon,
 *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -1937,6 +1946,7 @@ ejs-calendar {
   line-height: 26px;
 }
 
+/* stylelint-disable */
 .e-range-overflow {
   overflow: hidden;
 }
@@ -1963,7 +1973,6 @@ ejs-calendar {
   top: 0 !important;
   left: 0 !important;
 }
-
 .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
   background-size: 250px 33px;
   min-height: 33px;
@@ -1975,6 +1984,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: #f3f2f1;
@@ -2258,6 +2276,8 @@ ejs-calendar {
   color: #3b3a39;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
 /*! component icons */
 .e-datetime-wrapper .e-time-icon.e-icons::before {
   content: "\e705";
@@ -2271,6 +2291,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/fluent.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: 0;
   display: block;
@@ -974,6 +975,8 @@ ejs-calendar {
   color: #a19f9d;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
@@ -988,6 +991,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,
@@ -1103,6 +1107,7 @@ ejs-calendar {
   min-height: 40px;
 }
 
+/* stylelint-disable */
 .e-time-overflow {
   overflow: hidden;
 }
@@ -1130,6 +1135,7 @@ ejs-calendar {
   top: 0 !important;
 }
 
+/* stylelint-enable */
 /*! timepicker theme */
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: #201f1e;
@@ -1179,7 +1185,8 @@ ejs-calendar {
   color: #201f1e;
 }
 
-/*! calendar bootstrap5 theme variables */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
 /*! component icons */
 .e-input-group-icon.e-date-icon,
 *.e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -1278,6 +1285,7 @@ ejs-calendar {
   margin: 0;
 }
 
+/* stylelint-disable */
 .e-date-overflow {
   overflow: hidden !important;
 }
@@ -1304,7 +1312,6 @@ ejs-calendar {
   top: 0 !important;
   left: 0 !important;
 }
-
 .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
   background-size: 250px 33px;
   min-height: 33px;
@@ -1323,6 +1330,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,
@@ -1355,7 +1363,8 @@ ejs-calendar {
   color: #605e5c;
 }
 
-/*! calendar bootstrap5 theme variables */
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
 /*! component icons */
 .e-input-group-icon.e-range-icon,
 *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -1937,6 +1946,7 @@ ejs-calendar {
   line-height: 26px;
 }
 
+/* stylelint-disable */
 .e-range-overflow {
   overflow: hidden;
 }
@@ -1963,7 +1973,6 @@ ejs-calendar {
   top: 0 !important;
   left: 0 !important;
 }
-
 .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
   background-size: 250px 33px;
   min-height: 33px;
@@ -1975,6 +1984,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: #201f1e;
@@ -2258,6 +2276,8 @@ ejs-calendar {
   color: #a19f9d;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
 /*! component icons */
 .e-datetime-wrapper .e-time-icon.e-icons::before {
   content: "\e705";
@@ -2271,6 +2291,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/highcontrast-light.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: 0;
   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: #000;
@@ -1025,6 +1030,7 @@ ejs-calendar {
   color: #000;
 }
 
+/* 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 {
@@ -1119,6 +1125,7 @@ ejs-calendar {
   margin: 0;
 }
 
+/* stylelint-disable */
 .e-date-overflow {
   overflow: hidden !important;
 }
@@ -1145,7 +1152,6 @@ ejs-calendar {
   top: 0 !important;
   left: 0 !important;
 }
-
 .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
   background-size: 250px 33px;
   min-height: 33px;
@@ -1164,6 +1170,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,
@@ -1196,6 +1203,7 @@ ejs-calendar {
   color: #000;
 }
 
+/* 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 {
@@ -1795,6 +1803,7 @@ ejs-calendar {
   line-height: 26px;
 }
 
+/* stylelint-disable */
 .e-range-overflow {
   overflow: hidden;
 }
@@ -1821,7 +1830,6 @@ ejs-calendar {
   top: 0 !important;
   left: 0 !important;
 }
-
 .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
   background-size: 250px 33px;
   min-height: 33px;
@@ -1833,6 +1841,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: #000;
@@ -2031,6 +2048,7 @@ ejs-calendar {
   color: #fff;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! component icons */
 .e-datetime-wrapper .e-time-icon.e-icons::before {
   content: "\e97f";
@@ -2044,6 +2062,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 {