@syncfusion/ej2-calendars 19.4.56 → 20.1.47

package/styles/daterangepicker/bootstrap5.css

@@ -192,11 +192,11 @@
 .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: 24px;
+  width: auto;
   float: none;
   font-weight: normal;
-  line-height: 24px;
   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,
@@ -402,7 +402,7 @@
 
 .e-bigger .e-daterangepicker.e-range-modal,
 *.e-device.e-daterangepicker.e-range-modal {
-  background-color: rgba(233, 236, 239, 0.6);
+  background-color: #fff;
   height: 100%;
   left: 0;
   opacity: .5;
@@ -766,39 +766,46 @@
 }
 
 .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: #343a40;
   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 {
-  background-color: #e9ecef;
+.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: #dee2e6;
   color: #343a40;
 }
 
 .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: #e9ecef;
   border: 1px solid #0d6efd;
   color: #212529;
 }
 
 .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: #e9ecef;
+.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: #dee2e6;
   border: none;
   color: #343a40;
 }
@@ -808,7 +815,10 @@
 .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: #ced4da;
   border: none;
   color: #343a40;
@@ -821,12 +831,17 @@
 .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 #0d6efd;
 }
 
 .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 #0d6efd;
 }
 
@@ -841,7 +856,13 @@
 .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: none;
   color: #495057;
@@ -850,7 +871,9 @@
 .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: #495057;
@@ -859,36 +882,43 @@
 .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: #0d6efd;
   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: #0d6efd;
   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: #212529;
 }
 
 .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: transparent;
   color: #0d6efd;
 }
 
 .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: #e9ecef;
   color: #212529;
 }
@@ -896,27 +926,33 @@
 .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: #495057;
 }
 
 .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: #6c757d;
 }
 
 .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: #6c757d;
 }
 
 .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: #dee2e6;
 }
 
 .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/daterangepicker/fabric-dark.css

@@ -184,11 +184,11 @@
 .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,
@@ -751,38 +751,45 @@
 }
 
 .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: #282727;
 }
 
 .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: #282727;
 }
 
 .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: #dadada;
   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: #414040;
   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: #005799;
   border: none;
   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: #414040;
   border: none;
   color: #fff;
@@ -793,7 +800,10 @@
 .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: #1a1a1a;
   border: none;
   color: #fff;
@@ -806,12 +816,17 @@
 .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: none;
 }
 
 .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: none;
 }
 
@@ -826,7 +841,13 @@
 .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: #414040;
   border: none;
   color: #9a9a9a;
@@ -835,7 +856,9 @@
 .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: #414040;
   border: none;
   color: #9a9a9a;
@@ -844,36 +867,43 @@
 .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: #38a9ff;
   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: #38a9ff;
   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: #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: #282727;
   color: #dadada;
 }
 
 .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: #514f4f;
   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: #414040;
   color: #dadada;
 }
@@ -881,27 +911,33 @@
 .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: #dadada;
 }
 
 .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: #dadada;
 }
 
 .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: #c8c8c8;
 }
 
 .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: #514f4f;
 }
 
 .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: #282727;
 }
 

package/styles/daterangepicker/fabric.css

@@ -185,11 +185,11 @@
 .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,
@@ -752,38 +752,45 @@
 }
 
 .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: #333;
   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: #eaeaea;
   color: #333;
 }
 
 .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: #deecf9;
   border: none;
   color: #333;
 }
 
 .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: #eaeaea;
   border: none;
   color: #333;
@@ -794,7 +801,10 @@
 .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: #c4c4c4;
   border: none;
   color: #333;
@@ -807,12 +817,17 @@
 .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: none;
 }
 
 .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: none;
 }
 
@@ -827,7 +842,13 @@
 .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: none;
   color: #a6a6a6;
@@ -836,7 +857,9 @@
 .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: #a6a6a6;
@@ -845,36 +868,43 @@
 .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: #0078d6;
   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: #0078d6;
   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: #333;
 }
 
 .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: #0078d6;
   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: #eaeaea;
   color: #333;
 }
@@ -882,27 +912,33 @@
 .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: #333;
 }
 
 .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: #333;
 }
 
 .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: #767676;
 }
 
 .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: rgba(0, 0, 0, 0.12);
 }
 
 .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;
 }