npm - @syncfusion/ej2-react-calendars - Versions diffs - 20.1.56 → 20.2.36 - Mend

@syncfusion/ej2-react-calendars 20.1.56 → 20.2.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (93) hide show

package/dist/ej2-react-calendars.umd.min.js +1 -1
package/package.json +8 -8
package/src/daterangepicker/presets-directive.d.ts +3 -1
package/styles/bootstrap-dark.css +96 -491
package/styles/bootstrap.css +96 -491
package/styles/bootstrap4.css +96 -493
package/styles/bootstrap5-dark.css +97 -499
package/styles/bootstrap5.css +97 -499
package/styles/calendar/bootstrap-dark.css +50 -238
package/styles/calendar/bootstrap.css +50 -238
package/styles/calendar/bootstrap4.css +50 -238
package/styles/calendar/bootstrap5-dark.css +51 -246
package/styles/calendar/bootstrap5.css +51 -246
package/styles/calendar/fabric-dark.css +50 -237
package/styles/calendar/fabric.css +50 -238
package/styles/calendar/fluent-dark.css +56 -270
package/styles/calendar/fluent.css +56 -270
package/styles/calendar/highcontrast-light.css +50 -238
package/styles/calendar/highcontrast.css +50 -238
package/styles/calendar/material-dark.css +50 -238
package/styles/calendar/material.css +50 -238
package/styles/calendar/tailwind-dark.css +53 -261
package/styles/calendar/tailwind.css +53 -261
package/styles/datepicker/bootstrap-dark.css +7 -20
package/styles/datepicker/bootstrap.css +7 -20
package/styles/datepicker/bootstrap4.css +7 -21
package/styles/datepicker/bootstrap5-dark.css +7 -20
package/styles/datepicker/bootstrap5.css +7 -20
package/styles/datepicker/fabric-dark.css +7 -20
package/styles/datepicker/fabric.css +7 -20
package/styles/datepicker/fluent-dark.css +7 -21
package/styles/datepicker/fluent.css +7 -21
package/styles/datepicker/highcontrast-light.css +7 -21
package/styles/datepicker/highcontrast.css +7 -21
package/styles/datepicker/material-dark.css +7 -22
package/styles/datepicker/material.css +7 -23
package/styles/datepicker/tailwind-dark.css +7 -21
package/styles/datepicker/tailwind.css +7 -21
package/styles/daterangepicker/bootstrap-dark.css +32 -184
package/styles/daterangepicker/bootstrap.css +32 -184
package/styles/daterangepicker/bootstrap4.css +32 -185
package/styles/daterangepicker/bootstrap5-dark.css +32 -185
package/styles/daterangepicker/bootstrap5.css +32 -185
package/styles/daterangepicker/fabric-dark.css +32 -184
package/styles/daterangepicker/fabric.css +32 -184
package/styles/daterangepicker/fluent-dark.css +35 -188
package/styles/daterangepicker/fluent.css +35 -188
package/styles/daterangepicker/highcontrast-light.css +32 -184
package/styles/daterangepicker/highcontrast.css +32 -184
package/styles/daterangepicker/material-dark.css +32 -185
package/styles/daterangepicker/material.css +32 -186
package/styles/daterangepicker/tailwind-dark.css +31 -178
package/styles/daterangepicker/tailwind.css +31 -178
package/styles/datetimepicker/bootstrap-dark.css +7 -30
package/styles/datetimepicker/bootstrap.css +7 -30
package/styles/datetimepicker/bootstrap4.css +7 -30
package/styles/datetimepicker/bootstrap5-dark.css +7 -30
package/styles/datetimepicker/bootstrap5.css +7 -30
package/styles/datetimepicker/fabric-dark.css +7 -30
package/styles/datetimepicker/fabric.css +7 -30
package/styles/datetimepicker/fluent-dark.css +7 -30
package/styles/datetimepicker/fluent.css +7 -30
package/styles/datetimepicker/highcontrast-light.css +7 -30
package/styles/datetimepicker/highcontrast.css +7 -30
package/styles/datetimepicker/material-dark.css +7 -31
package/styles/datetimepicker/material.css +7 -32
package/styles/datetimepicker/tailwind-dark.css +7 -30
package/styles/datetimepicker/tailwind.css +7 -30
package/styles/fabric-dark.css +96 -490
package/styles/fabric.css +96 -491
package/styles/fluent-dark.css +105 -527
package/styles/fluent.css +105 -527
package/styles/highcontrast-light.css +96 -492
package/styles/highcontrast.css +96 -492
package/styles/material-dark.css +96 -496
package/styles/material.css +96 -500
package/styles/tailwind-dark.css +98 -509
package/styles/tailwind.css +98 -509
package/styles/timepicker/bootstrap-dark.css +4 -22
package/styles/timepicker/bootstrap.css +4 -22
package/styles/timepicker/bootstrap4.css +4 -22
package/styles/timepicker/bootstrap5-dark.css +4 -22
package/styles/timepicker/bootstrap5.css +4 -22
package/styles/timepicker/fabric-dark.css +4 -22
package/styles/timepicker/fabric.css +4 -22
package/styles/timepicker/fluent-dark.css +4 -22
package/styles/timepicker/fluent.css +4 -22
package/styles/timepicker/highcontrast-light.css +4 -22
package/styles/timepicker/highcontrast.css +4 -22
package/styles/timepicker/material-dark.css +4 -23
package/styles/timepicker/material.css +4 -24
package/styles/timepicker/tailwind-dark.css +4 -22
package/styles/timepicker/tailwind.css +4 -22

