@syncfusion/ej2-angular-calendars 19.4.55 → 20.1.52

package/styles/fluent.scss

@@ -0,0 +1,5 @@
+@import 'calendar/fluent.scss';
+@import 'timepicker/fluent.scss';
+@import 'datepicker/fluent.scss';
+@import 'daterangepicker/fluent.scss';
+@import 'datetimepicker/fluent.scss';

package/styles/highcontrast-light.css

@@ -287,6 +287,7 @@ ejs-calendar {
 
 .e-calendar,
 .e-bigger.e-small .e-calendar {
+  border-spacing: 0;
   max-width: 232px;
   min-width: 232px;
   padding: 0;
@@ -821,6 +822,7 @@ ejs-calendar {
   background: #fff;
   border: 1px dashed #000;
   border-radius: 0;
+  box-shadow: none;
 }
 
 .e-calendar .e-content td.e-focused-date:hover span.e-day,
@@ -838,6 +840,7 @@ ejs-calendar {
   background: #fff;
   border: 1px solid #400074;
   border-radius: 0;
+  box-shadow: none;
   color: #400074;
 }
 
@@ -845,6 +848,7 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
   background: #fff;
   border: 1px dashed #000;
+  box-shadow: none;
   color: #400074;
 }
 
@@ -1180,6 +1184,7 @@ ejs-calendar {
 }
 
 .e-timepicker.e-popup {
+  background-color: #fff;
   border: 1px solid #757575;
   border-radius: 0;
   box-shadow: none;
@@ -1379,13 +1384,23 @@ ejs-calendar {
 }
 
 .e-datepicker.e-popup-wrapper,
-.e-bigger.e-small .e-datepicker.e-popup-wrapper {
+.e-bigger.e-small .e-datepicker.e-popup-wrapper,
+.e-bigger .e-datepicker.e-popup-wrapper,
+.e-small .e-datepicker.e-popup-wrapper,
+.e-bigger.e-small.e-datepicker.e-popup-wrapper,
+.e-bigger.e-datepicker.e-popup-wrapper,
+.e-small.e-datepicker.e-popup-wrapper {
   border: 1px solid #757575;
   box-shadow: none;
 }
 
 .e-datepicker .e-calendar,
-.e-bigger.e-small .e-datepicker .e-calendar {
+.e-bigger.e-small .e-datepicker .e-calendar,
+.e-bigger .e-datepicker .e-calendar,
+.e-small .e-datepicker .e-calendar,
+.e-bigger.e-small.e-datepicker .e-calendar,
+.e-bigger.e-datepicker .e-calendar,
+.e-small.e-datepicker .e-calendar {
   background-color: #fff;
   border: none;
 }
@@ -1588,11 +1603,11 @@ ejs-calendar {
 .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
   cursor: pointer;
+  line-height: 36px;
+  width: auto;
   float: none;
   font-weight: normal;
-  line-height: 36px;
   margin-left: 0;
-  width: auto;
 }
 
 .e-daterangepicker.e-popup .e-calendar .e-header.e-month, .e-daterangepicker.e-popup .e-calendar .e-header.e-year, .e-daterangepicker.e-popup .e-calendar .e-header.e-decade,
@@ -2155,38 +2170,45 @@ ejs-calendar {
 }
 
 .e-daterangepicker.e-popup,
-.e-bigger.e-small .e-daterangepicker.e-popup {
+.e-bigger.e-small .e-daterangepicker.e-popup,
+.e-bigger.e-small.e-daterangepicker.e-popup {
   background: #fff;
 }
 
 .e-daterangepicker.e-popup .e-calendar,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar {
   background-color: #fff;
 }
 
 .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
 .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-header .e-title,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
   color: #000;
   text-decoration: none;
 }
 
 .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
   background-color: #400074;
   color: #fff;
 }
 
 .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
   background-color: #400074;
   border: 1px solid #ecf;
   color: #fff;
 }
 
 .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 {
+.e-bigger.e-small .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 {
   background: #400074;
   border: 1px solid #400074;
   color: #fff;
@@ -2197,7 +2219,10 @@ ejs-calendar {
 .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
   background-color: #160028;
   border: none;
   color: #fff;
@@ -2210,12 +2235,17 @@ ejs-calendar {
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
   border: 1px solid #ecf;
 }
 
 .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
   border: 1px solid #ecf;
 }
 
@@ -2230,7 +2260,13 @@ ejs-calendar {
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span {
   background-color: #fff;
   border: 1px solid #fff;
   color: #4f4f4f;
@@ -2239,7 +2275,9 @@ ejs-calendar {
 .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
 .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected {
   background-color: #fff;
   border: none;
   color: #4f4f4f;
@@ -2248,36 +2286,43 @@ ejs-calendar {
 .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
 .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
   background-color: #160028;
   color: #fff;
 }
 
 .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
   background-color: #160028;
   color: #fff;
 }
 
 .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
   color: #fff;
 }
 
 .e-daterangepicker.e-popup .e-presets,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-presets {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-presets,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-presets {
   background-color: #fff;
   color: #000;
 }
 
 .e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
   background-color: #400074;
   color: #fff;
 }
 
 .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
   background-color: #ecf;
   color: #000;
 }
@@ -2285,27 +2330,33 @@ ejs-calendar {
 .e-daterangepicker.e-popup .e-start-label,
 .e-daterangepicker.e-popup .e-end-label,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-start-label,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-end-label {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-end-label,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-start-label,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-end-label {
   color: #400074;
 }
 
 .e-daterangepicker.e-popup .e-change-icon,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-change-icon {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-change-icon,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-change-icon {
   color: #000;
 }
 
 .e-daterangepicker.e-popup .e-day-span,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-day-span {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-day-span,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-day-span {
   color: #000;
 }
 
 .e-daterangepicker.e-popup .e-separator,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-separator,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-separator {
   background-color: #757575;
 }
 
 .e-daterangepicker.e-popup .e-footer,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-footer {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-footer,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-footer {
   background-color: #fff;
 }
 

package/styles/highcontrast.css

@@ -288,6 +288,7 @@ ejs-calendar {
 
 .e-calendar,
 .e-bigger.e-small .e-calendar {
+  border-spacing: 0;
   max-width: 232px;
   min-width: 232px;
   padding: 0;
@@ -822,6 +823,7 @@ ejs-calendar {
   background: #000;
   border: 1px dashed #fff;
   border-radius: 0;
+  box-shadow: none;
 }
 
 .e-calendar .e-content td.e-focused-date:hover span.e-day,
@@ -839,6 +841,7 @@ ejs-calendar {
   background: #000;
   border: 1px solid #ffd939;
   border-radius: 0;
+  box-shadow: none;
   color: #ffd939;
 }
 
@@ -846,6 +849,7 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
   background: #000;
   border: 1px dashed #fff;
+  box-shadow: none;
   color: #ffd939;
 }
 
@@ -1181,6 +1185,7 @@ ejs-calendar {
 }
 
 .e-timepicker.e-popup {
+  background-color: #000;
   border: 1px solid #969696;
   border-radius: 0;
   box-shadow: none;
@@ -1381,13 +1386,23 @@ ejs-calendar {
 }
 
 .e-datepicker.e-popup-wrapper,
-.e-bigger.e-small .e-datepicker.e-popup-wrapper {
+.e-bigger.e-small .e-datepicker.e-popup-wrapper,
+.e-bigger .e-datepicker.e-popup-wrapper,
+.e-small .e-datepicker.e-popup-wrapper,
+.e-bigger.e-small.e-datepicker.e-popup-wrapper,
+.e-bigger.e-datepicker.e-popup-wrapper,
+.e-small.e-datepicker.e-popup-wrapper {
   border: 1px solid #969696;
   box-shadow: none;
 }
 
 .e-datepicker .e-calendar,
-.e-bigger.e-small .e-datepicker .e-calendar {
+.e-bigger.e-small .e-datepicker .e-calendar,
+.e-bigger .e-datepicker .e-calendar,
+.e-small .e-datepicker .e-calendar,
+.e-bigger.e-small.e-datepicker .e-calendar,
+.e-bigger.e-datepicker .e-calendar,
+.e-small.e-datepicker .e-calendar {
   background-color: #000;
   border: none;
 }
@@ -1591,11 +1606,11 @@ ejs-calendar {
 .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
   cursor: pointer;
+  line-height: 36px;
+  width: auto;
   float: none;
   font-weight: normal;
-  line-height: 36px;
   margin-left: 0;
-  width: auto;
 }
 
 .e-daterangepicker.e-popup .e-calendar .e-header.e-month, .e-daterangepicker.e-popup .e-calendar .e-header.e-year, .e-daterangepicker.e-popup .e-calendar .e-header.e-decade,
@@ -2158,38 +2173,45 @@ ejs-calendar {
 }
 
 .e-daterangepicker.e-popup,
-.e-bigger.e-small .e-daterangepicker.e-popup {
+.e-bigger.e-small .e-daterangepicker.e-popup,
+.e-bigger.e-small.e-daterangepicker.e-popup {
   background: #000;
 }
 
 .e-daterangepicker.e-popup .e-calendar,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar {
   background-color: #000;
 }
 
 .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
 .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-header .e-title,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
   color: #fff;
   text-decoration: none;
 }
 
 .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
   background-color: #ffd939;
   color: #000;
 }
 
 .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
   background-color: #ffd939;
   border: 1px solid #685708;
   color: #000;
 }
 
 .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 {
+.e-bigger.e-small .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 {
   background: #ffd939;
   border: 1px solid #ffd939;
   color: #000;
@@ -2200,7 +2222,10 @@ ejs-calendar {
 .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
   background-color: #ecbe00;
   border: 1px solid #ecbe00;
   color: #000;
@@ -2213,12 +2238,17 @@ ejs-calendar {
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
   border: 1px solid #685708;
 }
 
 .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
   border: 1px solid #685708;
 }
 
@@ -2233,7 +2263,13 @@ ejs-calendar {
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span {
   background-color: #000;
   border: 1px solid #000;
   color: #969696;
@@ -2242,7 +2278,9 @@ ejs-calendar {
 .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
 .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected {
   background-color: #000;
   border: none;
   color: #969696;
@@ -2251,36 +2289,43 @@ ejs-calendar {
 .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
 .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
   background-color: #ecbe00;
   color: #000;
 }
 
 .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
   background-color: #ecbe00;
   color: #000;
 }
 
 .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
   color: #000;
 }
 
 .e-daterangepicker.e-popup .e-presets,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-presets {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-presets,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-presets {
   background-color: #000;
   color: #fff;
 }
 
 .e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
   background-color: #ffd939;
   color: #000;
 }
 
 .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
   background-color: #685708;
   color: #fff;
 }
@@ -2288,27 +2333,33 @@ ejs-calendar {
 .e-daterangepicker.e-popup .e-start-label,
 .e-daterangepicker.e-popup .e-end-label,
 .e-bigger.e-small .e-daterangepicker.e-popup .e-start-label,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-end-label {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-end-label,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-start-label,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-end-label {
   color: #ffd939;
 }
 
 .e-daterangepicker.e-popup .e-change-icon,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-change-icon {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-change-icon,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-change-icon {
   color: #fff;
 }
 
 .e-daterangepicker.e-popup .e-day-span,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-day-span {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-day-span,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-day-span {
   color: #fff;
 }
 
 .e-daterangepicker.e-popup .e-separator,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-separator,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-separator {
   background-color: #969696;
 }
 
 .e-daterangepicker.e-popup .e-footer,
-.e-bigger.e-small .e-daterangepicker.e-popup .e-footer {
+.e-bigger.e-small .e-daterangepicker.e-popup .e-footer,
+.e-bigger.e-small.e-daterangepicker.e-popup .e-footer {
   background-color: #000;
 }