flatpickr 2.5.6.0 → 2.5.8.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -32,8 +32,8 @@
32
32
  z-index: 99999;
33
33
  }
34
34
  .flatpickr-calendar.animate.open {
35
- -webkit-animation: flatpickrFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
36
- animation: flatpickrFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
35
+ -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
36
+ animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
37
37
  }
38
38
  .flatpickr-calendar.inline {
39
39
  display: block;
@@ -276,7 +276,7 @@
276
276
  position: absolute;
277
277
  width: 75%;
278
278
  left: 12.5%;
279
- padding: 7px 0 0 0;
279
+ padding: 4.2px 0 0 0;
280
280
  line-height: 1;
281
281
  height: 28px;
282
282
  display: inline-block;
@@ -287,26 +287,26 @@
287
287
  .flatpickr-current-month.slideLeft {
288
288
  -webkit-transform: translate3d(-100%, 0px, 0px);
289
289
  transform: translate3d(-100%, 0px, 0px);
290
- -webkit-animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
291
- animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
290
+ -webkit-animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
291
+ animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
292
292
  }
293
293
  .flatpickr-current-month.slideLeftNew {
294
294
  -webkit-transform: translate3d(100%, 0px, 0px);
295
295
  transform: translate3d(100%, 0px, 0px);
296
- -webkit-animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
297
- animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
296
+ -webkit-animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
297
+ animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
298
298
  }
299
299
  .flatpickr-current-month.slideRight {
300
300
  -webkit-transform: translate3d(100%, 0px, 0px);
301
301
  transform: translate3d(100%, 0px, 0px);
302
- -webkit-animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
303
- animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
302
+ -webkit-animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
303
+ animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
304
304
  }
305
305
  .flatpickr-current-month.slideRightNew {
306
306
  -webkit-transform: translate3d(0, 0, 0px);
307
307
  transform: translate3d(0, 0, 0px);
308
- -webkit-animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
309
- animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
308
+ -webkit-animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
309
+ animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
310
310
  }
311
311
  .flatpickr-current-month span.cur-month {
312
312
  font-family: inherit;
@@ -373,17 +373,16 @@
373
373
  span.flatpickr-weekday {
374
374
  cursor: default;
375
375
  font-size: 90%;
376
+ background: #ff8a65;
376
377
  color: rgba(0,0,0,0.54);
377
378
  line-height: 1;
378
379
  margin: 0;
379
- background: #ff8a65;
380
380
  text-align: center;
381
381
  display: block;
382
382
  -webkit-flex: 1;
383
383
  -ms-flex: 1;
384
384
  flex: 1;
385
385
  font-weight: bolder;
386
- margin: 0;
387
386
  }
388
387
  .dayContainer,
389
388
  .flatpickr-weeks {
@@ -396,7 +395,6 @@ span.flatpickr-weekday {
396
395
  display: -ms-flexbox;
397
396
  display: flex;
398
397
  width: 315px;
399
- background: #fff;
400
398
  border-left: 1px solid rgba(72,72,72,0.2);
401
399
  border-right: 1px solid rgba(72,72,72,0.2);
402
400
  }
@@ -426,8 +424,8 @@ span.flatpickr-weekday {
426
424
  opacity: 1;
427
425
  }
428
426
  .flatpickr-calendar.animate .dayContainer.slideLeft {
429
- -webkit-animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
430
- animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
427
+ -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
428
+ animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
431
429
  }
432
430
  .flatpickr-calendar.animate .dayContainer.slideLeft,
433
431
  .flatpickr-calendar.animate .dayContainer.slideLeftNew {
@@ -435,18 +433,18 @@ span.flatpickr-weekday {
435
433
  transform: translate3d(-100%, 0px, 0px);
436
434
  }
437
435
  .flatpickr-calendar.animate .dayContainer.slideLeftNew {
438
- -webkit-animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
439
- animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
436
+ -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
437
+ animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
440
438
  }
441
439
  .flatpickr-calendar.animate .dayContainer.slideRight {
442
- -webkit-animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
443
- animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
440
+ -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
441
+ animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
444
442
  -webkit-transform: translate3d(100%, 0px, 0px);
445
443
  transform: translate3d(100%, 0px, 0px);
446
444
  }
447
445
  .flatpickr-calendar.animate .dayContainer.slideRightNew {
448
- -webkit-animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
449
- animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
446
+ -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
447
+ animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
450
448
  }
451
449
  .flatpickr-day {
452
450
  background: none;
@@ -574,7 +572,6 @@ span.flatpickr-weekday {
574
572
  .flatpickr-weekwrapper .flatpickr-weeks {
575
573
  padding: 0 12px;
576
574
  border-left: 1px solid rgba(72,72,72,0.2);
577
- box-shadow: 1px 0 0 rgba(72,72,72,0.2);
578
575
  }
579
576
  .flatpickr-weekwrapper .flatpickr-weekday {
580
577
  float: none;
@@ -681,6 +678,10 @@ span.flatpickr-weekday {
681
678
  -moz-user-select: none;
682
679
  -ms-user-select: none;
683
680
  user-select: none;
681
+ -webkit-align-self: center;
682
+ -ms-flex-item-align: center;
683
+ -ms-grid-row-align: center;
684
+ align-self: center;
684
685
  }
685
686
  .flatpickr-time .flatpickr-am-pm {
686
687
  outline: 0;
@@ -696,7 +697,7 @@ span.flatpickr-weekday {
696
697
  .flatpickr-input[readonly] {
697
698
  cursor: pointer;
698
699
  }
699
- @-webkit-keyframes flatpickrFadeInDown {
700
+ @-webkit-keyframes fpFadeInDown {
700
701
  from {
701
702
  opacity: 0;
702
703
  -webkit-transform: translate3d(0, -20px, 0);
@@ -708,7 +709,7 @@ span.flatpickr-weekday {
708
709
  transform: translate3d(0, 0, 0);
709
710
  }
710
711
  }
711
- @keyframes flatpickrFadeInDown {
712
+ @keyframes fpFadeInDown {
712
713
  from {
713
714
  opacity: 0;
714
715
  -webkit-transform: translate3d(0, -20px, 0);
@@ -720,7 +721,7 @@ span.flatpickr-weekday {
720
721
  transform: translate3d(0, 0, 0);
721
722
  }
722
723
  }
723
- @-webkit-keyframes slideLeft {
724
+ @-webkit-keyframes fpSlideLeft {
724
725
  from {
725
726
  -webkit-transform: translate3d(0px, 0px, 0px);
726
727
  transform: translate3d(0px, 0px, 0px);
@@ -730,7 +731,7 @@ span.flatpickr-weekday {
730
731
  transform: translate3d(-100%, 0px, 0px);
731
732
  }
732
733
  }
733
- @keyframes slideLeft {
734
+ @keyframes fpSlideLeft {
734
735
  from {
735
736
  -webkit-transform: translate3d(0px, 0px, 0px);
736
737
  transform: translate3d(0px, 0px, 0px);
@@ -740,7 +741,7 @@ span.flatpickr-weekday {
740
741
  transform: translate3d(-100%, 0px, 0px);
741
742
  }
742
743
  }
743
- @-webkit-keyframes slideLeftNew {
744
+ @-webkit-keyframes fpSlideLeftNew {
744
745
  from {
745
746
  -webkit-transform: translate3d(100%, 0px, 0px);
746
747
  transform: translate3d(100%, 0px, 0px);
@@ -750,7 +751,7 @@ span.flatpickr-weekday {
750
751
  transform: translate3d(0px, 0px, 0px);
751
752
  }
752
753
  }
753
- @keyframes slideLeftNew {
754
+ @keyframes fpSlideLeftNew {
754
755
  from {
755
756
  -webkit-transform: translate3d(100%, 0px, 0px);
756
757
  transform: translate3d(100%, 0px, 0px);
@@ -760,7 +761,7 @@ span.flatpickr-weekday {
760
761
  transform: translate3d(0px, 0px, 0px);
761
762
  }
762
763
  }
763
- @-webkit-keyframes slideRight {
764
+ @-webkit-keyframes fpSlideRight {
764
765
  from {
765
766
  -webkit-transform: translate3d(0, 0, 0px);
766
767
  transform: translate3d(0, 0, 0px);
@@ -770,7 +771,7 @@ span.flatpickr-weekday {
770
771
  transform: translate3d(100%, 0px, 0px);
771
772
  }
772
773
  }
773
- @keyframes slideRight {
774
+ @keyframes fpSlideRight {
774
775
  from {
775
776
  -webkit-transform: translate3d(0, 0, 0px);
776
777
  transform: translate3d(0, 0, 0px);
@@ -780,7 +781,7 @@ span.flatpickr-weekday {
780
781
  transform: translate3d(100%, 0px, 0px);
781
782
  }
782
783
  }
783
- @-webkit-keyframes slideRightNew {
784
+ @-webkit-keyframes fpSlideRightNew {
784
785
  from {
785
786
  -webkit-transform: translate3d(-100%, 0, 0px);
786
787
  transform: translate3d(-100%, 0, 0px);
@@ -790,7 +791,7 @@ span.flatpickr-weekday {
790
791
  transform: translate3d(0, 0, 0px);
791
792
  }
792
793
  }
793
- @keyframes slideRightNew {
794
+ @keyframes fpSlideRightNew {
794
795
  from {
795
796
  -webkit-transform: translate3d(-100%, 0, 0px);
796
797
  transform: translate3d(-100%, 0, 0px);
@@ -800,7 +801,7 @@ span.flatpickr-weekday {
800
801
  transform: translate3d(0, 0, 0px);
801
802
  }
802
803
  }
803
- @-webkit-keyframes fadeOut {
804
+ @-webkit-keyframes fpFadeOut {
804
805
  from {
805
806
  opacity: 1;
806
807
  }
@@ -808,7 +809,7 @@ span.flatpickr-weekday {
808
809
  opacity: 0;
809
810
  }
810
811
  }
811
- @keyframes fadeOut {
812
+ @keyframes fpFadeOut {
812
813
  from {
813
814
  opacity: 1;
814
815
  }
@@ -816,7 +817,7 @@ span.flatpickr-weekday {
816
817
  opacity: 0;
817
818
  }
818
819
  }
819
- @-webkit-keyframes fadeIn {
820
+ @-webkit-keyframes fpFadeIn {
820
821
  from {
821
822
  opacity: 0;
822
823
  }
@@ -824,7 +825,7 @@ span.flatpickr-weekday {
824
825
  opacity: 1;
825
826
  }
826
827
  }
827
- @keyframes fadeIn {
828
+ @keyframes fpFadeIn {
828
829
  from {
829
830
  opacity: 0;
830
831
  }
@@ -32,8 +32,8 @@
32
32
  z-index: 99999;
33
33
  }
34
34
  .flatpickr-calendar.animate.open {
35
- -webkit-animation: flatpickrFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
36
- animation: flatpickrFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
35
+ -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
36
+ animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
37
37
  }
38
38
  .flatpickr-calendar.inline {
39
39
  display: block;
@@ -276,7 +276,7 @@
276
276
  position: absolute;
277
277
  width: 75%;
278
278
  left: 12.5%;
279
- padding: 7px 0 0 0;
279
+ padding: 4.2px 0 0 0;
280
280
  line-height: 1;
281
281
  height: 28px;
282
282
  display: inline-block;
@@ -287,26 +287,26 @@
287
287
  .flatpickr-current-month.slideLeft {
288
288
  -webkit-transform: translate3d(-100%, 0px, 0px);
289
289
  transform: translate3d(-100%, 0px, 0px);
290
- -webkit-animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
291
- animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
290
+ -webkit-animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
291
+ animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
292
292
  }
293
293
  .flatpickr-current-month.slideLeftNew {
294
294
  -webkit-transform: translate3d(100%, 0px, 0px);
295
295
  transform: translate3d(100%, 0px, 0px);
296
- -webkit-animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
297
- animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
296
+ -webkit-animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
297
+ animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
298
298
  }
299
299
  .flatpickr-current-month.slideRight {
300
300
  -webkit-transform: translate3d(100%, 0px, 0px);
301
301
  transform: translate3d(100%, 0px, 0px);
302
- -webkit-animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
303
- animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
302
+ -webkit-animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
303
+ animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
304
304
  }
305
305
  .flatpickr-current-month.slideRightNew {
306
306
  -webkit-transform: translate3d(0, 0, 0px);
307
307
  transform: translate3d(0, 0, 0px);
308
- -webkit-animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
309
- animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
308
+ -webkit-animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
309
+ animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
310
310
  }
311
311
  .flatpickr-current-month span.cur-month {
312
312
  font-family: inherit;
@@ -373,17 +373,16 @@
373
373
  span.flatpickr-weekday {
374
374
  cursor: default;
375
375
  font-size: 90%;
376
+ background: #ef5350;
376
377
  color: rgba(0,0,0,0.54);
377
378
  line-height: 1;
378
379
  margin: 0;
379
- background: #ef5350;
380
380
  text-align: center;
381
381
  display: block;
382
382
  -webkit-flex: 1;
383
383
  -ms-flex: 1;
384
384
  flex: 1;
385
385
  font-weight: bolder;
386
- margin: 0;
387
386
  }
388
387
  .dayContainer,
389
388
  .flatpickr-weeks {
@@ -396,7 +395,6 @@ span.flatpickr-weekday {
396
395
  display: -ms-flexbox;
397
396
  display: flex;
398
397
  width: 315px;
399
- background: #fff;
400
398
  border-left: 1px solid rgba(72,72,72,0.2);
401
399
  border-right: 1px solid rgba(72,72,72,0.2);
402
400
  }
@@ -426,8 +424,8 @@ span.flatpickr-weekday {
426
424
  opacity: 1;
427
425
  }
428
426
  .flatpickr-calendar.animate .dayContainer.slideLeft {
429
- -webkit-animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
430
- animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
427
+ -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
428
+ animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
431
429
  }
432
430
  .flatpickr-calendar.animate .dayContainer.slideLeft,
433
431
  .flatpickr-calendar.animate .dayContainer.slideLeftNew {
@@ -435,18 +433,18 @@ span.flatpickr-weekday {
435
433
  transform: translate3d(-100%, 0px, 0px);
436
434
  }
437
435
  .flatpickr-calendar.animate .dayContainer.slideLeftNew {
438
- -webkit-animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
439
- animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
436
+ -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
437
+ animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
440
438
  }
441
439
  .flatpickr-calendar.animate .dayContainer.slideRight {
442
- -webkit-animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
443
- animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
440
+ -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
441
+ animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
444
442
  -webkit-transform: translate3d(100%, 0px, 0px);
445
443
  transform: translate3d(100%, 0px, 0px);
446
444
  }
447
445
  .flatpickr-calendar.animate .dayContainer.slideRightNew {
448
- -webkit-animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
449
- animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
446
+ -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
447
+ animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
450
448
  }
451
449
  .flatpickr-day {
452
450
  background: none;
@@ -574,7 +572,6 @@ span.flatpickr-weekday {
574
572
  .flatpickr-weekwrapper .flatpickr-weeks {
575
573
  padding: 0 12px;
576
574
  border-left: 1px solid rgba(72,72,72,0.2);
577
- box-shadow: 1px 0 0 rgba(72,72,72,0.2);
578
575
  }
579
576
  .flatpickr-weekwrapper .flatpickr-weekday {
580
577
  float: none;
@@ -681,6 +678,10 @@ span.flatpickr-weekday {
681
678
  -moz-user-select: none;
682
679
  -ms-user-select: none;
683
680
  user-select: none;
681
+ -webkit-align-self: center;
682
+ -ms-flex-item-align: center;
683
+ -ms-grid-row-align: center;
684
+ align-self: center;
684
685
  }
685
686
  .flatpickr-time .flatpickr-am-pm {
686
687
  outline: 0;
@@ -696,7 +697,7 @@ span.flatpickr-weekday {
696
697
  .flatpickr-input[readonly] {
697
698
  cursor: pointer;
698
699
  }
699
- @-webkit-keyframes flatpickrFadeInDown {
700
+ @-webkit-keyframes fpFadeInDown {
700
701
  from {
701
702
  opacity: 0;
702
703
  -webkit-transform: translate3d(0, -20px, 0);
@@ -708,7 +709,7 @@ span.flatpickr-weekday {
708
709
  transform: translate3d(0, 0, 0);
709
710
  }
710
711
  }
711
- @keyframes flatpickrFadeInDown {
712
+ @keyframes fpFadeInDown {
712
713
  from {
713
714
  opacity: 0;
714
715
  -webkit-transform: translate3d(0, -20px, 0);
@@ -720,7 +721,7 @@ span.flatpickr-weekday {
720
721
  transform: translate3d(0, 0, 0);
721
722
  }
722
723
  }
723
- @-webkit-keyframes slideLeft {
724
+ @-webkit-keyframes fpSlideLeft {
724
725
  from {
725
726
  -webkit-transform: translate3d(0px, 0px, 0px);
726
727
  transform: translate3d(0px, 0px, 0px);
@@ -730,7 +731,7 @@ span.flatpickr-weekday {
730
731
  transform: translate3d(-100%, 0px, 0px);
731
732
  }
732
733
  }
733
- @keyframes slideLeft {
734
+ @keyframes fpSlideLeft {
734
735
  from {
735
736
  -webkit-transform: translate3d(0px, 0px, 0px);
736
737
  transform: translate3d(0px, 0px, 0px);
@@ -740,7 +741,7 @@ span.flatpickr-weekday {
740
741
  transform: translate3d(-100%, 0px, 0px);
741
742
  }
742
743
  }
743
- @-webkit-keyframes slideLeftNew {
744
+ @-webkit-keyframes fpSlideLeftNew {
744
745
  from {
745
746
  -webkit-transform: translate3d(100%, 0px, 0px);
746
747
  transform: translate3d(100%, 0px, 0px);
@@ -750,7 +751,7 @@ span.flatpickr-weekday {
750
751
  transform: translate3d(0px, 0px, 0px);
751
752
  }
752
753
  }
753
- @keyframes slideLeftNew {
754
+ @keyframes fpSlideLeftNew {
754
755
  from {
755
756
  -webkit-transform: translate3d(100%, 0px, 0px);
756
757
  transform: translate3d(100%, 0px, 0px);
@@ -760,7 +761,7 @@ span.flatpickr-weekday {
760
761
  transform: translate3d(0px, 0px, 0px);
761
762
  }
762
763
  }
763
- @-webkit-keyframes slideRight {
764
+ @-webkit-keyframes fpSlideRight {
764
765
  from {
765
766
  -webkit-transform: translate3d(0, 0, 0px);
766
767
  transform: translate3d(0, 0, 0px);
@@ -770,7 +771,7 @@ span.flatpickr-weekday {
770
771
  transform: translate3d(100%, 0px, 0px);
771
772
  }
772
773
  }
773
- @keyframes slideRight {
774
+ @keyframes fpSlideRight {
774
775
  from {
775
776
  -webkit-transform: translate3d(0, 0, 0px);
776
777
  transform: translate3d(0, 0, 0px);
@@ -780,7 +781,7 @@ span.flatpickr-weekday {
780
781
  transform: translate3d(100%, 0px, 0px);
781
782
  }
782
783
  }
783
- @-webkit-keyframes slideRightNew {
784
+ @-webkit-keyframes fpSlideRightNew {
784
785
  from {
785
786
  -webkit-transform: translate3d(-100%, 0, 0px);
786
787
  transform: translate3d(-100%, 0, 0px);
@@ -790,7 +791,7 @@ span.flatpickr-weekday {
790
791
  transform: translate3d(0, 0, 0px);
791
792
  }
792
793
  }
793
- @keyframes slideRightNew {
794
+ @keyframes fpSlideRightNew {
794
795
  from {
795
796
  -webkit-transform: translate3d(-100%, 0, 0px);
796
797
  transform: translate3d(-100%, 0, 0px);
@@ -800,7 +801,7 @@ span.flatpickr-weekday {
800
801
  transform: translate3d(0, 0, 0px);
801
802
  }
802
803
  }
803
- @-webkit-keyframes fadeOut {
804
+ @-webkit-keyframes fpFadeOut {
804
805
  from {
805
806
  opacity: 1;
806
807
  }
@@ -808,7 +809,7 @@ span.flatpickr-weekday {
808
809
  opacity: 0;
809
810
  }
810
811
  }
811
- @keyframes fadeOut {
812
+ @keyframes fpFadeOut {
812
813
  from {
813
814
  opacity: 1;
814
815
  }
@@ -816,7 +817,7 @@ span.flatpickr-weekday {
816
817
  opacity: 0;
817
818
  }
818
819
  }
819
- @-webkit-keyframes fadeIn {
820
+ @-webkit-keyframes fpFadeIn {
820
821
  from {
821
822
  opacity: 0;
822
823
  }
@@ -824,7 +825,7 @@ span.flatpickr-weekday {
824
825
  opacity: 1;
825
826
  }
826
827
  }
827
- @keyframes fadeIn {
828
+ @keyframes fpFadeIn {
828
829
  from {
829
830
  opacity: 0;
830
831
  }