flatpickr 4.5.7.0 → 4.6.3.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (75) hide show
  1. checksums.yaml +4 -4
  2. data/flatpickr.gemspec +2 -2
  3. data/lib/flatpickr/version.rb +1 -1
  4. data/vendor/assets/javascripts/flatpickr.js +201 -95
  5. data/vendor/assets/javascripts/flatpickr/l10n/ar.js +2 -1
  6. data/vendor/assets/javascripts/flatpickr/l10n/az.js +2 -1
  7. data/vendor/assets/javascripts/flatpickr/l10n/be.js +2 -1
  8. data/vendor/assets/javascripts/flatpickr/l10n/bg.js +3 -1
  9. data/vendor/assets/javascripts/flatpickr/l10n/bs.js +66 -0
  10. data/vendor/assets/javascripts/flatpickr/l10n/cat.js +2 -1
  11. data/vendor/assets/javascripts/flatpickr/l10n/cs.js +2 -1
  12. data/vendor/assets/javascripts/flatpickr/l10n/cy.js +2 -1
  13. data/vendor/assets/javascripts/flatpickr/l10n/da.js +2 -1
  14. data/vendor/assets/javascripts/flatpickr/l10n/de.js +2 -1
  15. data/vendor/assets/javascripts/flatpickr/l10n/default.js +5 -2
  16. data/vendor/assets/javascripts/flatpickr/l10n/eo.js +2 -1
  17. data/vendor/assets/javascripts/flatpickr/l10n/es.js +2 -1
  18. data/vendor/assets/javascripts/flatpickr/l10n/et.js +2 -1
  19. data/vendor/assets/javascripts/flatpickr/l10n/fi.js +2 -1
  20. data/vendor/assets/javascripts/flatpickr/l10n/fo.js +2 -1
  21. data/vendor/assets/javascripts/flatpickr/l10n/fr.js +2 -1
  22. data/vendor/assets/javascripts/flatpickr/l10n/ga.js +66 -0
  23. data/vendor/assets/javascripts/flatpickr/l10n/he.js +2 -1
  24. data/vendor/assets/javascripts/flatpickr/l10n/hr.js +2 -1
  25. data/vendor/assets/javascripts/flatpickr/l10n/hu.js +2 -1
  26. data/vendor/assets/javascripts/flatpickr/l10n/id.js +3 -1
  27. data/vendor/assets/javascripts/flatpickr/l10n/index.js +365 -193
  28. data/vendor/assets/javascripts/flatpickr/l10n/is.js +2 -1
  29. data/vendor/assets/javascripts/flatpickr/l10n/it.js +2 -1
  30. data/vendor/assets/javascripts/flatpickr/l10n/ja.js +4 -1
  31. data/vendor/assets/javascripts/flatpickr/l10n/ka.js +75 -0
  32. data/vendor/assets/javascripts/flatpickr/l10n/km.js +2 -1
  33. data/vendor/assets/javascripts/flatpickr/l10n/ko.js +2 -1
  34. data/vendor/assets/javascripts/flatpickr/l10n/lt.js +2 -1
  35. data/vendor/assets/javascripts/flatpickr/l10n/lv.js +2 -1
  36. data/vendor/assets/javascripts/flatpickr/l10n/mk.js +2 -1
  37. data/vendor/assets/javascripts/flatpickr/l10n/mn.js +2 -1
  38. data/vendor/assets/javascripts/flatpickr/l10n/my.js +2 -1
  39. data/vendor/assets/javascripts/flatpickr/l10n/nl.js +1 -0
  40. data/vendor/assets/javascripts/flatpickr/l10n/no.js +1 -0
  41. data/vendor/assets/javascripts/flatpickr/l10n/pa.js +2 -1
  42. data/vendor/assets/javascripts/flatpickr/l10n/pl.js +3 -2
  43. data/vendor/assets/javascripts/flatpickr/l10n/pt.js +2 -1
  44. data/vendor/assets/javascripts/flatpickr/l10n/ro.js +2 -1
  45. data/vendor/assets/javascripts/flatpickr/l10n/ru.js +2 -1
  46. data/vendor/assets/javascripts/flatpickr/l10n/si.js +2 -1
  47. data/vendor/assets/javascripts/flatpickr/l10n/sk.js +1 -0
  48. data/vendor/assets/javascripts/flatpickr/l10n/sl.js +1 -0
  49. data/vendor/assets/javascripts/flatpickr/l10n/sq.js +2 -1
  50. data/vendor/assets/javascripts/flatpickr/l10n/sr.js +2 -1
  51. data/vendor/assets/javascripts/flatpickr/l10n/sv.js +1 -0
  52. data/vendor/assets/javascripts/flatpickr/l10n/th.js +1 -0
  53. data/vendor/assets/javascripts/flatpickr/l10n/tr.js +2 -1
  54. data/vendor/assets/javascripts/flatpickr/l10n/uk.js +2 -1
  55. data/vendor/assets/javascripts/flatpickr/l10n/vn.js +2 -1
  56. data/vendor/assets/javascripts/flatpickr/plugins/confirmDate/confirmDate.js +15 -5
  57. data/vendor/assets/javascripts/flatpickr/plugins/labelPlugin/labelPlugin.js +1 -0
  58. data/vendor/assets/javascripts/flatpickr/plugins/minMaxTimePlugin.js +6 -1
  59. data/vendor/assets/javascripts/flatpickr/plugins/monthSelect/index.js +203 -0
  60. data/vendor/assets/javascripts/flatpickr/plugins/rangePlugin.js +11 -7
  61. data/vendor/assets/javascripts/flatpickr/plugins/scrollPlugin.js +1 -0
  62. data/vendor/assets/javascripts/flatpickr/plugins/weekSelect/weekSelect.js +9 -3
  63. data/vendor/assets/stylesheets/flatpickr.css +46 -14
  64. data/vendor/assets/stylesheets/flatpickr/plugins/monthSelect/style.css +79 -0
  65. data/vendor/assets/stylesheets/flatpickr/themes/airbnb.css +56 -14
  66. data/vendor/assets/stylesheets/flatpickr/themes/confetti.css +46 -14
  67. data/vendor/assets/stylesheets/flatpickr/themes/dark.css +48 -16
  68. data/vendor/assets/stylesheets/flatpickr/themes/light.css +46 -14
  69. data/vendor/assets/stylesheets/flatpickr/themes/material_blue.css +46 -14
  70. data/vendor/assets/stylesheets/flatpickr/themes/material_green.css +46 -14
  71. data/vendor/assets/stylesheets/flatpickr/themes/material_orange.css +46 -14
  72. data/vendor/assets/stylesheets/flatpickr/themes/material_red.css +46 -14
  73. metadata +12 -9
  74. data/vendor/assets/javascripts/flatpickr/plugins/monthSelect/monthSelect.js +0 -77
  75. data/vendor/assets/stylesheets/flatpickr/plugins/monthSelect/monthSelect.css +0 -10