package/styles/timepicker/fabric-dark.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
-  content: '\e97f';
+  content: "\e97f";
 }
 .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,17 +14,14 @@
 *.e-control-wrapper.e-time-wrapper {
   -webkit-tap-highlight-color: transparent;
 }
 .e-time-wrapper .e-time-icon.e-icons,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
   font-size: 16px;
 }
 .e-time-wrapper .e-time-icon.e-icons.e-disabled,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
   pointer-events: none;
 }
 .e-time-wrapper span,
 *.e-control-wrapper.e-time-wrapper span {
   cursor: pointer;
@@ -34,7 +31,7 @@
   background-color: rgba(248, 248, 248, 0.6);
   height: 100%;
   left: 0;
-  opacity: .5;
+  opacity: 0.5;
   pointer-events: auto;
   position: fixed;
   top: 0;
@@ -47,16 +44,13 @@
   border-width: 1px;
   overflow: auto;
 }
 .e-timepicker.e-popup .e-content {
   position: relative;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul {
   margin: 0;
   padding: 0 0;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   cursor: default;
   font-size: 14px;
@@ -67,7 +61,6 @@
   white-space: nowrap;
   width: 100%;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -88,7 +81,6 @@
 *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
   padding: 0 0;
 }
 .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   font-size: 14px;
@@ -156,7 +148,6 @@
   width: 100%;
   z-index: 1002;
 }
 .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
   left: 0 !important;
   position: relative;
@@ -167,7 +158,6 @@
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: #dadada;
 }
 .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #dadada;
 }
@@ -178,16 +168,13 @@
   border-radius: 0;
   box-shadow: none;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul {
   background-color: #282727;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
   border: none;
   color: #dadada;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
   color: #6f6c6c;
   opacity: 1;
@@ -195,20 +182,15 @@
   -ms-touch-action: none;
       touch-action: none;
 }
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
+.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
   background-color: #414040;
   border: none;
   color: #dadada;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #514f4f;
   color: #dadada;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #514f4f;
   color: #dadada;
@@ -219,4 +201,4 @@
 .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   color: #dadada;
-}
+}

