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/base16_flat.css CHANGED
@@ -140,6 +140,7 @@
140
140
  height: 28px;
141
141
  line-height: 16px;
142
142
  padding: 10px calc(3.57% - 1.5px);
143
+ z-index: 3;
143
144
  }
144
145
  .flatpickr-prev-month i,
145
146
  .flatpickr-next-month i {
@@ -270,35 +271,30 @@
270
271
  top: 5px;
271
272
  display: inline-block;
272
273
  text-align: center;
273
- -webkit-transform: translate(0px, 0px);
274
- -ms-transform: translate(0px, 0px);
275
- transform: translate(0px, 0px);
274
+ -webkit-transform: translate3d(0px, 0px, 0px);
275
+ transform: translate3d(0px, 0px, 0px);
276
276
  }
277
277
  .flatpickr-current-month.slideLeft {
278
- -webkit-transform: translate(-100%, 0px);
279
- -ms-transform: translate(-100%, 0px);
280
- transform: translate(-100%, 0px);
278
+ -webkit-transform: translate3d(-100%, 0px, 0px);
279
+ transform: translate3d(-100%, 0px, 0px);
281
280
  -webkit-animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
282
281
  animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
283
282
  }
284
283
  .flatpickr-current-month.slideLeftNew {
285
- -webkit-transform: translate(100%, 0px);
286
- -ms-transform: translate(100%, 0px);
287
- transform: translate(100%, 0px);
284
+ -webkit-transform: translate3d(100%, 0px, 0px);
285
+ transform: translate3d(100%, 0px, 0px);
288
286
  -webkit-animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
289
287
  animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
290
288
  }
291
289
  .flatpickr-current-month.slideRight {
292
- -webkit-transform: translate(100%, 0px);
293
- -ms-transform: translate(100%, 0px);
294
- transform: translate(100%, 0px);
290
+ -webkit-transform: translate3d(100%, 0px, 0px);
291
+ transform: translate3d(100%, 0px, 0px);
295
292
  -webkit-animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
296
293
  animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
297
294
  }
298
295
  .flatpickr-current-month.slideRightNew {
299
- -webkit-transform: translate(0, 0);
300
- -ms-transform: translate(0, 0);
301
- transform: translate(0, 0);
296
+ -webkit-transform: translate3d(0, 0, 0px);
297
+ transform: translate3d(0, 0, 0px);
302
298
  -webkit-animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
303
299
  animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
304
300
  }
@@ -412,9 +408,8 @@ span.flatpickr-weekday {
412
408
  -ms-flex-pack: justify;
413
409
  -webkit-justify-content: space-around;
414
410
  justify-content: space-around;
415
- -webkit-transform: translate(0px, 0px);
416
- -ms-transform: translate(0px, 0px);
417
- transform: translate(0px, 0px);
411
+ -webkit-transform: translate3d(0px, 0px, 0px);
412
+ transform: translate3d(0px, 0px, 0px);
418
413
  opacity: 1;
419
414
  }
