flatpickr 2.5.6.0 → 2.5.8.0

data/vendor/assets/stylesheets/flatpickr/themes/{base16_flat.css → light.css}

@@ -18,8 +18,7 @@
   box-sizing: border-box;
   -ms-touch-action: manipulation;
       touch-action: manipulation;
-  background: rgba(239,239,239,0.95);
-  box-shadow: 1px 0 0 #e3e3e3, -1px 0 0 #e3e3e3, 0 1px 0 #e3e3e3, 0 -1px 0 #e3e3e3, 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 {
@@ -33,8 +32,8 @@
   z-index: 99999;
 }
 .flatpickr-calendar.animate.open {
-  -webkit-animation: flatpickrFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
-          animation: flatpickrFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
+  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
+          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .flatpickr-calendar.inline {
   display: block;
@@ -63,7 +62,13 @@
 }
 .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
   height: 40px;
-  border-top: 1px solid #e3e3e3;
+  border-top: 1px solid #eceef1;
+}
+.flatpickr-calendar.showTimeInput.hasTime .flatpickr-innerContainer {
+  border-bottom: 0;
+}
+.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
+  border: 1px solid #eceef1;
 }
 .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
   height: auto;
@@ -97,20 +102,20 @@
   bottom: 100%;
 }
 .flatpickr-calendar.arrowTop:before {
-  border-bottom-color: #e3e3e3;
+  border-bottom-color: #eceef1;
 }
 .flatpickr-calendar.arrowTop:after {
-  border-bottom-color: rgba(239,239,239,0.95);
+  border-bottom-color: #eceef1;
 }
 .flatpickr-calendar.arrowBottom:before,
 .flatpickr-calendar.arrowBottom:after {
   top: 100%;
 }
 .flatpickr-calendar.arrowBottom:before {
-  border-top-color: #e3e3e3;
+  border-top-color: #eceef1;
 }
 .flatpickr-calendar.arrowBottom:after {
-  border-top-color: rgba(239,239,239,0.95);
+  border-top-color: #eceef1;
 }
 .flatpickr-calendar:focus {
   outline: 0;
@@ -120,9 +125,10 @@
   display: inline-block;
 }
 .flatpickr-month {
-  background: transparent;
-  color: #2c3e50;
-  fill: #2c3e50;
+  border-radius: 5px 5px 0 0;
+  background: #eceef1;
+  color: #5a6171;
+  fill: #5a6171;
   height: 28px;
   line-height: 1;
   text-align: center;
@@ -182,7 +188,7 @@
         /*rtl:end:ignore*/
 .flatpickr-prev-month:hover,
 .flatpickr-next-month:hover {
-  color: #7f8c8d;
+  color: #bbb;
 }
 .flatpickr-prev-month:hover svg,
 .flatpickr-next-month:hover svg {
@@ -217,14 +223,14 @@
   line-height: 50%;
   opacity: 0;
   cursor: pointer;
-  border: 1px solid rgba(64,72,72,0.05);
+  border: 1px solid rgba(72,72,72,0.05);
   box-sizing: border-box;
 }
 .numInputWrapper span:hover {
-  background: rgba(16,16,16,0.1);
+  background: rgba(0,0,0,0.1);
 }
 .numInputWrapper span:active {
-  background: rgba(16,16,16,0.2);
+  background: rgba(0,0,0,0.2);
 }
 .numInputWrapper span:after {
   display: block;
@@ -239,7 +245,7 @@
 .numInputWrapper span.arrowUp:after {
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
-  border-bottom: 4px solid rgba(64,72,72,0.6);
+  border-bottom: 4px solid rgba(72,72,72,0.6);
 }
 .numInputWrapper span.arrowDown {
   top: 50%;
@@ -247,17 +253,17 @@
 .numInputWrapper span.arrowDown:after {
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
-  border-top: 4px solid rgba(64,72,72,0.6);
+  border-top: 4px solid rgba(72,72,72,0.6);
 }
 .numInputWrapper span svg {
   width: inherit;
   height: auto;
 }
 .numInputWrapper span svg path {
-  fill: rgba(44,62,80,0.5);
+  fill: rgba(90,97,113,0.5);
 }
 .numInputWrapper:hover {
-  background: rgba(16,16,16,0.05);
+  background: rgba(0,0,0,0.05);
 }
 .numInputWrapper:hover span {
   opacity: 1;
@@ -270,7 +276,7 @@
   position: absolute;
   width: 75%;
   left: 12.5%;
-  padding: 7px 0 0 0;
+  padding: 4.2px 0 0 0;
   line-height: 1;
   height: 28px;
   display: inline-block;
@@ -281,26 +287,26 @@
 .flatpickr-current-month.slideLeft {
   -webkit-transform: translate3d(-100%, 0px, 0px);
           transform: translate3d(-100%, 0px, 0px);
-  -webkit-animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
-          animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
+  -webkit-animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
+          animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .flatpickr-current-month.slideLeftNew {
   -webkit-transform: translate3d(100%, 0px, 0px);
           transform: translate3d(100%, 0px, 0px);
-  -webkit-animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
-          animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
+  -webkit-animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
+          animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .flatpickr-current-month.slideRight {
   -webkit-transform: translate3d(100%, 0px, 0px);
           transform: translate3d(100%, 0px, 0px);
-  -webkit-animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
-          animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
+  -webkit-animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
+          animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .flatpickr-current-month.slideRightNew {
   -webkit-transform: translate3d(0, 0, 0px);
           transform: translate3d(0, 0, 0px);
-  -webkit-animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
-          animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
+  -webkit-animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
+          animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .flatpickr-current-month span.cur-month {
   font-family: inherit;
@@ -311,7 +317,7 @@
   padding: 0;
 }
 .flatpickr-current-month span.cur-month:hover {
-  background: rgba(16,16,16,0.05);
+  background: rgba(0,0,0,0.05);
 }
 .flatpickr-current-month .numInputWrapper {
   width: 6ch;
@@ -319,10 +325,10 @@
   display: inline-block;
 }
 .flatpickr-current-month .numInputWrapper span.arrowUp:after {
-  border-bottom-color: #2c3e50;
+  border-bottom-color: #5a6171;
 }
 .flatpickr-current-month .numInputWrapper span.arrowDown:after {
-  border-top-color: #2c3e50;
+  border-top-color: #5a6171;
 }
 .flatpickr-current-month input.cur-year {
   background: transparent;
@@ -347,12 +353,12 @@
 .flatpickr-current-month input.cur-year[disabled],
 .flatpickr-current-month input.cur-year[disabled]:hover {
   font-size: 100%;
-  color: rgba(44,62,80,0.5);
+  color: rgba(90,97,113,0.5);
   background: transparent;
   pointer-events: none;
 }
 .flatpickr-weekdays {
-  background: transparent;
+  background: #eceef1;
   text-align: center;
   overflow: hidden;
   width: 315px;
@@ -367,17 +373,16 @@
 span.flatpickr-weekday {
   cursor: default;
   font-size: 90%;
-  color: rgba(44,62,80,0.54);
+  background: #eceef1;
+  color: #5a6171;
   line-height: 1;
   margin: 0;
-  background: transparent;
   text-align: center;
   display: block;
   -webkit-flex: 1;
       -ms-flex: 1;
           flex: 1;
   font-weight: bolder;
-  margin: 0;
 }
 .dayContainer,
 .flatpickr-weeks {
@@ -390,6 +395,8 @@ span.flatpickr-weekday {
   display: -ms-flexbox;
   display: flex;
   width: 315px;
+  border-left: 1px solid #eceef1;
+  border-right: 1px solid #eceef1;
 }
 .flatpickr-days:focus {
   outline: 0;
@@ -417,8 +424,8 @@ span.flatpickr-weekday {
   opacity: 1;
 }
 .flatpickr-calendar.animate .dayContainer.slideLeft {
-  -webkit-animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
-          animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
+  -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
+          animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .flatpickr-calendar.animate .dayContainer.slideLeft,
 .flatpickr-calendar.animate .dayContainer.slideLeftNew {
@@ -426,25 +433,25 @@ span.flatpickr-weekday {
           transform: translate3d(-100%, 0px, 0px);
 }
 .flatpickr-calendar.animate .dayContainer.slideLeftNew {
-  -webkit-animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
-          animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
+  -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
+          animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .flatpickr-calendar.animate .dayContainer.slideRight {
-  -webkit-animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
-          animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
+  -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
+          animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
   -webkit-transform: translate3d(100%, 0px, 0px);
           transform: translate3d(100%, 0px, 0px);
 }
 .flatpickr-calendar.animate .dayContainer.slideRightNew {
-  -webkit-animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
-          animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
+  -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
+          animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .flatpickr-day {
   background: none;
   border: 1px solid transparent;
   border-radius: 150px;
   box-sizing: border-box;
-  color: #404848;
+  color: #484848;
   cursor: pointer;
   font-weight: 400;
   width: 14.2857143%;
@@ -476,16 +483,16 @@ span.flatpickr-weekday {
 .flatpickr-day.nextMonthDay:focus {
   cursor: pointer;
   outline: 0;
-  background: #ccc;
-  border-color: #ccc;
+  background: #e2e2e2;
+  border-color: #e2e2e2;
 }
 .flatpickr-day.today {
-  border-color: #7f8c8d;
+  border-color: #bbb;
 }
 .flatpickr-day.today:hover,
 .flatpickr-day.today:focus {
-  border-color: #7f8c8d;
-  background: #7f8c8d;
+  border-color: #bbb;
+  background: #bbb;
   color: #fff;
 }
 .flatpickr-day.selected,
@@ -506,10 +513,10 @@ span.flatpickr-weekday {
 .flatpickr-day.selected.nextMonthDay,
 .flatpickr-day.startRange.nextMonthDay,
 .flatpickr-day.endRange.nextMonthDay {
-  background: #1abc9c;
+  background: #ff5a5f;
   box-shadow: none;
-  color: #ecf0f1;
-  border-color: #1abc9c;
+  color: #fff;
+  border-color: #ff5a5f;
 }
 .flatpickr-day.selected.startRange,
 .flatpickr-day.startRange.startRange,
@@ -524,7 +531,7 @@ span.flatpickr-weekday {
 .flatpickr-day.selected.startRange + .endRange,
 .flatpickr-day.startRange.startRange + .endRange,
 .flatpickr-day.endRange.startRange + .endRange {
-  box-shadow: -10px 0 0 #1abc9c;
+  box-shadow: -10px 0 0 #ff5a5f;
 }
 .flatpickr-day.selected.startRange.endRange,
 .flatpickr-day.startRange.startRange.endRange,
@@ -533,7 +540,7 @@ span.flatpickr-weekday {
 }
 .flatpickr-day.inRange {
   border-radius: 0;
-  box-shadow: -5px 0 0 #ccc, 5px 0 0 #ccc;
+  box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
 }
 .flatpickr-day.disabled,
 .flatpickr-day.disabled:hover {
@@ -546,14 +553,14 @@ span.flatpickr-weekday {
 .flatpickr-day.notAllowed,
 .flatpickr-day.notAllowed.prevMonthDay,
 .flatpickr-day.notAllowed.nextMonthDay {
-  color: rgba(0,0,0,0.2);
+  color: rgba(72,72,72,0.3);
   background: transparent;
   border-color: transparent;
   cursor: default;
 }
 .flatpickr-day.week.selected {
   border-radius: 0;
-  box-shadow: -5px 0 0 #1abc9c, 5px 0 0 #1abc9c;
+  box-shadow: -5px 0 0 #ff5a5f, 5px 0 0 #ff5a5f;
 }
 .rangeMode .flatpickr-day {
   margin-top: 1px;
@@ -564,7 +571,7 @@ span.flatpickr-weekday {
 }
 .flatpickr-weekwrapper .flatpickr-weeks {
   padding: 0 12px;
-  box-shadow: 1px 0 0 #e3e3e3;
+  border-left: 1px solid #eceef1;
 }
 .flatpickr-weekwrapper .flatpickr-weekday {
   float: none;
@@ -583,6 +590,8 @@ span.flatpickr-weekday {
   display: flex;
   box-sizing: border-box;
   overflow: hidden;
+  background: #fff;
+  border-bottom: 1px solid #eceef1;
 }
 .flatpickr-rContainer {
   display: inline-block;
@@ -601,6 +610,8 @@ span.flatpickr-weekday {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
+  background: #fff;
+  border-radius: 0 0 5px 5px;
 }
 .flatpickr-time:after {
   content: "";
@@ -616,10 +627,10 @@ span.flatpickr-weekday {
   float: left;
 }
 .flatpickr-time .numInputWrapper span.arrowUp:after {
-  border-bottom-color: #404848;
+  border-bottom-color: #484848;
 }
 .flatpickr-time .numInputWrapper span.arrowDown:after {
-  border-top-color: #404848;
+  border-top-color: #484848;
 }
 .flatpickr-time.hasSeconds .numInputWrapper {
   width: 26%;
@@ -638,7 +649,7 @@ span.flatpickr-weekday {
   height: inherit;
   line-height: inherit;
   cursor: pointer;
-  color: #404848;
+  color: #484848;
   font-size: 14px;
   position: relative;
   box-sizing: border-box;
@@ -660,13 +671,17 @@ span.flatpickr-weekday {
   display: inline-block;
   float: left;
   line-height: inherit;
-  color: #404848;
+  color: #484848;
   font-weight: bold;
   width: 2%;
   -webkit-user-select: none;
      -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;
@@ -677,12 +692,12 @@ span.flatpickr-weekday {
 }
 .flatpickr-time .flatpickr-am-pm:hover,
 .flatpickr-time .flatpickr-am-pm:focus {
-  background: #d6d6d6;
+  background: #ececec;
 }
 .flatpickr-input[readonly] {
   cursor: pointer;
 }
-@-webkit-keyframes flatpickrFadeInDown {
+@-webkit-keyframes fpFadeInDown {
   from {
     opacity: 0;
     -webkit-transform: translate3d(0, -20px, 0);
@@ -694,7 +709,7 @@ span.flatpickr-weekday {
             transform: translate3d(0, 0, 0);
   }
 }
-@keyframes flatpickrFadeInDown {
+@keyframes fpFadeInDown {
   from {
     opacity: 0;
     -webkit-transform: translate3d(0, -20px, 0);
@@ -706,7 +721,7 @@ span.flatpickr-weekday {
             transform: translate3d(0, 0, 0);
   }
 }
-@-webkit-keyframes slideLeft {
+@-webkit-keyframes fpSlideLeft {
   from {
     -webkit-transform: translate3d(0px, 0px, 0px);
             transform: translate3d(0px, 0px, 0px);
@@ -716,7 +731,7 @@ span.flatpickr-weekday {
             transform: translate3d(-100%, 0px, 0px);
   }
 }
-@keyframes slideLeft {
+@keyframes fpSlideLeft {
   from {
     -webkit-transform: translate3d(0px, 0px, 0px);
             transform: translate3d(0px, 0px, 0px);
@@ -726,7 +741,7 @@ span.flatpickr-weekday {
             transform: translate3d(-100%, 0px, 0px);
   }
 }
-@-webkit-keyframes slideLeftNew {
+@-webkit-keyframes fpSlideLeftNew {
   from {
     -webkit-transform: translate3d(100%, 0px, 0px);
             transform: translate3d(100%, 0px, 0px);
@@ -736,7 +751,7 @@ span.flatpickr-weekday {
             transform: translate3d(0px, 0px, 0px);
   }
 }
-@keyframes slideLeftNew {
+@keyframes fpSlideLeftNew {
   from {
     -webkit-transform: translate3d(100%, 0px, 0px);
             transform: translate3d(100%, 0px, 0px);
@@ -746,7 +761,7 @@ span.flatpickr-weekday {
             transform: translate3d(0px, 0px, 0px);
   }
 }
-@-webkit-keyframes slideRight {
+@-webkit-keyframes fpSlideRight {
   from {
     -webkit-transform: translate3d(0, 0, 0px);
             transform: translate3d(0, 0, 0px);
@@ -756,7 +771,7 @@ span.flatpickr-weekday {
             transform: translate3d(100%, 0px, 0px);
   }
 }
-@keyframes slideRight {
+@keyframes fpSlideRight {
   from {
     -webkit-transform: translate3d(0, 0, 0px);
             transform: translate3d(0, 0, 0px);
@@ -766,7 +781,7 @@ span.flatpickr-weekday {
             transform: translate3d(100%, 0px, 0px);
   }
 }
-@-webkit-keyframes slideRightNew {
+@-webkit-keyframes fpSlideRightNew {
   from {
     -webkit-transform: translate3d(-100%, 0, 0px);
             transform: translate3d(-100%, 0, 0px);
@@ -776,7 +791,7 @@ span.flatpickr-weekday {
             transform: translate3d(0, 0, 0px);
   }
 }
-@keyframes slideRightNew {
+@keyframes fpSlideRightNew {
   from {
     -webkit-transform: translate3d(-100%, 0, 0px);
             transform: translate3d(-100%, 0, 0px);
@@ -786,7 +801,7 @@ span.flatpickr-weekday {
             transform: translate3d(0, 0, 0px);
   }
 }
-@-webkit-keyframes fadeOut {
+@-webkit-keyframes fpFadeOut {
   from {
     opacity: 1;
   }
@@ -794,7 +809,7 @@ span.flatpickr-weekday {
     opacity: 0;
   }
 }
-@keyframes fadeOut {
+@keyframes fpFadeOut {
   from {
     opacity: 1;
   }
@@ -802,7 +817,7 @@ span.flatpickr-weekday {
     opacity: 0;
   }
 }
-@-webkit-keyframes fadeIn {
+@-webkit-keyframes fpFadeIn {
   from {
     opacity: 0;
   }
@@ -810,7 +825,7 @@ span.flatpickr-weekday {
     opacity: 1;
   }
 }
-@keyframes fadeIn {
+@keyframes fpFadeIn {
   from {
     opacity: 0;
   }
@@ -818,3 +833,6 @@ span.flatpickr-weekday {
     opacity: 1;
   }
 }
+span.flatpickr-day.selected {
+  font-weight: bold;
+}