@@ -134,7 +134,7 @@
134
134
  background: transparent;
135
135
  color: #3c3f40;
136
136
  fill: #3c3f40;
137
- height: 28px;
137
+ height: 34px;
138
138
  line-height: 1;
139
139
  text-align: center;
140
140
  position: relative;
@@ -153,16 +153,15 @@
153
153
  text-decoration: none;
154
154
  cursor: pointer;
155
155
  position: absolute;
156
- top: 0px;
157
- line-height: 16px;
158
- height: 28px;
156
+ top: 0;
157
+ height: 34px;
159
158
  padding: 10px;
160
159
  z-index: 3;
161
160
  color: #3c3f40;
162
161
  fill: #3c3f40;
163
162
  }
164
- .flatpickr-months .flatpickr-prev-month.disabled,
165
- .flatpickr-months .flatpickr-next-month.disabled {
163
+ .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
164
+ .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
166
165
  display: none;
167
166
  }
168
167
  .flatpickr-months .flatpickr-prev-month i,
@@ -303,9 +302,9 @@
303
302
  position: absolute;
304
303
  width: 75%;
305
304
  left: 12.5%;
306
- padding: 6.16px 0 0 0;
305
+ padding: 7.48px 0 0 0;
307
306
  line-height: 1;
308
- height: 28px;
307
+ height: 34px;
309
308
  display: inline-block;
310
309
  text-align: center;
311
310
  -webkit-transform: translate3d(0px, 0px, 0px);
@@ -364,6 +363,41 @@
364
363
  background: transparent;
365
364
  pointer-events: none;
366
365
  }