420
415
  .flatpickr-calendar.animate .dayContainer.slideLeft {
@@ -423,9 +418,8 @@ span.flatpickr-weekday {
423
418
  }
424
419
  .flatpickr-calendar.animate .dayContainer.slideLeft,
425
420
  .flatpickr-calendar.animate .dayContainer.slideLeftNew {
426
- -webkit-transform: translate(-100%, 0px);
427
- -ms-transform: translate(-100%, 0px);
428
- transform: translate(-100%, 0px);
421
+ -webkit-transform: translate3d(-100%, 0px, 0px);
422
+ transform: translate3d(-100%, 0px, 0px);
429
423
  }
430
424
  .flatpickr-calendar.animate .dayContainer.slideLeftNew {
431
425
  -webkit-animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
@@ -434,9 +428,8 @@ span.flatpickr-weekday {
434
428
  .flatpickr-calendar.animate .dayContainer.slideRight {
435
429
  -webkit-animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
436
430
  animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
437
- -webkit-transform: translate(100%, 0px);
438
- -ms-transform: translate(100%, 0px);
439
- transform: translate(100%, 0px);
431
+ -webkit-transform: translate3d(100%, 0px, 0px);
432
+ transform: translate3d(100%, 0px, 0px);
440
433
  }
441
434
  .flatpickr-calendar.animate .dayContainer.slideRightNew {
442
435
  -webkit-animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
@@ -710,82 +703,82 @@ span.flatpickr-weekday {
710
703
  }
711
704
  @-webkit-keyframes slideLeft {
712
705
  from {
713
- -webkit-transform: translate(0px, 0px);
714
- transform: translate(0px, 0px);
706
+ -webkit-transform: translate3d(0px, 0px, 0px);
707
+ transform: translate3d(0px, 0px, 0px);
715
708
  }
716
709
  to {
717
- -webkit-transform: translate(-100%, 0px);
718
- transform: translate(-100%, 0px);
710
+ -webkit-transform: translate3d(-100%, 0px, 0px);
711
+ transform: translate3d(-100%, 0px, 0px);
719
712
  }
720
713
  }
721
714
  @keyframes slideLeft {
722
715
  from {
723
- -webkit-transform: translate(0px, 0px);
724
- transform: translate(0px, 0px);
716
+ -webkit-transform: translate3d(0px, 0px, 0px);
717
+ transform: translate3d(0px, 0px, 0px);
725
718
  }
726
719
  to {
727
- -webkit-transform: translate(-100%, 0px);
728
- transform: translate(-100%, 0px);
720
+ -webkit-transform: translate3d(-100%, 0px, 0px);
721
+ transform: translate3d(-100%, 0px, 0px);
729
722
  }
730
723
  }
731
724
  @-webkit-keyframes slideLeftNew {
732
725
  from {
733
- -webkit-transform: translate(100%, 0px);
734
- transform: translate(100%, 0px);
726
+ -webkit-transform: translate3d(100%, 0px, 0px);
727
+ transform: translate3d(100%, 0px, 0px);
735
728
  }
736
729
  to {
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
  }
741
734
  @keyframes slideLeftNew {
742
735
  from {
743
- -webkit-transform: translate(100%, 0px);
744
- transform: translate(100%, 0px);
736
+ -webkit-transform: translate3d(100%, 0px, 0px);
737
+ transform: translate3d(100%, 0px, 0px);
745
738
  }
746
739
  to {
747
- -webkit-transform: translate(0px, 0px);
748
- transform: translate(0px, 0px);
740
+ -webkit-transform: translate3d(0px, 0px, 0px);
741
+ transform: translate3d(0px, 0px, 0px);
749
742
  }
750
743
  }
751
744
  @-webkit-keyframes slideRight {
752
745
  from {
753
- -webkit-transform: translate(0, 0);
754
- transform: translate(0, 0);
746
+ -webkit-transform: translate3d(0, 0, 0px);
747
+ transform: translate3d(0, 0, 0px);
755
748
  }
756
749
  to {
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
  }
761
754
  @keyframes slideRight {
762
755
  from {
763
- -webkit-transform: translate(0, 0);
764
- transform: translate(0, 0);
756
+ -webkit-transform: translate3d(0, 0, 0px);
757
+ transform: translate3d(0, 0, 0px);
765
758
  }
766
759
  to {
767
- -webkit-transform: translate(100%, 0px);
768
- transform: translate(100%, 0px);
760
+ -webkit-transform: translate3d(100%, 0px, 0px);
761
+ transform: translate3d(100%, 0px, 0px);
769
762
  }
770
763
  }
771
764
  @-webkit-keyframes slideRightNew {
772
765
  from {
773
- -webkit-transform: translate(-100%, 0);
774
- transform: translate(-100%, 0);
766
+ -webkit-transform: translate3d(-100%, 0, 0px);
767
+ transform: translate3d(-100%, 0, 0px);
775
768
  }
776
769
  to {
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
  }
781
774
  @keyframes slideRightNew {
782
775
  from {
783
- -webkit-transform: translate(-100%, 0);
784
- transform: translate(-100%, 0);
776
+ -webkit-transform: translate3d(-100%, 0, 0px);
777
+ transform: translate3d(-100%, 0, 0px);
785
778
  }
786
779
  to {
787
- -webkit-transform: translate(0, 0);
788
- transform: translate(0, 0);
780
+ -webkit-transform: translate3d(0, 0, 0px);
781
+ transform: translate3d(0, 0, 0px);
789
782
  }
790
783
  }
791
784
  @-webkit-keyframes fadeOut {
data/vendor/assets/stylesheets/flatpickr/themes/confetti.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/dark.css CHANGED
@@ -140,6 +140,7 @@
140
140
  height: 28px;
141
141
  line-height: 16px;
142
142
  padding: 10px calc(3.57% - 1.5px);
143
+ z-index: 3;
143
144
  }
144
145
  .flatpickr-prev-month i,
145
146
  .flatpickr-next-month i {
@@ -270,35 +271,30 @@
270
271
  top: 5px;
271
272
  display: inline-block;
272
273
  text-align: center;
273
- -webkit-transform: translate(0px, 0px);
274
- -ms-transform: translate(0px, 0px);
275
- transform: translate(0px, 0px);
274
+ -webkit-transform: translate3d(0px, 0px, 0px);
275
+ transform: translate3d(0px, 0px, 0px);
276
276
  }
277
277
  .flatpickr-current-month.slideLeft {
278
- -webkit-transform: translate(-100%, 0px);
279
- -ms-transform: translate(-100%, 0px);
280
- transform: translate(-100%, 0px);
278
+ -webkit-transform: translate3d(-100%, 0px, 0px);
279
+ transform: translate3d(-100%, 0px, 0px);
281
280
  -webkit-animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
282
281
  animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
283
282
  }
284
283
  .flatpickr-current-month.slideLeftNew {
285
- -webkit-transform: translate(100%, 0px);
286
- -ms-transform: translate(100%, 0px);
287
- transform: translate(100%, 0px);
284
+ -webkit-transform: translate3d(100%, 0px, 0px);
285
+ transform: translate3d(100%, 0px, 0px);
288
286
  -webkit-animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
289
287
  animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
290
288
  }
291
289
  .flatpickr-current-month.slideRight {
292
- -webkit-transform: translate(100%, 0px);
293
- -ms-transform: translate(100%, 0px);
294
- transform: translate(100%, 0px);
290
+ -webkit-transform: translate3d(100%, 0px, 0px);
291
+ transform: translate3d(100%, 0px, 0px);
295
292
  -webkit-animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
296
293
  animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
297
294
  }
298
295
  .flatpickr-current-month.slideRightNew {
299
- -webkit-transform: translate(0, 0);
300
- -ms-transform: translate(0, 0);
301
- transform: translate(0, 0);
296
+ -webkit-transform: translate3d(0, 0, 0px);
297
+ transform: translate3d(0, 0, 0px);
302
298
  -webkit-animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
303
299
  animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
304
300
  }
@@ -412,9 +408,8 @@ span.flatpickr-weekday {
412
408
  -ms-flex-pack: justify;
413
409
  -webkit-justify-content: space-around;
414
410
  justify-content: space-around;
415
- -webkit-transform: translate(0px, 0px);
416
- -ms-transform: translate(0px, 0px);
417
- transform: translate(0px, 0px);
411
+ -webkit-transform: translate3d(0px, 0px, 0px);
412
+ transform: translate3d(0px, 0px, 0px);
418
413
  opacity: 1;
419
414
  }
420
415
  .flatpickr-calendar.animate .dayContainer.slideLeft {
@@ -423,9 +418,8 @@ span.flatpickr-weekday {
423
418
  }
424
419
  .flatpickr-calendar.animate .dayContainer.slideLeft,
425
420
  .flatpickr-calendar.animate .dayContainer.slideLeftNew {
426
- -webkit-transform: translate(-100%, 0px);
427
- -ms-transform: translate(-100%, 0px);
428
- transform: translate(-100%, 0px);
421
+ -webkit-transform: translate3d(-100%, 0px, 0px);
422
+ transform: translate3d(-100%, 0px, 0px);
429
423
  }
430
424
  .flatpickr-calendar.animate .dayContainer.slideLeftNew {
431
425
  -webkit-animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
@@ -434,9 +428,8 @@ span.flatpickr-weekday {
434
428
  .flatpickr-calendar.animate .dayContainer.slideRight {
435
429
  -webkit-animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
436
430
  animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
437
- -webkit-transform: translate(100%, 0px);
438
- -ms-transform: translate(100%, 0px);
439
- transform: translate(100%, 0px);
431
+ -webkit-transform: translate3d(100%, 0px, 0px);
432
+ transform: translate3d(100%, 0px, 0px);
440
433
  }
441
434
  .flatpickr-calendar.animate .dayContainer.slideRightNew {
442
435
  -webkit-animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
@@ -710,82 +703,82 @@ span.flatpickr-weekday {
710
703
  }
711
704
  @-webkit-keyframes slideLeft {
712
705
  from {
713
- -webkit-transform: translate(0px, 0px);
714
- transform: translate(0px, 0px);
706
+ -webkit-transform: translate3d(0px, 0px, 0px);
707
+ transform: translate3d(0px, 0px, 0px);
715
708
  }
716
709
  to {
717
- -webkit-transform: translate(-100%, 0px);
718
- transform: translate(-100%, 0px);
710
+ -webkit-transform: translate3d(-100%, 0px, 0px);
711
+ transform: translate3d(-100%, 0px, 0px);
719
712
  }
720
713
  }
721
714
  @keyframes slideLeft {
722
715
  from {
723
- -webkit-transform: translate(0px, 0px);
724
- transform: translate(0px, 0px);
716
+ -webkit-transform: translate3d(0px, 0px, 0px);
717
+ transform: translate3d(0px, 0px, 0px);
725
718
  }
726
719
  to {
727
- -webkit-transform: translate(-100%, 0px);
728
- transform: translate(-100%, 0px);
720
+ -webkit-transform: translate3d(-100%, 0px, 0px);
721
+ transform: translate3d(-100%, 0px, 0px);
729
722
  }
730
723
  }
731
724
  @-webkit-keyframes slideLeftNew {
732
725
  from {
733
- -webkit-transform: translate(100%, 0px);
734
- transform: translate(100%, 0px);
726
+ -webkit-transform: translate3d(100%, 0px, 0px);
727
+ transform: translate3d(100%, 0px, 0px);
735
728
  }
736
729
  to {
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
  }
741
734
  @keyframes slideLeftNew {
742
735
  from {
743
- -webkit-transform: translate(100%, 0px);
744
- transform: translate(100%, 0px);
736
+ -webkit-transform: translate3d(100%, 0px, 0px);
737
+ transform: translate3d(100%, 0px, 0px);
745
738
  }
746
739
  to {
747
- -webkit-transform: translate(0px, 0px);
748
- transform: translate(0px, 0px);
740
+ -webkit-transform: translate3d(0px, 0px, 0px);
741
+ transform: translate3d(0px, 0px, 0px);
749
742
  }
750
743
  }
751
744
  @-webkit-keyframes slideRight {
752
745
  from {
753
- -webkit-transform: translate(0, 0);
754
- transform: translate(0, 0);
746
+ -webkit-transform: translate3d(0, 0, 0px);
747
+ transform: translate3d(0, 0, 0px);
755
748
  }
756
749
  to {
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
  }
761
754
  @keyframes slideRight {
762
755
  from {
763
- -webkit-transform: translate(0, 0);
764
- transform: translate(0, 0);
756
+ -webkit-transform: translate3d(0, 0, 0px);
757
+ transform: translate3d(0, 0, 0px);
765
758
  }
766
759
  to {
767
- -webkit-transform: translate(100%, 0px);
768
- transform: translate(100%, 0px);
760
+ -webkit-transform: translate3d(100%, 0px, 0px);
761
+ transform: translate3d(100%, 0px, 0px);
769
762
  }
770
763
  }
771
764
  @-webkit-keyframes slideRightNew {
772
765
  from {
773
- -webkit-transform: translate(-100%, 0);
774
- transform: translate(-100%, 0);
766
+ -webkit-transform: translate3d(-100%, 0, 0px);
767
+ transform: translate3d(-100%, 0, 0px);
775
768
  }
776
769
  to {
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
  }
781
774
  @keyframes slideRightNew {
782
775
  from {
783
- -webkit-transform: translate(-100%, 0);
784
- transform: translate(-100%, 0);
776
+ -webkit-transform: translate3d(-100%, 0, 0px);
777
+ transform: translate3d(-100%, 0, 0px);
785
778
  }
786
779
  to {
787
- -webkit-transform: translate(0, 0);
788
- transform: translate(0, 0);
780
+ -webkit-transform: translate3d(0, 0, 0px);
781
+ transform: translate3d(0, 0, 0px);
789
782
  }
790
783
  }
791
784
  @-webkit-keyframes fadeOut {