material_orange.css in flatpickr-3.0.0.0

- old
+ new

@@ -12,15 +12,17 @@
   border: 0;
   font-size: 14px;
   line-height: 24px;
   border-radius: 5px;
   position: absolute;
-  width: 315px;
-  box-sizing: border-box;
+  width: 307.875px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   -ms-touch-action: manipulation;
       touch-action: manipulation;
-  box-shadow: 0 3px 13px rgba(0,0,0,0.08);
+  -webkit-box-shadow: 0 3px 13px rgba(0,0,0,0.08);
+          box-shadow: 0 3px 13px rgba(0,0,0,0.08);
 }
 .flatpickr-calendar.open,
 .flatpickr-calendar.inline {
   opacity: 1;
   visibility: visible;
@@ -198,10 +200,11 @@
 .flatpickr-next-month svg {
   width: 14px;
 }
 .flatpickr-prev-month svg path,
 .flatpickr-next-month svg path {
+  -webkit-transition: fill 0.1s;
   transition: fill 0.1s;
   fill: inherit;
 }
 .numInputWrapper {
   position: relative;
@@ -222,11 +225,12 @@
   height: 50%;
   line-height: 50%;
   opacity: 0;
   cursor: pointer;
   border: 1px solid rgba(72,72,72,0.05);
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .numInputWrapper span:hover {
   background: rgba(0,0,0,0.1);
 }
 .numInputWrapper span:active {
@@ -330,11 +334,12 @@
 .flatpickr-current-month .numInputWrapper span.arrowDown:after {
   border-top-color: #fff;
 }
 .flatpickr-current-month input.cur-year {
   background: transparent;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   color: inherit;
   cursor: default;
   padding: 0 0 0 0.5ch;
   margin: 0;
   display: inline-block;
@@ -359,14 +364,16 @@
 }
 .flatpickr-weekdays {
   background: #ff8a65;
   text-align: center;
   overflow: hidden;
-  width: 315px;
+  width: 100%;
+  display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
+  -webkit-box-align: center;
   -webkit-align-items: center;
       -ms-flex-align: center;
           align-items: center;
   height: 28px;
 }
@@ -377,10 +384,11 @@
   color: rgba(0,0,0,0.54);
   line-height: 1;
   margin: 0;
   text-align: center;
   display: block;
+  -webkit-box-flex: 1;
   -webkit-flex: 1;
       -ms-flex: 1;
           flex: 1;
   font-weight: bolder;
 }
@@ -389,30 +397,33 @@
   padding: 1px 0 0 0;
 }
 .flatpickr-days {
   position: relative;
   overflow: hidden;
+  display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  width: 315px;
+  width: 307.875px;
   border-left: 1px solid rgba(72,72,72,0.2);
   border-right: 1px solid rgba(72,72,72,0.2);
 }
 .flatpickr-days:focus {
   outline: 0;
 }
 .dayContainer {
   padding: 0;
   outline: 0;
   text-align: left;
-  width: 315px;
-  min-width: 315px;
-  max-width: 315px;
-  box-sizing: border-box;
+  width: 307.875px;
+  min-width: 307.875px;
+  max-width: 307.875px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   display: inline-block;
   display: -ms-flexbox;
+  display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
           flex-wrap: wrap;
   -ms-flex-wrap: wrap;
@@ -448,24 +459,26 @@
 }
 .flatpickr-day {
   background: none;
   border: 1px solid transparent;
   border-radius: 150px;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   color: #484848;
   cursor: pointer;
   font-weight: 400;
   width: 14.2857143%;
   -webkit-flex-basis: 14.2857143%;
       -ms-flex-preferred-size: 14.2857143%;
           flex-basis: 14.2857143%;
-  max-width: 40px;
-  height: 40px;
-  line-height: 40px;
+  max-width: 39px;
+  height: 39px;
+  line-height: 39px;
   margin: 0;
   display: inline-block;
   position: relative;
+  -webkit-box-pack: center;
   -webkit-justify-content: center;
       -ms-flex-pack: center;
           justify-content: center;
   text-align: center;
 }
@@ -512,11 +525,12 @@
 .flatpickr-day.endRange.prevMonthDay,
 .flatpickr-day.selected.nextMonthDay,
 .flatpickr-day.startRange.nextMonthDay,
 .flatpickr-day.endRange.nextMonthDay {
   background: #ff8a65;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #fff;
   border-color: #ff8a65;
 }
 .flatpickr-day.selected.startRange,
 .flatpickr-day.startRange.startRange,
@@ -529,20 +543,22 @@
   border-radius: 0 50px 50px 0;
 }
 .flatpickr-day.selected.startRange + .endRange,
 .flatpickr-day.startRange.startRange + .endRange,
 .flatpickr-day.endRange.startRange + .endRange {
-  box-shadow: -10px 0 0 #ff8a65;
+  -webkit-box-shadow: -10px 0 0 #ff8a65;
+          box-shadow: -10px 0 0 #ff8a65;
 }
 .flatpickr-day.selected.startRange.endRange,
 .flatpickr-day.startRange.startRange.endRange,
 .flatpickr-day.endRange.startRange.endRange {
   border-radius: 50px;
 }
 .flatpickr-day.inRange {
   border-radius: 0;
-  box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
+  -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 {
   pointer-events: none;
 }
@@ -558,11 +574,12 @@
   border-color: transparent;
   cursor: default;
 }
 .flatpickr-day.week.selected {
   border-radius: 0;
-  box-shadow: -5px 0 0 #ff8a65, 5px 0 0 #ff8a65;
+  -webkit-box-shadow: -5px 0 0 #ff8a65, 5px 0 0 #ff8a65;
+          box-shadow: -5px 0 0 #ff8a65, 5px 0 0 #ff8a65;
 }
 .rangeMode .flatpickr-day {
   margin-top: 1px;
 }
 .flatpickr-weekwrapper {
@@ -583,32 +600,37 @@
   width: 100%;
   max-width: none;
 }
 .flatpickr-innerContainer {
   display: block;
+  display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   overflow: hidden;
   background: #fff;
   border-bottom: 1px solid rgba(72,72,72,0.2);
 }
 .flatpickr-rContainer {
   display: inline-block;
   padding: 0;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .flatpickr-time {
   text-align: center;
   outline: 0;
   display: block;
   height: 0;
   line-height: 40px;
   max-height: 40px;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   overflow: hidden;
+  display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   background: #fff;
   border-radius: 0 0 5px 5px;
@@ -617,10 +639,11 @@
   content: "";
   display: table;
   clear: both;
 }
 .flatpickr-time .numInputWrapper {
+  -webkit-box-flex: 1;
   -webkit-flex: 1;
       -ms-flex: 1;
           flex: 1;
   width: 40%;
   height: 40px;
@@ -638,11 +661,12 @@
 .flatpickr-time.time24hr .numInputWrapper {
   width: 49%;
 }
 .flatpickr-time input {
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border: 0;
   border-radius: 0;
   text-align: center;
   margin: 0;
   padding: 0;
@@ -650,11 +674,12 @@
   line-height: inherit;
   cursor: pointer;
   color: #484848;
   font-size: 14px;
   position: relative;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .flatpickr-time input.flatpickr-hour {
   font-weight: bold;
 }
 .flatpickr-time input.flatpickr-minute,
@@ -678,10 +703,9 @@
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   -webkit-align-self: center;
       -ms-flex-item-align: center;
-              -ms-grid-row-align: center;
           align-self: center;
 }
 .flatpickr-time .flatpickr-am-pm {
   outline: 0;
   width: 18%;