@syncfusion/ej2-calendars 20.3.59 → 20.4.38

package/styles/daterangepicker/fluent.css

@@ -619,6 +619,13 @@
   min-height: 40px;
 }
 
+@media screen and (orientation: landscape) {
+  .e-daterangepicker .e-calendar.e-device .e-month table {
+    display: inline-block;
+    height: 130px;
+    overflow: auto;
+  }
+}
 .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);
 }
@@ -909,4 +916,27 @@
   background-color: #f3f2f1;
   border-color: #f3f2f1;
   color: #a19f9d;
+}
+
+.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
+.e-bigger.e-small .e-calendar .e-content.e-month td.e-today.e-range-hover span.e-day {
+  line-height: 26px;
+}
+
+.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
+.e-bigger.e-small .e-calendar .e-content.e-month td.e-today.e-other-month.e-range-hover span.e-day {
+  line-height: 28px;
+}
+
+.e-small .e-calendar .e-content.e-month td.e-today.e-range-hover span.e-day,
+.e-small .e-calendar .e-content.e-month td.e-other-month.e-today.e-range-hover span.e-day {
+  line-height: 24px;
+}
+
+.e-bigger .e-calendar .e-content.e-month td.e-today.e-range-hover span.e-day {
+  line-height: 30px;
+}
+
+.e-bigger .e-calendar .e-content.e-month td.e-other-month.e-today.e-range-hover span.e-day {
+  line-height: 32px;
 }

package/styles/daterangepicker/highcontrast-light.css

@@ -636,6 +636,13 @@
   min-height: 40px;
 }
 
+@media screen and (orientation: landscape) {
+  .e-daterangepicker .e-calendar.e-device .e-month table {
+    display: inline-block;
+    height: 150px;
+    overflow: auto;
+  }
+}
 .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);
 }

package/styles/daterangepicker/highcontrast.css

@@ -637,6 +637,13 @@
   min-height: 40px;
 }
 
+@media screen and (orientation: landscape) {
+  .e-daterangepicker .e-calendar.e-device .e-month table {
+    display: inline-block;
+    height: 150px;
+    overflow: auto;
+  }
+}
 .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);
 }

package/styles/daterangepicker/material-dark.css

@@ -675,6 +675,13 @@
   min-height: 40px;
 }
 
+@media screen and (orientation: landscape) {
+  .e-daterangepicker .e-calendar.e-device .e-month table {
+    display: inline-block;
+    height: 130px;
+    overflow: auto;
+  }
+}
 .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);
 }

package/styles/daterangepicker/material.css

@@ -723,6 +723,11 @@
 }
 
 @media screen and (orientation: landscape) {
+  .e-daterangepicker .e-calendar.e-device .e-month table {
+    display: inline-block;
+    height: 130px;
+    overflow: auto;
+  }
   .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
     float: left;
     height: 100%;

package/styles/daterangepicker/tailwind-dark.css

@@ -669,6 +669,13 @@
   min-height: 40px;
 }
 
+@media screen and (orientation: landscape) {
+  .e-daterangepicker .e-calendar.e-device .e-month table {
+    display: inline-block;
+    height: 130px;
+    overflow: auto;
+  }
+}
 .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);
 }

package/styles/daterangepicker/tailwind.css

@@ -669,6 +669,13 @@
   min-height: 40px;
 }
 
+@media screen and (orientation: landscape) {
+  .e-daterangepicker .e-calendar.e-device .e-month table {
+    display: inline-block;
+    height: 130px;
+    overflow: auto;
+  }
+}
 .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);
 }

package/styles/fabric-dark.css

@@ -649,7 +649,7 @@ ejs-calendar {
 .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: #514f4f;
+  background-color: #414040;
 }
 .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,
@@ -1830,6 +1830,13 @@ ejs-calendar {
   min-height: 40px;
 }
 
+@media screen and (orientation: landscape) {
+  .e-daterangepicker .e-calendar.e-device .e-month table {
+    display: inline-block;
+    height: 150px;
+    overflow: auto;
+  }
+}
 .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);
 }

