flatpickr 2.4.9.0 → 2.5.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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 {