@syncfusion/ej2-calendars 25.2.5 → 26.1.35

package/styles/fluent-dark.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 {
@@ -354,7 +356,8 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:not(.e-focused-date) > span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:not(.e-focused-date):hover > span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:not(.e-focused-date):hover > span.e-day {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-calendar .e-header .e-icon-container .e-prev, .e-calendar .e-header .e-icon-container .e-next,
 .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-prev,
@@ -367,12 +370,16 @@ ejs-calendar {
   background-color: transparent;
   border-top: 0 solid #292827;
   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: 8px;
   text-align: center;
   width: 100%;
@@ -572,7 +579,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: #252423;
   border-color: #323130;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #484644;
   cursor: default;
   opacity: 1;
@@ -597,7 +605,8 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar {
   background-color: #252423;
   border: 1px solid #292827;
-  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,
@@ -630,13 +639,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 #a19f9d;
+  -webkit-box-shadow: 0 0 0 1px #a19f9d;
+          box-shadow: 0 0 0 1px #a19f9d;
   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: #252423;
   text-decoration: none;
 }
@@ -655,7 +666,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 #a19f9d;
+  -webkit-box-shadow: 0 0 0 1px #a19f9d;
+          box-shadow: 0 0 0 1px #a19f9d;
 }
 .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,
@@ -701,11 +713,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: #605e5c;
 }
-.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: #323130;
-}
 .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 {
@@ -727,10 +734,12 @@ ejs-calendar {
   background: #252423;
   border: none;
   border-radius: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   background: none;
   border-radius: 4px;
-  box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
+  -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
+          box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
 }
 .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 {
@@ -745,7 +754,8 @@ ejs-calendar {
   background: #0078d4;
   border: none;
   border-radius: 0;
-  box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
+  -webkit-box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
+          box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
   color: #1b1a19;
   border-radius: 50%;
 }
@@ -753,7 +763,8 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
   background: #0078d4;
   border: none;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #1b1a19;
 }
 .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,
@@ -780,7 +791,8 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
   background-color: #3b3a39;
   border: none;
-  box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
+  -webkit-box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
+          box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
   color: #f3f2f1;
 }
 .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,
@@ -819,7 +831,8 @@ ejs-calendar {
   background: #0078d4;
   border: none;
   border-radius: 50%;
-  box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
+  -webkit-box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
+          box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
   color: #1b1a19;
 }
 .e-calendar .e-content thead,
@@ -862,13 +875,14 @@ 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: #3b3a39;
+  color: #f3f2f1;
   border: none;
   border-radius: 0;
-  color: #f3f2f1;
 }
 .e-calendar .e-content td.e-selected:not(.e-focused-date) span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-selected:not(.e-focused-date) span.e-day {
-  box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
+  -webkit-box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
+          box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
 }
 .e-calendar .e-content .e-footer,
 .e-bigger.e-small .e-calendar .e-content .e-footer {
@@ -886,13 +900,15 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected.e-focused-date {
   background-color: #3b3a39;
   border-radius: 4px;
-  box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
+  -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
+          box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
 }
 .e-calendar .e-content td.e-today.e-selected,
 .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected {
   background-color: #3b3a39;
   border-radius: 0;
-  box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
+  -webkit-box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
+          box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
 }
 .e-calendar .e-content td.e-selected:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day {
@@ -925,12 +941,14 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar .e-content.e-decade td.e-focused-date > span.e-day {
   background: none;
   border-radius: 0;
-  box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
+  -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
+          box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
 }
 .e-calendar .e-content td.e-focused-date.e-today,
 .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today {
   border-radius: 4px;
-  box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
+  -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
+          box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
 }
 .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 {
@@ -941,7 +959,8 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar .e-content.e-decade td.e-focused-date:hover > span.e-day {
   background: #323130;
   border-radius: 0;
-  box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
+  -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
+          box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
 }
 
 .e-calendar.e-device .e-prev:hover, .e-calendar.e-device .e-next:hover, .e-calendar.e-device .e-prev:active, .e-calendar.e-device .e-next:active, .e-calendar.e-device .e-prev:focus, .e-calendar.e-device .e-next:focus,
@@ -964,15 +983,29 @@ 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-btn.e-today.e-flat.e-primary,
@@ -1020,7 +1053,8 @@ ejs-calendar {
 }
 
 .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
-  box-shadow: 0 0 0 1px #a19f9d;
+  -webkit-box-shadow: 0 0 0 1px #a19f9d;
+          box-shadow: 0 0 0 1px #a19f9d;
   border-radius: 0;
 }
 
@@ -1040,6 +1074,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;
 }
@@ -1168,15 +1203,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;
@@ -1201,10 +1241,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;
 }
