flatpickr 2.4.9.0 → 2.5.3.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (13) hide show
  1. checksums.yaml +4 -4
  2. data/lib/flatpickr/version.rb +1 -1
  3. data/vendor/assets/javascripts/flatpickr.js +58 -29
  4. data/vendor/assets/stylesheets/flatpickr.css +2 -2
  5. data/vendor/assets/stylesheets/flatpickr/themes/airbnb.css +49 -56
  6. data/vendor/assets/stylesheets/flatpickr/themes/base16_flat.css +49 -56
  7. data/vendor/assets/stylesheets/flatpickr/themes/confetti.css +49 -56
  8. data/vendor/assets/stylesheets/flatpickr/themes/dark.css +49 -56
  9. data/vendor/assets/stylesheets/flatpickr/themes/material_blue.css +49 -56
  10. data/vendor/assets/stylesheets/flatpickr/themes/material_green.css +49 -56
  11. data/vendor/assets/stylesheets/flatpickr/themes/material_orange.css +49 -56
  12. data/vendor/assets/stylesheets/flatpickr/themes/material_red.css +49 -56
  13. metadata +1 -1
data/vendor/assets/stylesheets/flatpickr/themes/material_blue.css CHANGED
@@ -146,6 +146,7 @@
146
146
  height: 28px;
147
147
  line-height: 16px;
148
148
  padding: 10px calc(3.57% - 1.5px);
149
+ z-index: 3;
149
150
  }
150
151
  .flatpickr-prev-month i,
151
152
  .flatpickr-next-month i {
@@ -276,35 +277,30 @@
276
277
  top: 5px;
277
278
  display: inline-block;
278
279
  text-align: center;
279
- -webkit-transform: translate(0px, 0px);
280
- -ms-transform: translate(0px, 0px);
281
- transform: translate(0px, 0px);
280
+ -webkit-transform: translate3d(0px, 0px, 0px);
281
+ transform: translate3d(0px, 0px, 0px);
282
282
  }
283
283
  .flatpickr-current-month.slideLeft {
284
- -webkit-transform: translate(-100%, 0px);
285
- -ms-transform: translate(-100%, 0px);
286
- transform: translate(-100%, 0px);
284
+ -webkit-transform: translate3d(-100%, 0px, 0px);
285
+ transform: translate3d(-100%, 0px, 0px);
287
286
  -webkit-animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
288
287
  animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
289
288
  }
290
289
  .flatpickr-current-month.slideLeftNew {
291
- -webkit-transform: translate(100%, 0px);
292
- -ms-transform: translate(100%, 0px);
293
- transform: translate(100%, 0px);
290
+ -webkit-transform: translate3d(100%, 0px, 0px);
291
+ transform: translate3d(100%, 0px, 0px);
294
292
  -webkit-animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
295
293
  animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
296
294
  }
297
295
  .flatpickr-current-month.slideRight {
298
- -webkit-transform: translate(100%, 0px);
299
- -ms-transform: translate(100%, 0px);
300
- transform: translate(100%, 0px);
296
+ -webkit-transform: translate3d(100%, 0px, 0px);
297
+ transform: translate3d(100%, 0px, 0px);
301
298
  -webkit-animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
302
299
  animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
303
300
  }
304
301
  .flatpickr-current-month.slideRightNew {
305
- -webkit-transform: translate(0, 0);
306
- -ms-transform: translate(0, 0);
307
- transform: translate(0, 0);
302
+ -webkit-transform: translate3d(0, 0, 0px);
303
+ transform: translate3d(0, 0, 0px);
308
304
  -webkit-animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
309
305
  animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
310
306
  }
@@ -421,9 +417,8 @@ span.flatpickr-weekday {
421
417
  -ms-flex-pack: justify;
422
418
  -webkit-justify-content: space-around;
423
419
  justify-content: space-around;
424
- -webkit-transform: translate(0px, 0px);
425
- -ms-transform: translate(0px, 0px);
426
- transform: translate(0px, 0px);
420
+ -webkit-transform: translate3d(0px, 0px, 0px);
421
+ transform: translate3d(0px, 0px, 0px);
427
422
  opacity: 1;
428
423
  }