package/styles/timepicker/fabric.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
-  content: '\e97f';
+  content: "\e97f";
 }
 .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,17 +14,14 @@
 *.e-control-wrapper.e-time-wrapper {
   -webkit-tap-highlight-color: transparent;
 }
 .e-time-wrapper .e-time-icon.e-icons,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
   font-size: 16px;
 }
 .e-time-wrapper .e-time-icon.e-icons.e-disabled,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
   pointer-events: none;
 }
 .e-time-wrapper span,
 *.e-control-wrapper.e-time-wrapper span {
   cursor: pointer;
@@ -34,7 +31,7 @@
   background-color: rgba(0, 0, 0, 0.6);
   height: 100%;
   left: 0;
-  opacity: .5;
+  opacity: 0.5;
   pointer-events: auto;
   position: fixed;
   top: 0;
@@ -47,16 +44,13 @@
   border-width: 1px;
   overflow: auto;
 }
 .e-timepicker.e-popup .e-content {
   position: relative;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul {
   margin: 0;
   padding: 0 0;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   cursor: default;
   font-size: 14px;
@@ -67,7 +61,6 @@
   white-space: nowrap;
   width: 100%;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -88,7 +81,6 @@
 *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
   padding: 0 0;
 }
 .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   font-size: 14px;
@@ -156,7 +148,6 @@
   width: 100%;
   z-index: 1002;
 }
 .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
   left: 0 !important;
   position: relative;
@@ -167,7 +158,6 @@
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: #333;
 }
 .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #fff;
 }
@@ -178,16 +168,13 @@
   border-radius: 0;
   box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
 }
 .e-timepicker.e-popup .e-list-parent.e-ul {
   background-color: #fff;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
   border: none;
   color: #333;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
   color: #c8c8c8;
   opacity: 1;
@@ -195,20 +182,15 @@
   -ms-touch-action: none;
       touch-action: none;
 }
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
+.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
   background-color: #eaeaea;
   border: none;
   color: #333;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #0078d6;
   color: #fff;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #0078d6;
   color: #fff;
@@ -219,4 +201,4 @@
 .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   color: #333;
-}
+}

package/styles/timepicker/fluent-dark.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
-  content: '\e705';
+  content: "\e705";
 }
 .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,17 +14,14 @@
 *.e-control-wrapper.e-time-wrapper {
   -webkit-tap-highlight-color: transparent;
 }
 .e-time-wrapper .e-time-icon.e-icons,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
   font-size: 16px;
 }
 .e-time-wrapper .e-time-icon.e-icons.e-disabled,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
   pointer-events: none;
 }
 .e-time-wrapper span,
 *.e-control-wrapper.e-time-wrapper span {
   cursor: pointer;
@@ -34,7 +31,7 @@
   background-color: rgba(0, 0, 0, 0.4);
   height: 100%;
   left: 0;
-  opacity: .5;
+  opacity: 0.5;
   pointer-events: auto;
   position: fixed;
   top: 0;
@@ -47,16 +44,13 @@
   border-width: 1px;
   overflow: auto;
 }
 .e-timepicker.e-popup .e-content {
   position: relative;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul {
   margin: 0;
   padding: 0 0;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   cursor: default;
   font-size: 14px;
@@ -67,7 +61,6 @@
   white-space: nowrap;
   width: 100%;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -88,7 +81,6 @@
 *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
   padding: 0 0;
 }
 .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   font-size: 18px;
@@ -156,7 +148,6 @@
   width: 100%;
   z-index: 1002;
 }
 .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
   left: 0 !important;
   position: relative;
@@ -167,7 +158,6 @@
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: #f3f2f1;
 }
 .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #f3f2f1;
 }
@@ -178,16 +168,13 @@
   border-radius: 6px;
   box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
 }
 .e-timepicker.e-popup .e-list-parent.e-ul {
   background-color: #252423;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
   border: none;
   color: #f3f2f1;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
   color: #605e5c;
   opacity: 1;
@@ -195,20 +182,15 @@
   -ms-touch-action: none;
       touch-action: none;
 }
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
+.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
   background-color: #323130;
   border: none;
   color: #f3f2f1;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #3b3a39;
   color: #f3f2f1;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #323130;
   color: #f3f2f1;
@@ -219,4 +201,4 @@
 .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   color: #f3f2f1;
-}
+}