package/styles/fabric.css

@@ -650,7 +650,7 @@ ejs-calendar {
 .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: #dadada;
+  background-color: #eaeaea;
 }
 .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,
@@ -1837,6 +1837,13 @@ ejs-calendar {
   min-height: 40px;
 }
 
+@media screen and (orientation: landscape) {
+  .e-daterangepicker .e-calendar.e-device .e-month table {
+    display: inline-block;
+    height: 150px;
+    overflow: auto;
+  }
+}
 .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);
 }

package/styles/fluent-dark.css

@@ -188,7 +188,7 @@ ejs-calendar {
 .e-calendar .e-content td.e-week-number:hover span.e-day, .e-calendar .e-content td.e-week-number:hover,
 .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover {
-  background-color: transparent;
+  background-color: #252423;
   cursor: default;
   background-color: #201f1e;
 }
@@ -568,7 +568,7 @@ ejs-calendar {
 
 .e-calendar,
 .e-bigger.e-small .e-calendar {
-  background-color: transparent;
+  background-color: #252423;
   border: 1px solid #292827;
   box-shadow: none;
 }
@@ -660,7 +660,7 @@ ejs-calendar {
 .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: #252423;
+  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,
@@ -1984,6 +1984,13 @@ ejs-calendar {
   min-height: 40px;
 }
 
+@media screen and (orientation: landscape) {
+  .e-daterangepicker .e-calendar.e-device .e-month table {
+    display: inline-block;
+    height: 130px;
+    overflow: auto;
+  }
+}
 .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);
 }
@@ -2276,6 +2283,29 @@ ejs-calendar {
   color: #3b3a39;
 }
 
+.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
+.e-bigger.e-small .e-calendar .e-content.e-month td.e-today.e-range-hover span.e-day {
+  line-height: 26px;
+}
+
+.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
+.e-bigger.e-small .e-calendar .e-content.e-month td.e-today.e-other-month.e-range-hover span.e-day {
+  line-height: 28px;
+}
+
+.e-small .e-calendar .e-content.e-month td.e-today.e-range-hover span.e-day,
+.e-small .e-calendar .e-content.e-month td.e-other-month.e-today.e-range-hover span.e-day {
+  line-height: 24px;
+}
+
+.e-bigger .e-calendar .e-content.e-month td.e-today.e-range-hover span.e-day {
+  line-height: 30px;
+}
+
+.e-bigger .e-calendar .e-content.e-month td.e-other-month.e-today.e-range-hover span.e-day {
+  line-height: 32px;
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */
 /*! component icons */

package/styles/fluent.css

@@ -188,7 +188,7 @@ ejs-calendar {
 .e-calendar .e-content td.e-week-number:hover span.e-day, .e-calendar .e-content td.e-week-number:hover,
 .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover {
-  background-color: transparent;
+  background-color: #fff;
   cursor: default;
   background-color: #faf9f8;
 }
@@ -568,7 +568,7 @@ ejs-calendar {
 
 .e-calendar,
 .e-bigger.e-small .e-calendar {
-  background-color: transparent;
+  background-color: #fff;
   border: 1px solid #edebe9;
   box-shadow: none;
 }
@@ -1984,6 +1984,13 @@ ejs-calendar {
   min-height: 40px;
 }
 
+@media screen and (orientation: landscape) {
+  .e-daterangepicker .e-calendar.e-device .e-month table {
+    display: inline-block;
+    height: 130px;
+    overflow: auto;
+  }
+}
 .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);
 }
@@ -2276,6 +2283,29 @@ ejs-calendar {
   color: #a19f9d;
 }
 
+.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
+.e-bigger.e-small .e-calendar .e-content.e-month td.e-today.e-range-hover span.e-day {
+  line-height: 26px;
+}
+
+.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
+.e-bigger.e-small .e-calendar .e-content.e-month td.e-today.e-other-month.e-range-hover span.e-day {
+  line-height: 28px;
+}
+
+.e-small .e-calendar .e-content.e-month td.e-today.e-range-hover span.e-day,
+.e-small .e-calendar .e-content.e-month td.e-other-month.e-today.e-range-hover span.e-day {
+  line-height: 24px;
+}
+
+.e-bigger .e-calendar .e-content.e-month td.e-today.e-range-hover span.e-day {
+  line-height: 30px;
+}
+
+.e-bigger .e-calendar .e-content.e-month td.e-other-month.e-today.e-range-hover span.e-day {
+  line-height: 32px;
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */
 /*! component icons */

package/styles/highcontrast-light.css

@@ -1841,6 +1841,13 @@ ejs-calendar {
   min-height: 40px;
 }
 
+@media screen and (orientation: landscape) {
+  .e-daterangepicker .e-calendar.e-device .e-month table {
+    display: inline-block;
+    height: 150px;
+    overflow: auto;
+  }
+}
 .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);
 }

package/styles/highcontrast.css

@@ -1844,6 +1844,13 @@ ejs-calendar {
   min-height: 40px;
 }
 
+@media screen and (orientation: landscape) {
+  .e-daterangepicker .e-calendar.e-device .e-month table {
+    display: inline-block;
+    height: 150px;
+    overflow: auto;
+  }
+}
 .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);
 }