429
424
  .flatpickr-calendar.animate .dayContainer.slideLeft {
@@ -432,9 +427,8 @@ span.flatpickr-weekday {
432
427
  }
433
428
  .flatpickr-calendar.animate .dayContainer.slideLeft,
434
429
  .flatpickr-calendar.animate .dayContainer.slideLeftNew {
435
- -webkit-transform: translate(-100%, 0px);
436
- -ms-transform: translate(-100%, 0px);
437
- transform: translate(-100%, 0px);
430
+ -webkit-transform: translate3d(-100%, 0px, 0px);
431
+ transform: translate3d(-100%, 0px, 0px);
438
432
  }
439
433
  .flatpickr-calendar.animate .dayContainer.slideLeftNew {
440
434
  -webkit-animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
@@ -443,9 +437,8 @@ span.flatpickr-weekday {
443
437
  .flatpickr-calendar.animate .dayContainer.slideRight {
444
438
  -webkit-animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
445
439
  animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
446
- -webkit-transform: translate(100%, 0px);
447
- -ms-transform: translate(100%, 0px);
448
- transform: translate(100%, 0px);
440
+ -webkit-transform: translate3d(100%, 0px, 0px);
441
+ transform: translate3d(100%, 0px, 0px);
449
442
  }
450
443
  .flatpickr-calendar.animate .dayContainer.slideRightNew {
451
444
  -webkit-animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
@@ -724,82 +717,82 @@ span.flatpickr-weekday {
724
717
  }
725
718
  @-webkit-keyframes slideLeft {
726
719
  from {
727
- -webkit-transform: translate(0px, 0px);
728
- transform: translate(0px, 0px);
720
+ -webkit-transform: translate3d(0px, 0px, 0px);
721
+ transform: translate3d(0px, 0px, 0px);
729
722
  }
730
723
  to {
731
- -webkit-transform: translate(-100%, 0px);
732
- transform: translate(-100%, 0px);
724
+ -webkit-transform: translate3d(-100%, 0px, 0px);
725
+ transform: translate3d(-100%, 0px, 0px);
733
726
  }
734
727
  }
735
728
  @keyframes slideLeft {
736
729
  from {
737
- -webkit-transform: translate(0px, 0px);
738
- transform: translate(0px, 0px);
730
+ -webkit-transform: translate3d(0px, 0px, 0px);
731
+ transform: translate3d(0px, 0px, 0px);
739
732
  }
740
733
  to {
741
- -webkit-transform: translate(-100%, 0px);
742
- transform: translate(-100%, 0px);
734
+ -webkit-transform: translate3d(-100%, 0px, 0px);
735
+ transform: translate3d(-100%, 0px, 0px);
743
736
  }
744
737
  }
745
738
  @-webkit-keyframes slideLeftNew {
746
739
  from {
747
- -webkit-transform: translate(100%, 0px);
748
- transform: translate(100%, 0px);
740
+ -webkit-transform: translate3d(100%, 0px, 0px);
741
+ transform: translate3d(100%, 0px, 0px);
749
742
  }
750
743
  to {
751
- -webkit-transform: translate(0px, 0px);
752
- transform: translate(0px, 0px);
744
+ -webkit-transform: translate3d(0px, 0px, 0px);
745
+ transform: translate3d(0px, 0px, 0px);
753
746
  }
754
747
  }
755
748
  @keyframes slideLeftNew {
756
749
  from {
757
- -webkit-transform: translate(100%, 0px);
758
- transform: translate(100%, 0px);
750
+ -webkit-transform: translate3d(100%, 0px, 0px);
751
+ transform: translate3d(100%, 0px, 0px);
759
752
  }
760
753
  to {
761
- -webkit-transform: translate(0px, 0px);
762
- transform: translate(0px, 0px);
754
+ -webkit-transform: translate3d(0px, 0px, 0px);
755
+ transform: translate3d(0px, 0px, 0px);
763
756
  }
764
757
  }
765
758
  @-webkit-keyframes slideRight {
766
759
  from {
767
- -webkit-transform: translate(0, 0);
768
- transform: translate(0, 0);
760
+ -webkit-transform: translate3d(0, 0, 0px);
761
+ transform: translate3d(0, 0, 0px);
769
762
  }
770
763
  to {
771
- -webkit-transform: translate(100%, 0px);
772
- transform: translate(100%, 0px);
764
+ -webkit-transform: translate3d(100%, 0px, 0px);
765
+ transform: translate3d(100%, 0px, 0px);
773
766
  }
774
767
  }
775
768
  @keyframes slideRight {
776
769
  from {
777
- -webkit-transform: translate(0, 0);
778
- transform: translate(0, 0);
770
+ -webkit-transform: translate3d(0, 0, 0px);
771
+ transform: translate3d(0, 0, 0px);
779
772
  }
780
773
  to {
781
- -webkit-transform: translate(100%, 0px);
782
- transform: translate(100%, 0px);
774
+ -webkit-transform: translate3d(100%, 0px, 0px);
775
+ transform: translate3d(100%, 0px, 0px);
783
776
  }
784
777
  }
785
778
  @-webkit-keyframes slideRightNew {
786
779
  from {
787
- -webkit-transform: translate(-100%, 0);
788
- transform: translate(-100%, 0);
780
+ -webkit-transform: translate3d(-100%, 0, 0px);
781
+ transform: translate3d(-100%, 0, 0px);
789
782
  }
790
783
  to {
791
- -webkit-transform: translate(0, 0);
792
- transform: translate(0, 0);
784
+ -webkit-transform: translate3d(0, 0, 0px);
785
+ transform: translate3d(0, 0, 0px);
793
786
  }
794
787
  }
795
788
  @keyframes slideRightNew {
796
789
  from {
797
- -webkit-transform: translate(-100%, 0);
798
- transform: translate(-100%, 0);
790
+ -webkit-transform: translate3d(-100%, 0, 0px);
791
+ transform: translate3d(-100%, 0, 0px);
799
792
  }
800
793
  to {
801
- -webkit-transform: translate(0, 0);
802
- transform: translate(0, 0);
794
+ -webkit-transform: translate3d(0, 0, 0px);
795
+ transform: translate3d(0, 0, 0px);
803
796
  }
804
797
  }
805
798
  @-webkit-keyframes fadeOut {
data/vendor/assets/stylesheets/flatpickr/themes/material_green.css CHANGED
@@ -146,6 +146,7 @@
146
146
  height: 28px;
147
147
  line-height: 16px;
148
148
  padding: 10px calc(3.57% - 1.5px);
149
+ z-index: 3;
149
150
  }
150
151
  .flatpickr-prev-month i,
151
152
  .flatpickr-next-month i {
@@ -276,35 +277,30 @@
276
277
  top: 5px;
277
278
  display: inline-block;
278
279
  text-align: center;
279
- -webkit-transform: translate(0px, 0px);
280
- -ms-transform: translate(0px, 0px);
281
- transform: translate(0px, 0px);
280
+ -webkit-transform: translate3d(0px, 0px, 0px);
281
+ transform: translate3d(0px, 0px, 0px);
282
282
  }
283
283
  .flatpickr-current-month.slideLeft {
284
- -webkit-transform: translate(-100%, 0px);
285
- -ms-transform: translate(-100%, 0px);
286
- transform: translate(-100%, 0px);
284
+ -webkit-transform: translate3d(-100%, 0px, 0px);
285
+ transform: translate3d(-100%, 0px, 0px);
287
286
  -webkit-animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
288
287
  animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
289
288
  }
290
289
  .flatpickr-current-month.slideLeftNew {
291
- -webkit-transform: translate(100%, 0px);
292
- -ms-transform: translate(100%, 0px);
293
- transform: translate(100%, 0px);
290
+ -webkit-transform: translate3d(100%, 0px, 0px);
291
+ transform: translate3d(100%, 0px, 0px);
294
292
  -webkit-animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
295
293
  animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
296
294
  }
297
295
  .flatpickr-current-month.slideRight {
298
- -webkit-transform: translate(100%, 0px);
299
- -ms-transform: translate(100%, 0px);
300
- transform: translate(100%, 0px);
296
+ -webkit-transform: translate3d(100%, 0px, 0px);
297
+ transform: translate3d(100%, 0px, 0px);
301
298
  -webkit-animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
302
299
  animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
303
300
  }
304
301
  .flatpickr-current-month.slideRightNew {
305
- -webkit-transform: translate(0, 0);
306
- -ms-transform: translate(0, 0);
307
- transform: translate(0, 0);
302
+ -webkit-transform: translate3d(0, 0, 0px);
303
+ transform: translate3d(0, 0, 0px);
308
304
  -webkit-animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
309
305
  animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
310
306
  }
@@ -421,9 +417,8 @@ span.flatpickr-weekday {
421
417
  -ms-flex-pack: justify;
422
418
  -webkit-justify-content: space-around;
423
419
  justify-content: space-around;
424
- -webkit-transform: translate(0px, 0px);
425
- -ms-transform: translate(0px, 0px);
426
- transform: translate(0px, 0px);
420
+ -webkit-transform: translate3d(0px, 0px, 0px);
421
+ transform: translate3d(0px, 0px, 0px);
427
422
  opacity: 1;
428
423
  }
429
424
  .flatpickr-calendar.animate .dayContainer.slideLeft {
@@ -432,9 +427,8 @@ span.flatpickr-weekday {
432
427
  }
433
428
  .flatpickr-calendar.animate .dayContainer.slideLeft,
434
429
  .flatpickr-calendar.animate .dayContainer.slideLeftNew {
435
- -webkit-transform: translate(-100%, 0px);
436
- -ms-transform: translate(-100%, 0px);
437
- transform: translate(-100%, 0px);
430
+ -webkit-transform: translate3d(-100%, 0px, 0px);
431
+ transform: translate3d(-100%, 0px, 0px);
438
432
  }
439
433
  .flatpickr-calendar.animate .dayContainer.slideLeftNew {
440
434
  -webkit-animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
@@ -443,9 +437,8 @@ span.flatpickr-weekday {
443
437
  .flatpickr-calendar.animate .dayContainer.slideRight {
444
438
  -webkit-animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
445
439
  animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
446
- -webkit-transform: translate(100%, 0px);
447
- -ms-transform: translate(100%, 0px);
448
- transform: translate(100%, 0px);
440
+ -webkit-transform: translate3d(100%, 0px, 0px);
441
+ transform: translate3d(100%, 0px, 0px);
449
442
  }
450
443
  .flatpickr-calendar.animate .dayContainer.slideRightNew {
451
444
  -webkit-animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
@@ -724,82 +717,82 @@ span.flatpickr-weekday {
724
717
  }
725
718
  @-webkit-keyframes slideLeft {
726
719
  from {
727
- -webkit-transform: translate(0px, 0px);
728
- transform: translate(0px, 0px);
720
+ -webkit-transform: translate3d(0px, 0px, 0px);
721
+ transform: translate3d(0px, 0px, 0px);
729
722
  }
730
723
  to {
731
- -webkit-transform: translate(-100%, 0px);
732
- transform: translate(-100%, 0px);
724
+ -webkit-transform: translate3d(-100%, 0px, 0px);
725
+ transform: translate3d(-100%, 0px, 0px);
733
726
  }
734
727
  }
735
728
  @keyframes slideLeft {
736
729
  from {
737
- -webkit-transform: translate(0px, 0px);
738
- transform: translate(0px, 0px);
730
+ -webkit-transform: translate3d(0px, 0px, 0px);
731
+ transform: translate3d(0px, 0px, 0px);
739
732
  }
740
733
  to {
741
- -webkit-transform: translate(-100%, 0px);
742
- transform: translate(-100%, 0px);
734
+ -webkit-transform: translate3d(-100%, 0px, 0px);
735
+ transform: translate3d(-100%, 0px, 0px);
743
736
  }
744
737
  }
745
738
  @-webkit-keyframes slideLeftNew {
746
739
  from {
747
- -webkit-transform: translate(100%, 0px);
748
- transform: translate(100%, 0px);
740
+ -webkit-transform: translate3d(100%, 0px, 0px);
741
+ transform: translate3d(100%, 0px, 0px);
749
742
  }
750
743
  to {
751
- -webkit-transform: translate(0px, 0px);
752
- transform: translate(0px, 0px);
744
+ -webkit-transform: translate3d(0px, 0px, 0px);
745
+ transform: translate3d(0px, 0px, 0px);
753
746
  }
754
747
  }
755
748
  @keyframes slideLeftNew {
756
749
  from {
757
- -webkit-transform: translate(100%, 0px);
758
- transform: translate(100%, 0px);
750
+ -webkit-transform: translate3d(100%, 0px, 0px);
751
+ transform: translate3d(100%, 0px, 0px);
759
752
  }
760
753
  to {
761
- -webkit-transform: translate(0px, 0px);
762
- transform: translate(0px, 0px);
754
+ -webkit-transform: translate3d(0px, 0px, 0px);
755
+ transform: translate3d(0px, 0px, 0px);
763
756
  }
764
757
  }
765
758
  @-webkit-keyframes slideRight {
766
759
  from {
767
- -webkit-transform: translate(0, 0);
768
- transform: translate(0, 0);
760
+ -webkit-transform: translate3d(0, 0, 0px);
761
+ transform: translate3d(0, 0, 0px);
769
762
  }
770
763
  to {
771
- -webkit-transform: translate(100%, 0px);
772
- transform: translate(100%, 0px);
764
+ -webkit-transform: translate3d(100%, 0px, 0px);
765
+ transform: translate3d(100%, 0px, 0px);
773
766
  }
774
767
  }
775
768
  @keyframes slideRight {
776
769
  from {
777
- -webkit-transform: translate(0, 0);
778
- transform: translate(0, 0);
770
+ -webkit-transform: translate3d(0, 0, 0px);
771
+ transform: translate3d(0, 0, 0px);
779
772
  }
780
773
  to {
781
- -webkit-transform: translate(100%, 0px);
782
- transform: translate(100%, 0px);
774
+ -webkit-transform: translate3d(100%, 0px, 0px);
775
+ transform: translate3d(100%, 0px, 0px);
783
776
  }
784
777
  }
785
778
  @-webkit-keyframes slideRightNew {
786
779
  from {
787
- -webkit-transform: translate(-100%, 0);
788
- transform: translate(-100%, 0);
780
+ -webkit-transform: translate3d(-100%, 0, 0px);
781
+ transform: translate3d(-100%, 0, 0px);
789
782
  }
790
783
  to {
791
- -webkit-transform: translate(0, 0);
792
- transform: translate(0, 0);
784
+ -webkit-transform: translate3d(0, 0, 0px);
785
+ transform: translate3d(0, 0, 0px);
793
786
  }
794
787
  }
795
788
  @keyframes slideRightNew {
796
789
  from {
797
- -webkit-transform: translate(-100%, 0);
798
- transform: translate(-100%, 0);
790
+ -webkit-transform: translate3d(-100%, 0, 0px);
791
+ transform: translate3d(-100%, 0, 0px);
799
792
  }
800
793
  to {
801
- -webkit-transform: translate(0, 0);
802
- transform: translate(0, 0);
794
+ -webkit-transform: translate3d(0, 0, 0px);
795
+ transform: translate3d(0, 0, 0px);
803
796
  }
804
797
  }
805
798
  @-webkit-keyframes fadeOut {
data/vendor/assets/stylesheets/flatpickr/themes/material_orange.css CHANGED
@@ -146,6 +146,7 @@
146
146
  height: 28px;
147
147
  line-height: 16px;
148
148
  padding: 10px calc(3.57% - 1.5px);
149
+ z-index: 3;
149
150
  }
150
151
  .flatpickr-prev-month i,
151
152
  .flatpickr-next-month i {
@@ -276,35 +277,30 @@
276
277
  top: 5px;
277
278
  display: inline-block;
278
279
  text-align: center;
279
- -webkit-transform: translate(0px, 0px);
280
- -ms-transform: translate(0px, 0px);
281
- transform: translate(0px, 0px);
280
+ -webkit-transform: translate3d(0px, 0px, 0px);
281
+ transform: translate3d(0px, 0px, 0px);
282
282
  }
283
283
  .flatpickr-current-month.slideLeft {
284
- -webkit-transform: translate(-100%, 0px);
285
- -ms-transform: translate(-100%, 0px);
286
- transform: translate(-100%, 0px);
284
+ -webkit-transform: translate3d(-100%, 0px, 0px);
285
+ transform: translate3d(-100%, 0px, 0px);
287
286
  -webkit-animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
288
287
  animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
289
288
  }
290
289
  .flatpickr-current-month.slideLeftNew {
291
- -webkit-transform: translate(100%, 0px);
292
- -ms-transform: translate(100%, 0px);
293
- transform: translate(100%, 0px);
290
+ -webkit-transform: translate3d(100%, 0px, 0px);
291
+ transform: translate3d(100%, 0px, 0px);
294
292
  -webkit-animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
295
293
  animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
296
294
  }
297
295
  .flatpickr-current-month.slideRight {
298
- -webkit-transform: translate(100%, 0px);
299
- -ms-transform: translate(100%, 0px);
300
- transform: translate(100%, 0px);
296
+ -webkit-transform: translate3d(100%, 0px, 0px);
297
+ transform: translate3d(100%, 0px, 0px);
301
298
  -webkit-animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
302
299
  animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
303
300
  }
304
301
  .flatpickr-current-month.slideRightNew {
305
- -webkit-transform: translate(0, 0);
306
- -ms-transform: translate(0, 0);
307
- transform: translate(0, 0);
302
+ -webkit-transform: translate3d(0, 0, 0px);
303
+ transform: translate3d(0, 0, 0px);
308
304
  -webkit-animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
309
305
  animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
310
306
  }
@@ -421,9 +417,8 @@ span.flatpickr-weekday {
421
417
  -ms-flex-pack: justify;
422
418
  -webkit-justify-content: space-around;
423
419
  justify-content: space-around;
424
- -webkit-transform: translate(0px, 0px);
425
- -ms-transform: translate(0px, 0px);
426
- transform: translate(0px, 0px);
420
+ -webkit-transform: translate3d(0px, 0px, 0px);
421
+ transform: translate3d(0px, 0px, 0px);
427
422
  opacity: 1;
428
423
  }
429
424
  .flatpickr-calendar.animate .dayContainer.slideLeft {
@@ -432,9 +427,8 @@ span.flatpickr-weekday {
432
427
  }
433
428
  .flatpickr-calendar.animate .dayContainer.slideLeft,
434
429
  .flatpickr-calendar.animate .dayContainer.slideLeftNew {
435
- -webkit-transform: translate(-100%, 0px);
436
- -ms-transform: translate(-100%, 0px);
437
- transform: translate(-100%, 0px);
430
+ -webkit-transform: translate3d(-100%, 0px, 0px);
431
+ transform: translate3d(-100%, 0px, 0px);
438
432
  }
439
433
  .flatpickr-calendar.animate .dayContainer.slideLeftNew {
440
434
  -webkit-animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
@@ -443,9 +437,8 @@ span.flatpickr-weekday {
443
437
  .flatpickr-calendar.animate .dayContainer.slideRight {
444
438
  -webkit-animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
445
439
  animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
446
- -webkit-transform: translate(100%, 0px);
447
- -ms-transform: translate(100%, 0px);
448
- transform: translate(100%, 0px);
440
+ -webkit-transform: translate3d(100%, 0px, 0px);
441
+ transform: translate3d(100%, 0px, 0px);
449
442
  }
450
443
  .flatpickr-calendar.animate .dayContainer.slideRightNew {
451
444
  -webkit-animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
@@ -724,82 +717,82 @@ span.flatpickr-weekday {
724
717
  }
725
718
  @-webkit-keyframes slideLeft {
726
719
  from {
727
- -webkit-transform: translate(0px, 0px);
728
- transform: translate(0px, 0px);
720
+ -webkit-transform: translate3d(0px, 0px, 0px);
721
+ transform: translate3d(0px, 0px, 0px);
729
722
  }
730
723
  to {
731
- -webkit-transform: translate(-100%, 0px);
732
- transform: translate(-100%, 0px);
724
+ -webkit-transform: translate3d(-100%, 0px, 0px);
725
+ transform: translate3d(-100%, 0px, 0px);
733
726
  }
734
727
  }
735
728
  @keyframes slideLeft {
736
729
  from {
737
- -webkit-transform: translate(0px, 0px);
738
- transform: translate(0px, 0px);
730
+ -webkit-transform: translate3d(0px, 0px, 0px);
731
+ transform: translate3d(0px, 0px, 0px);
739
732
  }
740
733
  to {
741
- -webkit-transform: translate(-100%, 0px);
742
- transform: translate(-100%, 0px);
734
+ -webkit-transform: translate3d(-100%, 0px, 0px);
735
+ transform: translate3d(-100%, 0px, 0px);
743
736
  }
744
737
  }
745
738
  @-webkit-keyframes slideLeftNew {
746
739
  from {
747
- -webkit-transform: translate(100%, 0px);
748
- transform: translate(100%, 0px);
740
+ -webkit-transform: translate3d(100%, 0px, 0px);
741
+ transform: translate3d(100%, 0px, 0px);
749
742
  }
750
743
  to {
751
- -webkit-transform: translate(0px, 0px);
752
- transform: translate(0px, 0px);
744
+ -webkit-transform: translate3d(0px, 0px, 0px);
745
+ transform: translate3d(0px, 0px, 0px);
753
746
  }
754
747
  }
755
748
  @keyframes slideLeftNew {
756
749
  from {
757
- -webkit-transform: translate(100%, 0px);
758
- transform: translate(100%, 0px);
750
+ -webkit-transform: translate3d(100%, 0px, 0px);
751
+ transform: translate3d(100%, 0px, 0px);
759
752
  }
760
753
  to {
761
- -webkit-transform: translate(0px, 0px);
762
- transform: translate(0px, 0px);
754
+ -webkit-transform: translate3d(0px, 0px, 0px);
755
+ transform: translate3d(0px, 0px, 0px);
763
756
  }
764
757
  }
765
758
  @-webkit-keyframes slideRight {
766
759
  from {
767
- -webkit-transform: translate(0, 0);
768
- transform: translate(0, 0);
760
+ -webkit-transform: translate3d(0, 0, 0px);
761
+ transform: translate3d(0, 0, 0px);
769
762
  }
770
763
  to {
771
- -webkit-transform: translate(100%, 0px);
772
- transform: translate(100%, 0px);
764
+ -webkit-transform: translate3d(100%, 0px, 0px);
765
+ transform: translate3d(100%, 0px, 0px);
773
766
  }
774
767
  }
775
768
  @keyframes slideRight {
776
769
  from {
777
- -webkit-transform: translate(0, 0);
778
- transform: translate(0, 0);
770
+ -webkit-transform: translate3d(0, 0, 0px);
771
+ transform: translate3d(0, 0, 0px);
779
772
  }
780
773
  to {
781
- -webkit-transform: translate(100%, 0px);
782
- transform: translate(100%, 0px);
774
+ -webkit-transform: translate3d(100%, 0px, 0px);
775
+ transform: translate3d(100%, 0px, 0px);
783
776
  }
784
777
  }
785
778
  @-webkit-keyframes slideRightNew {
786
779
  from {
787
- -webkit-transform: translate(-100%, 0);
788
- transform: translate(-100%, 0);
780
+ -webkit-transform: translate3d(-100%, 0, 0px);
781
+ transform: translate3d(-100%, 0, 0px);
789
782
  }
790
783
  to {
791
- -webkit-transform: translate(0, 0);
792
- transform: translate(0, 0);
784
+ -webkit-transform: translate3d(0, 0, 0px);
785
+ transform: translate3d(0, 0, 0px);
793
786
  }
794
787
  }
795
788
  @keyframes slideRightNew {
796
789
  from {
797
- -webkit-transform: translate(-100%, 0);
798
- transform: translate(-100%, 0);
790
+ -webkit-transform: translate3d(-100%, 0, 0px);
791
+ transform: translate3d(-100%, 0, 0px);
799
792
  }
800
793
  to {
801
- -webkit-transform: translate(0, 0);
802
- transform: translate(0, 0);
794
+ -webkit-transform: translate3d(0, 0, 0px);
795
+ transform: translate3d(0, 0, 0px);
803
796
  }
804
797
  }
805
798
  @-webkit-keyframes fadeOut {