style.css in flatpickr-4.6.10.0

- old
+ new

@@ -3,12 +3,12 @@
   flex-wrap: wrap;
 }
 
 .flatpickr-monthSelect-month {
   background: none;
-  border: 0;
-  border-radius: 2px;
+  border: 1px solid transparent;
+  border-radius: 4px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   color: #393939;
   cursor: pointer;
   display: inline-block;
@@ -22,16 +22,16 @@
   -ms-flex-pack: center;
   text-align: center;
   width: 33%;
 }
 
-.flatpickr-monthSelect-month.disabled {
+.flatpickr-monthSelect-month.flatpickr-disabled {
 	color: #eee;
 }
 
-.flatpickr-monthSelect-month.disabled:hover,
-.flatpickr-monthSelect-month.disabled:focus {
+.flatpickr-monthSelect-month.flatpickr-disabled:hover,
+.flatpickr-monthSelect-month.flatpickr-disabled:focus {
 	cursor: not-allowed;
 	background: none !important;
 }
 
 .flatpickr-monthSelect-theme-dark {
@@ -50,28 +50,66 @@
 
 .flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month {
   color: rgba(255, 255, 255, 0.95);
 }
 
+.flatpickr-monthSelect-month.today {
+  border-color: #959ea9;
+}
+
+.flatpickr-monthSelect-month.inRange,
+.flatpickr-monthSelect-month.inRange.today,
 .flatpickr-monthSelect-month:hover,
 .flatpickr-monthSelect-month:focus {
   background: #e6e6e6;
   cursor: pointer;
   outline: 0;
+  border-color: #e6e6e6;
 }
 
+.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.inRange,
 .flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,
 .flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus {
   background: #646c8c;
   border-color: #646c8c;
 }
 
-.flatpickr-monthSelect-month.selected {
+.flatpickr-monthSelect-month.today:hover,
+.flatpickr-monthSelect-month.today:focus {
+  background: #959ea9;
+  border-color: #959ea9;
+  color: #fff;
+}
+
+.flatpickr-monthSelect-month.selected,
+.flatpickr-monthSelect-month.startRange,
+.flatpickr-monthSelect-month.endRange {
   background-color: #569ff7;
+  box-shadow: none;
   color: #fff;
+  border-color: #569ff7;
 }
 
-.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected {
+.flatpickr-monthSelect-month.startRange {
+  border-radius: 50px 0 0 50px;
+}
+
+.flatpickr-monthSelect-month.endRange {
+  border-radius: 0 50px 50px 0;
+}
+
+.flatpickr-monthSelect-month.startRange.endRange {
+  border-radius: 50px;
+}
+
+.flatpickr-monthSelect-month.inRange {
+  border-radius: 0;
+  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
+}
+
+.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected,
+.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.startRange,
+.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.endRange {
   background: #80cbc4;
   -webkit-box-shadow: none;
   box-shadow: none;
   color: #fff;
   border-color: #80cbc4;