package/styles/material-dark.css

@@ -1960,6 +1960,13 @@ ejs-calendar {
   min-height: 40px;
 }
 
+@media screen and (orientation: landscape) {
+  .e-daterangepicker .e-calendar.e-device .e-month table {
+    display: inline-block;
+    height: 130px;
+    overflow: auto;
+  }
+}
 .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);
 }

package/styles/material.css

@@ -306,7 +306,7 @@ ejs-calendar {
 }
 .e-calendar .e-content.e-month td.e-today span.e-day,
 .e-bigger.e-small .e-calendar .e-content.e-month td.e-today span.e-day {
-  line-height: 30px;
+  line-height: 28px;
 }
 .e-calendar .e-content.e-year table, .e-calendar .e-content.e-decade table,
 .e-bigger.e-small .e-calendar .e-content.e-year table,
@@ -451,7 +451,7 @@ ejs-calendar {
 }
 .e-bigger.e-calendar .e-content.e-month td.e-today span.e-day,
 *.e-bigger .e-calendar .e-content.e-month td.e-today span.e-day {
-  line-height: 36px;
+  line-height: 34px;
 }
 .e-bigger.e-calendar .e-content.e-month td,
 *.e-bigger .e-calendar .e-content.e-month td {
@@ -502,7 +502,7 @@ ejs-calendar {
 }
 .e-small.e-calendar .e-content.e-month td.e-today span.e-day,
 .e-small .e-calendar .e-content.e-month td.e-today span.e-day {
-  line-height: 24px;
+  line-height: 22px;
 }
 .e-small.e-calendar .e-content.e-month td,
 .e-small .e-calendar .e-content.e-month td {
@@ -2109,6 +2109,11 @@ ejs-calendar {
 }
 
 @media screen and (orientation: landscape) {
+  .e-daterangepicker .e-calendar.e-device .e-month table {
+    display: inline-block;
+    height: 130px;
+    overflow: auto;
+  }
   .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-header {
     float: left;
     height: 100%;

package/styles/tailwind-dark.css

@@ -1991,6 +1991,13 @@ ejs-calendar {
   min-height: 40px;
 }
 
+@media screen and (orientation: landscape) {
+  .e-daterangepicker .e-calendar.e-device .e-month table {
+    display: inline-block;
+    height: 130px;
+    overflow: auto;
+  }
+}
 .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);
 }

package/styles/tailwind.css

@@ -1991,6 +1991,13 @@ ejs-calendar {
   min-height: 40px;
 }
 
+@media screen and (orientation: landscape) {
+  .e-daterangepicker .e-calendar.e-device .e-month table {
+    display: inline-block;
+    height: 130px;
+    overflow: auto;
+  }
+}
 .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);
 }