material_orange.css in flatpickr-4.6.3.0

- old
+ new

@@ -138,11 +138,11 @@
 .flatpickr-months .flatpickr-month {
   border-radius: 5px 5px 0 0;
   background: #ff8a65;
   color: #fff;
   fill: #fff;
-  height: 28px;
+  height: 34px;
   line-height: 1;
   text-align: center;
   position: relative;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -157,20 +157,19 @@
 .flatpickr-months .flatpickr-prev-month,
 .flatpickr-months .flatpickr-next-month {
   text-decoration: none;
   cursor: pointer;
   position: absolute;
-  top: 0px;
-  line-height: 16px;
-  height: 28px;
+  top: 0;
+  height: 34px;
   padding: 10px;
   z-index: 3;
   color: #fff;
   fill: #fff;
 }
-.flatpickr-months .flatpickr-prev-month.disabled,
-.flatpickr-months .flatpickr-next-month.disabled {
+.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
+.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
   display: none;
 }
 .flatpickr-months .flatpickr-prev-month i,
 .flatpickr-months .flatpickr-next-month i {
   position: relative;
@@ -307,13 +306,13 @@
   font-weight: 300;
   color: inherit;
   position: absolute;
   width: 75%;
   left: 12.5%;
-  padding: 6.16px 0 0 0;
+  padding: 7.48px 0 0 0;
   line-height: 1;
-  height: 28px;
+  height: 34px;
   display: inline-block;
   text-align: center;
   -webkit-transform: translate3d(0px, 0px, 0px);
           transform: translate3d(0px, 0px, 0px);
 }
@@ -368,10 +367,45 @@
   font-size: 100%;
   color: rgba(255,255,255,0.5);
   background: transparent;
   pointer-events: none;
 }
+.flatpickr-current-month .flatpickr-monthDropdown-months {
+  appearance: menulist;
+  background: #ff8a65;
+  border: none;
+  border-radius: 0;
+  box-sizing: border-box;
+  color: inherit;
+  cursor: pointer;
+  font-size: inherit;
+  font-family: inherit;
+  font-weight: 300;
+  height: auto;
+  line-height: inherit;
+  margin: -1px 0 0 0;
+  outline: none;
+  padding: 0 0 0 0.5ch;
+  position: relative;
+  vertical-align: initial;
+  -webkit-box-sizing: border-box;
+  -webkit-appearance: menulist;
+  -moz-appearance: menulist;
+  width: auto;
+}
+.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
+.flatpickr-current-month .flatpickr-monthDropdown-months:active {
+  outline: none;
+}
+.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
+  background: rgba(0,0,0,0.05);
+}
+.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
+  background-color: #ff8a65;
+  outline: none;
+  padding: 0;
+}
 .flatpickr-weekdays {
   background: #ff8a65;
   text-align: center;
   overflow: hidden;
   width: 100%;
@@ -559,24 +593,24 @@
 .flatpickr-day.inRange {
   border-radius: 0;
   -webkit-box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
           box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
 }
-.flatpickr-day.disabled,
-.flatpickr-day.disabled:hover,
+.flatpickr-day.flatpickr-disabled,
+.flatpickr-day.flatpickr-disabled:hover,
 .flatpickr-day.prevMonthDay,
 .flatpickr-day.nextMonthDay,
 .flatpickr-day.notAllowed,
 .flatpickr-day.notAllowed.prevMonthDay,
 .flatpickr-day.notAllowed.nextMonthDay {
   color: rgba(72,72,72,0.3);
   background: transparent;
   border-color: transparent;
   cursor: default;
 }
-.flatpickr-day.disabled,
-.flatpickr-day.disabled:hover {
+.flatpickr-day.flatpickr-disabled,
+.flatpickr-day.flatpickr-disabled:hover {
   cursor: not-allowed;
   color: rgba(72,72,72,0.1);
 }
 .flatpickr-day.week.selected {
   border-radius: 0;
@@ -588,11 +622,10 @@
 }
 .rangeMode .flatpickr-day {
   margin-top: 1px;
 }
 .flatpickr-weekwrapper {
-  display: inline-block;
   float: left;
 }
 .flatpickr-weekwrapper .flatpickr-weeks {
   padding: 0 12px;
   border-left: 1px solid rgba(72,72,72,0.2);
@@ -705,10 +738,9 @@
   border: 0;
 }
 .flatpickr-time .flatpickr-time-separator,
 .flatpickr-time .flatpickr-am-pm {
   height: inherit;
-  display: inline-block;
   float: left;
   line-height: inherit;
   color: #484848;
   font-weight: bold;
   width: 2%;