package/styles/timepicker/fluent.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
-  content: '\e705';
+  content: "\e705";
 }
 .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,17 +14,14 @@
 *.e-control-wrapper.e-time-wrapper {
   -webkit-tap-highlight-color: transparent;
 }
 .e-time-wrapper .e-time-icon.e-icons,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
   font-size: 16px;
 }
 .e-time-wrapper .e-time-icon.e-icons.e-disabled,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
   pointer-events: none;
 }
 .e-time-wrapper span,
 *.e-control-wrapper.e-time-wrapper span {
   cursor: pointer;
@@ -34,7 +31,7 @@
   background-color: rgba(0, 0, 0, 0.4);
   height: 100%;
   left: 0;
-  opacity: .5;
+  opacity: 0.5;
   pointer-events: auto;
   position: fixed;
   top: 0;
@@ -47,16 +44,13 @@
   border-width: 1px;
   overflow: auto;
 }
 .e-timepicker.e-popup .e-content {
   position: relative;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul {
   margin: 0;
   padding: 0 0;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   cursor: default;
   font-size: 14px;
@@ -67,7 +61,6 @@
   white-space: nowrap;
   width: 100%;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -88,7 +81,6 @@
 *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
   padding: 0 0;
 }
 .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   font-size: 18px;
@@ -156,7 +148,6 @@
   width: 100%;
   z-index: 1002;
 }
 .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
   left: 0 !important;
   position: relative;
@@ -167,7 +158,6 @@
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: #201f1e;
 }
 .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #201f1e;
 }
@@ -178,16 +168,13 @@
   border-radius: 6px;
   box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
 }
 .e-timepicker.e-popup .e-list-parent.e-ul {
   background-color: #fff;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
   border: none;
   color: #201f1e;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
   color: #a19f9d;
   opacity: 1;
@@ -195,20 +182,15 @@
   -ms-touch-action: none;
       touch-action: none;
 }
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
+.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
   background-color: #f3f2f1;
   border: none;
   color: #201f1e;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #edebe9;
   color: #201f1e;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #f3f2f1;
   color: #201f1e;
@@ -219,4 +201,4 @@
 .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   color: #201f1e;
-}
+}

package/styles/timepicker/highcontrast-light.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
-  content: '\e97f';
+  content: "\e97f";
 }
 .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -14,17 +14,14 @@
 *.e-control-wrapper.e-time-wrapper {
   -webkit-tap-highlight-color: transparent;
 }
 .e-time-wrapper .e-time-icon.e-icons,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
   font-size: 16px;
 }
 .e-time-wrapper .e-time-icon.e-icons.e-disabled,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
   pointer-events: none;
 }
 .e-time-wrapper span,
 *.e-control-wrapper.e-time-wrapper span {
   cursor: pointer;
@@ -34,7 +31,7 @@
   background-color: rgba(255, 255, 255, 0.6);
   height: 100%;
   left: 0;
-  opacity: .5;
+  opacity: 0.5;
   pointer-events: auto;
   position: fixed;
   top: 0;
@@ -47,16 +44,13 @@
   border-width: 1px;
   overflow: auto;
 }
 .e-timepicker.e-popup .e-content {
   position: relative;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul {
   margin: 0;
   padding: 0 0;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   cursor: default;
   font-size: 14px;
@@ -67,7 +61,6 @@
   white-space: nowrap;
   width: 100%;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
   cursor: pointer;
 }
@@ -88,7 +81,6 @@
 *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
   padding: 0 0;
 }
 .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   font-size: 14px;
@@ -156,7 +148,6 @@
   width: 100%;
   z-index: 1002;
 }
 .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
   left: 0 !important;
   position: relative;
@@ -167,7 +158,6 @@
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: #000;
 }
 .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
   color: #fff;
 }
@@ -178,16 +168,13 @@
   border-radius: 0;
   box-shadow: none;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul {
   background-color: #fff;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
   border: 1px solid transparent;
   color: #000;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
   color: #757575;
   opacity: 1;
@@ -195,20 +182,15 @@
   -ms-touch-action: none;
       touch-action: none;
 }
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
-.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
+.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
   background-color: #ecf;
   border: 1px solid #000;
   color: #000;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   background-color: #400074;
   color: #fff;
 }
 .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
   background-color: #ecf;
   color: #000;
@@ -219,4 +201,4 @@
 .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
 *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
   color: #000;
-}
+}