@@ -1275,7 +1317,6 @@ ejs-calendar {
   }
 }
 /* stylelint-enable */
-/*! timepicker theme */
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: #f3f2f1;
 }
@@ -1287,7 +1328,8 @@ ejs-calendar {
   background-color: #252423;
   border: 0 solid #292827;
   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);
+  -webkit-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);
+          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;
@@ -1335,8 +1377,6 @@ ejs-calendar {
   font-weight: 500;
 }
 
-/* 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 {
@@ -1403,6 +1443,7 @@ 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;
 }
@@ -1452,15 +1493,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;
@@ -1529,7 +1575,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;
 }
@@ -1694,18 +1741,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: 16px;
   }
@@ -1741,14 +1782,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;
   }
@@ -1772,7 +1809,8 @@ ejs-calendar {
 .e-bigger.e-datepicker.e-popup-wrapper,
 .e-small.e-datepicker.e-popup-wrapper {
   border: 0 solid #292827;
-  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);
+  -webkit-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);
+          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-datepicker .e-calendar,
 .e-bigger.e-small .e-datepicker .e-calendar,
@@ -1796,8 +1834,6 @@ ejs-calendar {
   color: #a19f9d;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable-line no-empty-source */ /*! calendar bootstrap5 theme variables */
 .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
   width: 65%;
 }
@@ -1886,9 +1922,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;
 }
@@ -1912,7 +1948,8 @@ ejs-calendar {
 .e-bigger.e-small .e-daterangepicker.e-popup {
   border: 1px solid #292827;
   border-radius: 0;
-  box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
+  -webkit-box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
   max-height: 500px;
   max-width: 730px;
 }
@@ -1945,6 +1982,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;
@@ -1965,14 +2003,17 @@ ejs-calendar {
   margin: 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: 28px;
@@ -2021,13 +2062,17 @@ 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;
   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: 78px;
 }
 .e-daterangepicker.e-popup .e-footer .e-btn,
@@ -2053,6 +2098,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;
 }
@@ -2113,19 +2159,24 @@ ejs-calendar {
 .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover,
 .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover {
   border-radius: 0;
-  box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
+  -webkit-box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
+          box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
 }
 .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover,
 .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover {
   border-radius: 0;
-  box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
+  -webkit-box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
+          box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
 }
 .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 {
@@ -2184,15 +2235,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%;
@@ -2203,7 +2258,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 #0078d4;
-  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);
+  -webkit-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);
+          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);
   font-size: 14px;
   font-weight: 600;
   height: 36px;
@@ -2230,7 +2286,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: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+  -webkit-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);
+          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-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,
@@ -2245,7 +2302,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: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+  -webkit-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);
+          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-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,
@@ -2422,15 +2480,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;
@@ -2633,10 +2696,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 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: 3vh;
   border-bottom: none;
 }
@@ -2692,8 +2757,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;
@@ -2704,8 +2767,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%;
   }
@@ -2777,8 +2838,6 @@ ejs-calendar {
   width: calc(100% - 110px);
 }
 
-/* stylelint-enable */
-/*! daterangepicker theme */
 .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
   color: #f3f2f1;
 }
@@ -2824,7 +2883,8 @@ ejs-calendar {
   background-color: #252423;
   border: 1px solid #0078d4;
   color: #f3f2f1;
-  box-shadow: inset 0 0 0 1px #0078d4;
+  -webkit-box-shadow: inset 0 0 0 1px #0078d4;
+          box-shadow: inset 0 0 0 1px #0078d4;
 }
 .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
@@ -2894,7 +2954,8 @@ ejs-calendar {
   background-color: #0078d4;
   color: #1b1a19;
   border-radius: 50%;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected span.e-day, .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected span.e-day,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected span.e-day,
@@ -2903,7 +2964,8 @@ ejs-calendar {
 .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected span.e-day {
   background-color: #0078d4;
   border-radius: 50%;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #1b1a19;
 }
 .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
@@ -3092,8 +3154,6 @@ ejs-calendar {
   color: #1b1a19;
 }
 
-/* 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";
@@ -3102,6 +3162,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;
 }
@@ -3114,13 +3175,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;
@@ -3261,7 +3324,8 @@ ejs-calendar {
 .e-datetimepicker.e-popup {
   border: 0 solid #292827;
   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);
+  -webkit-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);
+          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-datetimepicker.e-popup .e-list-parent.e-ul {
   background-color: #252423;