@syncfusion/ej2-calendars 25.2.7 → 26.1.38

package/styles/material.css

@@ -43,6 +43,7 @@ ejs-calendar {
   display: block;
   overflow: auto;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -117,7 +118,8 @@ ejs-calendar {
 .e-calendar .e-content th, .e-calendar .e-content td,
 .e-bigger.e-small .e-calendar .e-content th,
 .e-bigger.e-small .e-calendar .e-content td {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-calendar .e-content td.e-disabled,
 .e-bigger.e-small .e-calendar .e-content td.e-disabled {
@@ -132,7 +134,8 @@ ejs-calendar {
 }
 .e-calendar .e-content td.e-disabled.e-today span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-disabled.e-today span.e-day {
-  box-shadow: inset 1px 0 #e3165b, inset 0 1px #e3165b, inset -1px 0 #e3165b, inset 0 -1px #e3165b;
+  -webkit-box-shadow: inset 1px 0 #e3165b, inset 0 1px #e3165b, inset -1px 0 #e3165b, inset 0 -1px #e3165b;
+          box-shadow: inset 1px 0 #e3165b, inset 0 1px #e3165b, inset -1px 0 #e3165b, inset 0 -1px #e3165b;
   color: #ccc;
 }
 .e-calendar .e-content td,
@@ -360,12 +363,16 @@ ejs-calendar {
   background-color: #fff;
   border-top: none;
   cursor: default;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: row;
-      flex-direction: row;
-  -ms-flex-pack: end;
-      justify-content: flex-end;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
   padding: 0 10px 10px 10px;
   text-align: center;
   width: 100%;
@@ -549,7 +556,8 @@ ejs-calendar {
 .e-calendar .e-btn.e-today.e-flat.e-disabled, .e-calendar .e-btn.e-today.e-flat.e-disabled:hover, .e-calendar .e-btn.e-today.e-flat.e-disabled:active, .e-calendar .e-btn.e-today.e-flat.e-disabled:focus, .e-calendar .e-btn.e-today.e-flat.e-disabled:hover:active {
   background: transparent;
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(0, 0, 0, 0.26);
   cursor: default;
   opacity: 0.35;
@@ -574,7 +582,8 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar {
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.12);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next,
 .e-bigger.e-small .e-calendar .e-date-icon-prev,
@@ -607,13 +616,15 @@ ejs-calendar {
 }
 .e-calendar .e-header .e-title:focus,
 .e-bigger.e-small .e-calendar .e-header .e-title:focus {
-  box-shadow: 0 0 0 1px #212121;
+  -webkit-box-shadow: 0 0 0 1px #212121;
+          box-shadow: 0 0 0 1px #212121;
   background: none;
   text-decoration: none;
 }
 .e-calendar .e-header .e-title:active,
 .e-bigger.e-small .e-calendar .e-header .e-title:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   background: #fff;
   text-decoration: none;
 }
@@ -632,7 +643,8 @@ ejs-calendar {
 .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus,
 .e-bigger.e-small .e-calendar .e-header .e-prev:focus,
 .e-bigger.e-small .e-calendar .e-header .e-next:focus {
-  box-shadow: 0 0 0 1px #212121;
+  -webkit-box-shadow: 0 0 0 1px #212121;
+          box-shadow: 0 0 0 1px #212121;
 }
 .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active,
 .e-bigger.e-small .e-calendar .e-header .e-prev:active,
@@ -678,11 +690,6 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day {
   color: rgba(0, 0, 0, 0.87);
 }
-.e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day,
-.e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
-.e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
-  background-color: #eee;
-}
 .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
@@ -704,7 +711,8 @@ ejs-calendar {
   background: #eee;
   border: none;
   border-radius: 50%;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-calendar .e-content td.e-focused-date:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
@@ -719,14 +727,16 @@ ejs-calendar {
   background: none;
   border: 1px solid #e3165b;
   border-radius: 50%;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #e3165b;
 }
 .e-calendar .e-content td.e-focused-date.e-today span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
   background: #eee;
   border: 1px solid #e3165b;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #e3165b;
 }
 .e-calendar .e-content td.e-today:focus span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
@@ -749,7 +759,8 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
   background-color: #e3165b;
   border: 1px solid #e3165b;
-  box-shadow: inset 0 0 0 2px #fff;
+  -webkit-box-shadow: inset 0 0 0 2px #fff;
+          box-shadow: inset 0 0 0 2px #fff;
   color: #fff;
 }
 .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day,
@@ -814,9 +825,9 @@ ejs-calendar {
 .e-calendar .e-content td.e-selected span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
   background-color: #e3165b;
+  color: #fff;
   border: none;
   border-radius: 50%;
-  color: #fff;
 }
 .e-calendar .e-content .e-footer,
 .e-bigger.e-small .e-calendar .e-content .e-footer {
@@ -842,35 +853,70 @@ ejs-calendar {
 }
 
 .e-calendar .e-zoomin {
-  animation: animatezoom 0.3s;
+  -webkit-animation: animatezoom 0.3s;
+          animation: animatezoom 0.3s;
+}
+
+@-webkit-keyframes animatezoom {
+  from {
+    -webkit-transform: scale(0);
+            transform: scale(0);
+  }
+  to {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
 }
 
 @keyframes animatezoom {
   from {
-    transform: scale(0);
+    -webkit-transform: scale(0);
+            transform: scale(0);
   }
   to {
-    transform: scale(1);
+    -webkit-transform: scale(1);
+            transform: scale(1);
   }
 }
 .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
-  box-shadow: 0 0 0 1px #212121;
+  -webkit-box-shadow: 0 0 0 1px #212121;
+          box-shadow: 0 0 0 1px #212121;
   border-radius: 50%;
 }
 
 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
-    transform: scale(4);
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@-webkit-keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
   }
 }
 @keyframes slideTopUp {
   from {
-    transform: translate3d(0, 0, 0) scale(1);
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
   }
   to {
-    transform: translate3d(0, 0, 0) scale(1);
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
   }
 }
 /*! component icons */
@@ -915,6 +961,7 @@ ejs-calendar {
 
 .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
 .e-float-input.e-control-wrapper.e-input-group.e-time-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -1047,15 +1094,20 @@ ejs-calendar {
 }
 
 .e-timepicker-mob-popup-wrap {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   height: 100%;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 0;
   max-height: 100%;
   position: fixed;
@@ -1080,10 +1132,12 @@ ejs-calendar {
 .e-datetimepicker.e-popup-expand .e-model-header {
   height: 10%;
   padding: 2.5vh 2.5vw 2.5vh 1.5vw;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   font-size: 2vh;
   border-bottom: none;
 }
@@ -1154,7 +1208,6 @@ ejs-calendar {
   }
 }
 /* stylelint-enable */
-/*! timepicker theme */
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: #e3165b;
 }
@@ -1166,7 +1219,8 @@ ejs-calendar {
   background-color: #fff;
   border: none;
   border-radius: 2px;
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
 .e-timepicker.e-popup .e-list-parent.e-ul {
   background-color: #fff;
@@ -1214,22 +1268,6 @@ ejs-calendar {
   font-weight: 500;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-@keyframes e-input-ripple {
-  100% {
-    opacity: 0;
-    transform: scale(4);
-  }
-}
-@keyframes slideTopUp {
-  from {
-    transform: translate3d(0, 0, 0) scale(1);
-  }
-  to {
-    transform: translate3d(0, 0, 0) scale(1);
-  }
-}
-/*! calendar material theme variables */
 /*! component icons */
 .e-input-group-icon.e-date-icon,
 *.e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -1318,12 +1356,14 @@ ejs-calendar {
 
 .e-input-group.e-control-wrapper.e-date-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
 .e-float-input.e-control-wrapper.e-input-group.e-date-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 
 .e-date-wrapper:not(.e-filled) .e-date-icon.e-icons {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 
 .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
@@ -1371,15 +1411,20 @@ ejs-calendar {
 }
 
 .e-datepick-mob-popup-wrap {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   height: 100%;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 0;
   max-height: 100%;
   position: fixed;
@@ -1448,7 +1493,8 @@ ejs-calendar {
 .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-btn.e-flat.e-popup-close {
   background: transparent;
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   font-weight: 400;
   padding: 0;
 }
@@ -1613,18 +1659,12 @@ ejs-calendar {
   .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
     float: left;
   }
-}
-@media screen and (orientation: landscape) {
   .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-day-wrapper {
     margin: 12vh 0 0 0;
   }
-}
-@media screen and (orientation: landscape) {
   .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-day {
     font-size: 4vw;
   }
-}
-@media screen and (orientation: landscape) {
   .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev {
     margin-right: 0;
   }
@@ -1660,14 +1700,10 @@ ejs-calendar {
     max-width: 100%;
     overflow: visible;
   }
-}
-@media screen and (orientation: landscape) {
   .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
     height: 70%;
     width: 100%;
   }
-}
-@media screen and (orientation: landscape) {
   .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
     display: table-row-group;
   }
@@ -1691,7 +1727,8 @@ ejs-calendar {
 .e-bigger.e-datepicker.e-popup-wrapper,
 .e-small.e-datepicker.e-popup-wrapper {
   border: none;
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
 .e-datepicker .e-calendar,
 .e-bigger.e-small .e-datepicker .e-calendar,
@@ -1715,22 +1752,6 @@ ejs-calendar {
   color: #e3165b;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-@keyframes e-input-ripple {
-  100% {
-    opacity: 0;
-    transform: scale(4);
-  }
-}
-@keyframes slideTopUp {
-  from {
-    transform: translate3d(0, 0, 0) scale(1);
-  }
-  to {
-    transform: translate3d(0, 0, 0) scale(1);
-  }
-}
-/*! calendar material theme variables */
 /*! component icons */
 .e-input-group-icon.e-range-icon,
 *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -1827,9 +1848,9 @@ ejs-calendar {
   font-family: "e-icons";
 }
 
-/*! daterangepicker layout */
 .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
 .e-float-input.e-control-wrapper.e-input-group.e-date-range-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -1853,7 +1874,8 @@ ejs-calendar {
 .e-bigger.e-small .e-daterangepicker.e-popup {
   border: none;
   border-radius: 0;
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
   max-height: 500px;
   max-width: 730px;
 }
@@ -1886,6 +1908,7 @@ ejs-calendar {
   text-decoration: none;
   text-overflow: ellipsis;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   white-space: nowrap;
@@ -1906,14 +1929,17 @@ ejs-calendar {
   margin: 0 0 15px 0;
   text-align: center;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   width: 100%;
 }
 .e-daterangepicker.e-popup .e-range-header .e-start-end,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-start-end {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 35px;
@@ -1982,14 +2008,18 @@ ejs-calendar {
 }
 .e-daterangepicker.e-popup .e-footer,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-footer {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   border-top: 1px solid rgba(0, 0, 0, 0.12);
   clear: both;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: row-reverse;
-      flex-direction: row-reverse;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: row-reverse;
+          flex-direction: row-reverse;
   height: 48px;
 }
 .e-daterangepicker.e-popup .e-footer .e-btn,
@@ -2015,6 +2045,7 @@ ejs-calendar {
 }
 .e-daterangepicker.e-popup .e-calendar-container,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -2095,10 +2126,13 @@ ejs-calendar {
 }
 .e-daterangepicker.e-rtl .e-footer,
 .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer {
-  -ms-flex-direction: row;
-      flex-direction: row;
-  -ms-flex-pack: end;
-      justify-content: flex-end;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
 }
 .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel,
 .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel {
@@ -2150,15 +2184,19 @@ ejs-calendar {
 .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end,
 *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end,
 *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 36px;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   width: 100%;
@@ -2169,7 +2207,8 @@ ejs-calendar {
 *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
 *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
   border: 1px solid #3f51b5;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   font-size: 14px;
   font-weight: 500;
   height: 36px;
@@ -2196,7 +2235,8 @@ ejs-calendar {
 *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]),
 *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover,
 *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]) {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]), .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover,
 *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active,
@@ -2211,7 +2251,8 @@ ejs-calendar {
 *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]),
 *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover,
 *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
 *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
@@ -2383,15 +2424,20 @@ ejs-calendar {
 }
 
 .e-daterangepick-mob-popup-wrap {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   height: 100%;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 0;
   max-height: 100%;
   position: fixed;
@@ -2594,10 +2640,12 @@ ejs-calendar {
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
   height: 10%;
   padding: 2.5vh 2.5vw 2.5vh 0;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   font-size: 3vh;
   border-bottom: none;
 }
@@ -2653,8 +2701,6 @@ ejs-calendar {
     max-height: 85%;
     height: 85%;
   }
-}
-@media screen and (orientation: landscape) {
   .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
     height: 15%;
     font-size: 18px;
@@ -2665,8 +2711,6 @@ ejs-calendar {
   .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-model-title {
     padding: 1vh 1vw;
   }
-}
-@media screen and (orientation: landscape) {
   .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
     width: 100%;
   }
@@ -2738,8 +2782,6 @@ ejs-calendar {
   width: calc(100% - 110px);
 }
 
-/* stylelint-enable */
-/*! daterangepicker theme */
 .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
   color: #e3165b;
 }
@@ -2945,21 +2987,6 @@ ejs-calendar {
   color: #fff;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-@keyframes e-input-ripple {
-  100% {
-    opacity: 0;
-    transform: scale(4);
-  }
-}
-@keyframes slideTopUp {
-  from {
-    transform: translate3d(0, 0, 0) scale(1);
-  }
-  to {
-    transform: translate3d(0, 0, 0) scale(1);
-  }
-}
 /*! component icons */
 .e-datetime-wrapper .e-time-icon.e-icons::before {
   content: "\e20c";
@@ -3017,6 +3044,7 @@ ejs-calendar {
 
 .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
 .e-float-input.e-control-wrapper.e-input-group.e-datetime-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -3029,13 +3057,15 @@ ejs-calendar {
   font-size: 16px;
 }
 .e-datetime-wrapper.e-control-wrapper {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
   pointer-events: none;
 }
 .e-datetime-wrapper .e-clear-icon {
-  box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
 }
 .e-datetime-wrapper span {
   cursor: pointer;
@@ -3180,7 +3210,8 @@ ejs-calendar {
 .e-datetimepicker.e-popup {
   border: none;
   border-radius: 2px;
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
 .e-datetimepicker.e-popup .e-list-parent.e-ul {
   background-color: #fff;