airbnb.css in flatpickr-4.6.3.0

- old
+ new

@@ -132,11 +132,11 @@
 }
 .flatpickr-months .flatpickr-month {
   background: transparent;
   color: #3c3f40;
   fill: #3c3f40;
-  height: 28px;
+  height: 34px;
   line-height: 1;
   text-align: center;
   position: relative;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -151,20 +151,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: #3c3f40;
   fill: #3c3f40;
 }
-.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;
@@ -301,13 +300,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);
 }
@@ -362,10 +361,45 @@
   font-size: 100%;
   color: rgba(60,63,64,0.5);
   background: transparent;
   pointer-events: none;
 }
+.flatpickr-current-month .flatpickr-monthDropdown-months {
+  appearance: menulist;
+  background: transparent;
+  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: transparent;
+  outline: none;
+  padding: 0;
+}
 .flatpickr-weekdays {
   background: transparent;
   text-align: center;
   overflow: hidden;
   width: 100%;
@@ -551,24 +585,24 @@
 .flatpickr-day.inRange {
   border-radius: 0;
   -webkit-box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;
           box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;
 }
-.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(64,72,72,0.3);
   background: transparent;
   border-color: #e9e9e9;
   cursor: default;
 }
-.flatpickr-day.disabled,
-.flatpickr-day.disabled:hover {
+.flatpickr-day.flatpickr-disabled,
+.flatpickr-day.flatpickr-disabled:hover {
   cursor: not-allowed;
   color: rgba(64,72,72,0.1);
 }
 .flatpickr-day.week.selected {
   border-radius: 0;
@@ -580,11 +614,10 @@
 }
 .rangeMode .flatpickr-day {
   margin-top: 1px;
 }
 .flatpickr-weekwrapper {
-  display: inline-block;
   float: left;
 }
 .flatpickr-weekwrapper .flatpickr-weeks {
   padding: 0 12px;
   -webkit-box-shadow: 1px 0 0 #eee;
@@ -694,11 +727,10 @@
   border: 0;
 }
 .flatpickr-time .flatpickr-time-separator,
 .flatpickr-time .flatpickr-am-pm {
   height: inherit;
-  display: inline-block;
   float: left;
   line-height: inherit;
   color: #404848;
   font-weight: bold;
   width: 2%;
@@ -826,5 +858,15 @@
   margin: -1px 0 0 -1px;
 }
 .hasWeeks .flatpickr-days {
   border-right: 0;
 }
+
+	@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
+		span.flatpickr-day {
+			display: block;
+			-webkit-box-flex: 1;
+			-webkit-flex: 1 0 auto;
+			    -ms-flex: 1 0 auto;
+			        flex: 1 0 auto;
+		}
+	}