366
+ .flatpickr-current-month .flatpickr-monthDropdown-months {
367
+ appearance: menulist;
368
+ background: transparent;
369
+ border: none;
370
+ border-radius: 0;
371
+ box-sizing: border-box;
372
+ color: inherit;
373
+ cursor: pointer;
374
+ font-size: inherit;
375
+ font-family: inherit;
376
+ font-weight: 300;
377
+ height: auto;
378
+ line-height: inherit;
379
+ margin: -1px 0 0 0;
380
+ outline: none;
381
+ padding: 0 0 0 0.5ch;
382
+ position: relative;
383
+ vertical-align: initial;
384
+ -webkit-box-sizing: border-box;
385
+ -webkit-appearance: menulist;
386
+ -moz-appearance: menulist;
387
+ width: auto;
388
+ }
389
+ .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
390
+ .flatpickr-current-month .flatpickr-monthDropdown-months:active {
391
+ outline: none;
392
+ }
393
+ .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
394
+ background: rgba(0,0,0,0.05);
395
+ }
396
+ .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
397
+ background-color: transparent;
398
+ outline: none;
399
+ padding: 0;
400
+ }
367
401
  .flatpickr-weekdays {
368
402
  background: transparent;
369
403
  text-align: center;
@@ -553,8 +587,8 @@ span.flatpickr-weekday {
553
587
  -webkit-box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;
554
588
  box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;
555
589
  }
556
- .flatpickr-day.disabled,
557
- .flatpickr-day.disabled:hover,
590
+ .flatpickr-day.flatpickr-disabled,
591
+ .flatpickr-day.flatpickr-disabled:hover,
558
592
  .flatpickr-day.prevMonthDay,
559
593
  .flatpickr-day.nextMonthDay,
560
594
  .flatpickr-day.notAllowed,
@@ -565,8 +599,8 @@ span.flatpickr-weekday {
565
599
  border-color: #e9e9e9;
566
600
  cursor: default;
567
601
  }
568
- .flatpickr-day.disabled,
569
- .flatpickr-day.disabled:hover {
602
+ .flatpickr-day.flatpickr-disabled,
603
+ .flatpickr-day.flatpickr-disabled:hover {
570
604
  cursor: not-allowed;
571
605
  color: rgba(64,72,72,0.1);
572
606
  }
@@ -582,7 +616,6 @@ span.flatpickr-weekday {
582
616
  margin-top: 1px;
583
617
  }
584
618
  .flatpickr-weekwrapper {
585
- display: inline-block;
586
619
  float: left;
587
620
  }
588
621
  .flatpickr-weekwrapper .flatpickr-weeks {
@@ -696,7 +729,6 @@ span.flatpickr-weekday {
696
729
  .flatpickr-time .flatpickr-time-separator,
697
730
  .flatpickr-time .flatpickr-am-pm {
698
731
  height: inherit;
699
- display: inline-block;
700
732
  float: left;
701
733
  line-height: inherit;
702
734
  color: #404848;
@@ -828,3 +860,13 @@ span.flatpickr-day.nextMonthDay.selected {
828
860
  .hasWeeks .flatpickr-days {
829
861
  border-right: 0;
830
862
  }
863
+
864
+ @media screen and (min-width:0\0) and (min-resolution: +72dpi) {
865
+ span.flatpickr-day {
866
+ display: block;
867
+ -webkit-box-flex: 1;
868
+ -webkit-flex: 1 0 auto;
869
+ -ms-flex: 1 0 auto;
870
+ flex: 1 0 auto;
871
+ }
872
+ }
@@ -140,7 +140,7 @@
140
140
  background: #ffb866;
141
141
  color: #fff;
142
142
  fill: #fff;
143
- height: 28px;
143
+ height: 34px;
144
144
  line-height: 1;
145
145
  text-align: center;
146
146
  position: relative;
@@ -159,16 +159,15 @@
159
159
  text-decoration: none;
160
160
  cursor: pointer;
161
161
  position: absolute;
162
- top: 0px;
163
- line-height: 16px;
164
- height: 28px;
162
+ top: 0;
163
+ height: 34px;
165
164
  padding: 10px;
166
165
  z-index: 3;
167
166
  color: #fff;
168
167
  fill: #fff;
169
168
  }
170
- .flatpickr-months .flatpickr-prev-month.disabled,
171
- .flatpickr-months .flatpickr-next-month.disabled {
169
+ .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
170
+ .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
172
171
  display: none;
173
172
  }
174
173
  .flatpickr-months .flatpickr-prev-month i,
@@ -309,9 +308,9 @@
309
308
  position: absolute;
310
309
  width: 75%;
311
310
  left: 12.5%;
312
- padding: 6.16px 0 0 0;
311
+ padding: 7.48px 0 0 0;
313
312
  line-height: 1;
314
- height: 28px;
313
+ height: 34px;
315
314
  display: inline-block;
316
315
  text-align: center;
317
316
  -webkit-transform: translate3d(0px, 0px, 0px);
@@ -370,6 +369,41 @@
370
369
  background: transparent;
371
370
  pointer-events: none;
372
371
  }
372
+ .flatpickr-current-month .flatpickr-monthDropdown-months {
373
+ appearance: menulist;
374
+ background: #ffb866;
375
+ border: none;
376
+ border-radius: 0;
377
+ box-sizing: border-box;
378
+ color: inherit;
379
+ cursor: pointer;
380
+ font-size: inherit;
381
+ font-family: inherit;
382
+ font-weight: 300;
383
+ height: auto;
384
+ line-height: inherit;
385
+ margin: -1px 0 0 0;
386
+ outline: none;
387
+ padding: 0 0 0 0.5ch;
388
+ position: relative;
389
+ vertical-align: initial;
390
+ -webkit-box-sizing: border-box;
391
+ -webkit-appearance: menulist;
392
+ -moz-appearance: menulist;
393
+ width: auto;
394
+ }
395
+ .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
396
+ .flatpickr-current-month .flatpickr-monthDropdown-months:active {
397
+ outline: none;
398
+ }
399
+ .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
400
+ background: rgba(0,0,0,0.05);
401
+ }
402
+ .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
403
+ background-color: #ffb866;
404
+ outline: none;
405
+ padding: 0;
406
+ }
373
407
  .flatpickr-weekdays {
374
408
  background: #ffb866;
375
409
  text-align: center;
@@ -561,8 +595,8 @@ span.flatpickr-weekday {
561
595
  -webkit-box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
562
596
  box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
563
597
  }
564
- .flatpickr-day.disabled,
565
- .flatpickr-day.disabled:hover,
598
+ .flatpickr-day.flatpickr-disabled,
599
+ .flatpickr-day.flatpickr-disabled:hover,
566
600
  .flatpickr-day.prevMonthDay,
567
601
  .flatpickr-day.nextMonthDay,
568
602
  .flatpickr-day.notAllowed,
@@ -573,8 +607,8 @@ span.flatpickr-weekday {
573
607
  border-color: transparent;
574
608
  cursor: default;
575
609
  }
576
- .flatpickr-day.disabled,
577
- .flatpickr-day.disabled:hover {
610
+ .flatpickr-day.flatpickr-disabled,
611
+ .flatpickr-day.flatpickr-disabled:hover {
578
612
  cursor: not-allowed;
579
613
  color: rgba(72,72,72,0.1);
580
614
  }
@@ -590,7 +624,6 @@ span.flatpickr-weekday {
590
624
  margin-top: 1px;
591
625
  }
592
626
  .flatpickr-weekwrapper {
593
- display: inline-block;
594
627
  float: left;
595
628
  }
596
629
  .flatpickr-weekwrapper .flatpickr-weeks {
@@ -707,7 +740,6 @@ span.flatpickr-weekday {
707
740
  .flatpickr-time .flatpickr-time-separator,
708
741
  .flatpickr-time .flatpickr-am-pm {
709
742
  height: inherit;
710
- display: inline-block;
711
743
  float: left;
712
744
  line-height: inherit;
713
745
  color: #484848;
@@ -131,10 +131,10 @@
131
131
  display: flex;
132
132
  }
133
133
  .flatpickr-months .flatpickr-month {
134
- background: transparent;
134
+ background: #3f4458;
135
135
  color: #fff;
136
136
  fill: #fff;
137
- height: 28px;
137
+ height: 34px;
138
138
  line-height: 1;
139
139
  text-align: center;
140
140
  position: relative;
@@ -153,16 +153,15 @@
153
153
  text-decoration: none;
154
154
  cursor: pointer;
155
155
  position: absolute;
156
- top: 0px;
157
- line-height: 16px;
158
- height: 28px;
156
+ top: 0;
157
+ height: 34px;
159
158
  padding: 10px;
160
159
  z-index: 3;
161
160
  color: #fff;
162
161
  fill: #fff;
163
162
  }
164
- .flatpickr-months .flatpickr-prev-month.disabled,
165
- .flatpickr-months .flatpickr-next-month.disabled {
163
+ .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
164
+ .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
166
165
  display: none;
167
166
  }
168
167
  .flatpickr-months .flatpickr-prev-month i,
@@ -303,9 +302,9 @@
303
302
  position: absolute;
304
303
  width: 75%;
305
304
  left: 12.5%;
306
- padding: 6.16px 0 0 0;
305
+ padding: 7.48px 0 0 0;
307
306
  line-height: 1;
308
- height: 28px;
307
+ height: 34px;
309
308
  display: inline-block;
310
309
  text-align: center;
311
310
  -webkit-transform: translate3d(0px, 0px, 0px);
@@ -364,6 +363,41 @@
364
363
  background: transparent;
365
364
  pointer-events: none;
366
365
  }
366
+ .flatpickr-current-month .flatpickr-monthDropdown-months {
367
+ appearance: menulist;
368
+ background: #3f4458;
369
+ border: none;
370
+ border-radius: 0;
371
+ box-sizing: border-box;
372
+ color: inherit;
373
+ cursor: pointer;
374
+ font-size: inherit;
375
+ font-family: inherit;
376
+ font-weight: 300;
377
+ height: auto;
378
+ line-height: inherit;
379
+ margin: -1px 0 0 0;
380
+ outline: none;
381
+ padding: 0 0 0 0.5ch;
382
+ position: relative;
383
+ vertical-align: initial;
384
+ -webkit-box-sizing: border-box;
385
+ -webkit-appearance: menulist;
386
+ -moz-appearance: menulist;
387
+ width: auto;
388
+ }
389
+ .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
390
+ .flatpickr-current-month .flatpickr-monthDropdown-months:active {
391
+ outline: none;
392
+ }
393
+ .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
394
+ background: rgba(192,187,167,0.05);
395
+ }
396
+ .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
397
+ background-color: #3f4458;
398
+ outline: none;
399
+ padding: 0;
400
+ }
367
401
  .flatpickr-weekdays {
368
402
  background: transparent;
369
403
  text-align: center;
@@ -392,7 +426,7 @@
392
426
  span.flatpickr-weekday {
393
427
  cursor: default;
394
428
  font-size: 90%;
395
- background: transparent;
429
+ background: #3f4458;
396
430
  color: #fff;
397
431
  line-height: 1;
398
432
  margin: 0;
@@ -553,8 +587,8 @@ span.flatpickr-weekday {
553
587
  -webkit-box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
554
588
  box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
555
589
  }
556
- .flatpickr-day.disabled,
557
- .flatpickr-day.disabled:hover,
590
+ .flatpickr-day.flatpickr-disabled,
591
+ .flatpickr-day.flatpickr-disabled:hover,
558
592
  .flatpickr-day.prevMonthDay,
559
593
  .flatpickr-day.nextMonthDay,
560
594
  .flatpickr-day.notAllowed,
@@ -565,8 +599,8 @@ span.flatpickr-weekday {
565
599
  border-color: transparent;
566
600
  cursor: default;
567
601
  }
568
- .flatpickr-day.disabled,
569
- .flatpickr-day.disabled:hover {
602
+ .flatpickr-day.flatpickr-disabled,
603
+ .flatpickr-day.flatpickr-disabled:hover {
570
604
  cursor: not-allowed;
571
605
  color: rgba(255,255,255,0.1);
572
606
  }
@@ -582,7 +616,6 @@ span.flatpickr-weekday {
582
616
  margin-top: 1px;
583
617
  }
584
618
  .flatpickr-weekwrapper {
585
- display: inline-block;
586
619
  float: left;
587
620
  }
588
621
  .flatpickr-weekwrapper .flatpickr-weeks {
@@ -696,7 +729,6 @@ span.flatpickr-weekday {
696
729
  .flatpickr-time .flatpickr-time-separator,
697
730
  .flatpickr-time .flatpickr-am-pm {
698
731
  height: inherit;
699
- display: inline-block;
700
732
  float: left;
701
733
  line-height: inherit;
702
734
  color: rgba(255,255,255,0.95);
@@ -140,7 +140,7 @@
140
140
  background: #eceef1;
141
141
  color: #5a6171;
142
142
  fill: #5a6171;
143
- height: 28px;
143
+ height: 34px;
144
144
  line-height: 1;
145
145
  text-align: center;
146
146
  position: relative;
@@ -159,16 +159,15 @@
159
159
  text-decoration: none;
160
160
  cursor: pointer;
161
161
  position: absolute;
162
- top: 0px;
163
- line-height: 16px;
164
- height: 28px;
162
+ top: 0;
163
+ height: 34px;
165
164
  padding: 10px;
166
165
  z-index: 3;
167
166
  color: #5a6171;
168
167
  fill: #5a6171;
169
168
  }
170
- .flatpickr-months .flatpickr-prev-month.disabled,
171
- .flatpickr-months .flatpickr-next-month.disabled {
169
+ .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
170
+ .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
172
171
  display: none;
173
172
  }
174
173
  .flatpickr-months .flatpickr-prev-month i,
@@ -309,9 +308,9 @@
309
308
  position: absolute;
310
309
  width: 75%;
311
310
  left: 12.5%;
312
- padding: 6.16px 0 0 0;
311
+ padding: 7.48px 0 0 0;
313
312
  line-height: 1;
314
- height: 28px;
313
+ height: 34px;
315
314
  display: inline-block;
316
315
  text-align: center;
317
316
  -webkit-transform: translate3d(0px, 0px, 0px);
@@ -370,6 +369,41 @@
370
369
  background: transparent;
371
370
  pointer-events: none;
372
371
  }
372
+ .flatpickr-current-month .flatpickr-monthDropdown-months {
373
+ appearance: menulist;
374
+ background: #eceef1;
375
+ border: none;
376
+ border-radius: 0;
377
+ box-sizing: border-box;
378
+ color: inherit;
379
+ cursor: pointer;
380
+ font-size: inherit;
381
+ font-family: inherit;
382
+ font-weight: 300;
383
+ height: auto;
384
+ line-height: inherit;
385
+ margin: -1px 0 0 0;
386
+ outline: none;
387
+ padding: 0 0 0 0.5ch;
388
+ position: relative;
389
+ vertical-align: initial;
390
+ -webkit-box-sizing: border-box;
391
+ -webkit-appearance: menulist;
392
+ -moz-appearance: menulist;
393
+ width: auto;
394
+ }
395
+ .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
396
+ .flatpickr-current-month .flatpickr-monthDropdown-months:active {
397
+ outline: none;
398
+ }
399
+ .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
400
+ background: rgba(0,0,0,0.05);
401
+ }
402
+ .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
403
+ background-color: #eceef1;
404
+ outline: none;
405
+ padding: 0;
406
+ }
373
407
  .flatpickr-weekdays {
374
408
  background: #eceef1;
375
409
  text-align: center;
@@ -561,8 +595,8 @@ span.flatpickr-weekday {
561
595
  -webkit-box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
562
596
  box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
563
597
  }
564
- .flatpickr-day.disabled,
565
- .flatpickr-day.disabled:hover,
598
+ .flatpickr-day.flatpickr-disabled,
599
+ .flatpickr-day.flatpickr-disabled:hover,
566
600
  .flatpickr-day.prevMonthDay,
567
601
  .flatpickr-day.nextMonthDay,
568
602
  .flatpickr-day.notAllowed,
@@ -573,8 +607,8 @@ span.flatpickr-weekday {
573
607
  border-color: transparent;
574
608
  cursor: default;
575
609
  }
576
- .flatpickr-day.disabled,
577
- .flatpickr-day.disabled:hover {
610
+ .flatpickr-day.flatpickr-disabled,
611
+ .flatpickr-day.flatpickr-disabled:hover {
578
612
  cursor: not-allowed;
579
613
  color: rgba(72,72,72,0.1);
580
614
  }
@@ -590,7 +624,6 @@ span.flatpickr-weekday {
590
624
  margin-top: 1px;
591
625
  }
592
626
  .flatpickr-weekwrapper {
593
- display: inline-block;
594
627
  float: left;
595
628
  }
596
629
  .flatpickr-weekwrapper .flatpickr-weeks {
@@ -707,7 +740,6 @@ span.flatpickr-weekday {
707
740
  .flatpickr-time .flatpickr-time-separator,
708
741
  .flatpickr-time .flatpickr-am-pm {
709
742
  height: inherit;
710
- display: inline-block;
711
743
  float: left;
712
744
  line-height: inherit;
713
745
  color: #484848;