flatpickr 4.5.2.0 → 4.6.6.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 (92) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +2 -1
  3. data/LICENSE.txt +1 -1
  4. data/README.md +12 -14
  5. data/Rakefile +14 -15
  6. data/flatpickr.gemspec +3 -3
  7. data/lib/flatpickr/version.rb +1 -1
  8. data/vendor/assets/javascripts/flatpickr.js +1193 -750
  9. data/vendor/assets/javascripts/flatpickr/l10n/ar.js +45 -45
  10. data/vendor/assets/javascripts/flatpickr/l10n/at.js +62 -63
  11. data/vendor/assets/javascripts/flatpickr/l10n/az.js +74 -0
  12. data/vendor/assets/javascripts/flatpickr/l10n/be.js +68 -68
  13. data/vendor/assets/javascripts/flatpickr/l10n/bg.js +59 -58
  14. data/vendor/assets/javascripts/flatpickr/l10n/bn.js +57 -58
  15. data/vendor/assets/javascripts/flatpickr/l10n/bs.js +66 -0
  16. data/vendor/assets/javascripts/flatpickr/l10n/cat.js +76 -76
  17. data/vendor/assets/javascripts/flatpickr/l10n/cs.js +68 -68
  18. data/vendor/assets/javascripts/flatpickr/l10n/cy.js +86 -85
  19. data/vendor/assets/javascripts/flatpickr/l10n/da.js +64 -64
  20. data/vendor/assets/javascripts/flatpickr/l10n/de.js +63 -63
  21. data/vendor/assets/javascripts/flatpickr/l10n/default.js +77 -74
  22. data/vendor/assets/javascripts/flatpickr/l10n/eo.js +66 -66
  23. data/vendor/assets/javascripts/flatpickr/l10n/es.js +63 -63
  24. data/vendor/assets/javascripts/flatpickr/l10n/et.js +66 -66
  25. data/vendor/assets/javascripts/flatpickr/l10n/fa.js +61 -62
  26. data/vendor/assets/javascripts/flatpickr/l10n/fi.js +62 -62
  27. data/vendor/assets/javascripts/flatpickr/l10n/fo.js +74 -0
  28. data/vendor/assets/javascripts/flatpickr/l10n/fr.js +68 -68
  29. data/vendor/assets/javascripts/flatpickr/l10n/ga.js +66 -0
  30. data/vendor/assets/javascripts/flatpickr/l10n/gr.js +66 -67
  31. data/vendor/assets/javascripts/flatpickr/l10n/he.js +51 -50
  32. data/vendor/assets/javascripts/flatpickr/l10n/hi.js +57 -58
  33. data/vendor/assets/javascripts/flatpickr/l10n/hr.js +59 -59
  34. data/vendor/assets/javascripts/flatpickr/l10n/hu.js +66 -65
  35. data/vendor/assets/javascripts/flatpickr/l10n/id.js +55 -54
  36. data/vendor/assets/javascripts/flatpickr/l10n/index.js +807 -235
  37. data/vendor/assets/javascripts/flatpickr/l10n/is.js +72 -0
  38. data/vendor/assets/javascripts/flatpickr/l10n/it.js +64 -64
  39. data/vendor/assets/javascripts/flatpickr/l10n/ja.js +60 -58
  40. data/vendor/assets/javascripts/flatpickr/l10n/ka.js +75 -0
  41. data/vendor/assets/javascripts/flatpickr/l10n/km.js +67 -67
  42. data/vendor/assets/javascripts/flatpickr/l10n/ko.js +61 -61
  43. data/vendor/assets/javascripts/flatpickr/l10n/kz.js +67 -68
  44. data/vendor/assets/javascripts/flatpickr/l10n/lt.js +66 -65
  45. data/vendor/assets/javascripts/flatpickr/l10n/lv.js +60 -60
  46. data/vendor/assets/javascripts/flatpickr/l10n/mk.js +61 -61
  47. data/vendor/assets/javascripts/flatpickr/l10n/mn.js +52 -52
  48. data/vendor/assets/javascripts/flatpickr/l10n/ms.js +60 -61
  49. data/vendor/assets/javascripts/flatpickr/l10n/my.js +62 -62
  50. data/vendor/assets/javascripts/flatpickr/l10n/nl.js +68 -68
  51. data/vendor/assets/javascripts/flatpickr/l10n/no.js +66 -66
  52. data/vendor/assets/javascripts/flatpickr/l10n/pa.js +58 -58
  53. data/vendor/assets/javascripts/flatpickr/l10n/pl.js +66 -66
  54. data/vendor/assets/javascripts/flatpickr/l10n/pt.js +59 -59
  55. data/vendor/assets/javascripts/flatpickr/l10n/ro.js +62 -62
  56. data/vendor/assets/javascripts/flatpickr/l10n/ru.js +68 -68
  57. data/vendor/assets/javascripts/flatpickr/l10n/si.js +58 -58
  58. data/vendor/assets/javascripts/flatpickr/l10n/sk.js +63 -63
  59. data/vendor/assets/javascripts/flatpickr/l10n/sl.js +63 -63
  60. data/vendor/assets/javascripts/flatpickr/l10n/sq.js +58 -58
  61. data/vendor/assets/javascripts/flatpickr/l10n/sr-cyr.js +67 -0
  62. data/vendor/assets/javascripts/flatpickr/l10n/sr.js +61 -61
  63. data/vendor/assets/javascripts/flatpickr/l10n/sv.js +63 -63
  64. data/vendor/assets/javascripts/flatpickr/l10n/th.js +65 -65
  65. data/vendor/assets/javascripts/flatpickr/l10n/tr.js +67 -67
  66. data/vendor/assets/javascripts/flatpickr/l10n/uk.js +59 -59
  67. data/vendor/assets/javascripts/flatpickr/l10n/uz.js +75 -0
  68. data/vendor/assets/javascripts/flatpickr/l10n/uz_latn.js +75 -0
  69. data/vendor/assets/javascripts/flatpickr/l10n/vn.js +59 -59
  70. data/vendor/assets/javascripts/flatpickr/l10n/zh-tw.js +68 -0
  71. data/vendor/assets/javascripts/flatpickr/l10n/zh.js +61 -62
  72. data/vendor/assets/javascripts/flatpickr/plugins/confirmDate/confirmDate.js +65 -14
  73. data/vendor/assets/javascripts/flatpickr/plugins/labelPlugin/labelPlugin.js +25 -25
  74. data/vendor/assets/javascripts/flatpickr/plugins/minMaxTimePlugin.js +321 -270
  75. data/vendor/assets/javascripts/flatpickr/plugins/momentPlugin.js +69 -0
  76. data/vendor/assets/javascripts/flatpickr/plugins/monthSelect/index.js +233 -0
  77. data/vendor/assets/javascripts/flatpickr/plugins/rangePlugin.js +61 -30
  78. data/vendor/assets/javascripts/flatpickr/plugins/scrollPlugin.js +79 -44
  79. data/vendor/assets/javascripts/flatpickr/plugins/weekSelect/weekSelect.js +93 -74
  80. data/vendor/assets/stylesheets/flatpickr.css +67 -17
  81. data/vendor/assets/stylesheets/flatpickr/plugins/monthSelect/style.css +79 -0
  82. data/vendor/assets/stylesheets/flatpickr/themes/airbnb.css +77 -17
  83. data/vendor/assets/stylesheets/flatpickr/themes/confetti.css +69 -19
  84. data/vendor/assets/stylesheets/flatpickr/themes/dark.css +69 -19
  85. data/vendor/assets/stylesheets/flatpickr/themes/light.css +69 -19
  86. data/vendor/assets/stylesheets/flatpickr/themes/material_blue.css +69 -19
  87. data/vendor/assets/stylesheets/flatpickr/themes/material_green.css +69 -19
  88. data/vendor/assets/stylesheets/flatpickr/themes/material_orange.css +69 -19
  89. data/vendor/assets/stylesheets/flatpickr/themes/material_red.css +69 -19
  90. metadata +21 -11
  91. data/vendor/assets/javascripts/flatpickr/plugins/monthSelect/monthSelect.js +0 -77
  92. data/vendor/assets/stylesheets/flatpickr/plugins/monthSelect/monthSelect.css +0 -10
@@ -1,50 +1,85 @@
1
- /* flatpickr v4.5.2, @license MIT */
2
1
  (function (global, factory) {
3
- typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
4
- typeof define === 'function' && define.amd ? define(factory) :
5
- (global.scrollPlugin = factory());
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
3
+ typeof define === 'function' && define.amd ? define(factory) :
4
+ (global = global || self, global.scrollPlugin = factory());
6
5
  }(this, (function () { 'use strict';
7
6
 
8
- function delta(e) {
9
- return Math.max(-1, Math.min(1, e.wheelDelta || -e.deltaY));
10
- }
11
- const scroll = (e) => {
12
- e.preventDefault();
13
- const ev = new CustomEvent("increment", {
14
- bubbles: true,
15
- });
16
- ev.delta = delta(e);
17
- e.target.dispatchEvent(ev);
18
- };
19
- function scrollMonth(fp) {
20
- return (e) => {
21
- e.preventDefault();
22
- const mDelta = delta(e);
23
- fp.changeMonth(mDelta);
24
- };
25
- }
26
- function scrollPlugin() {
27
- return function (fp) {
28
- const monthScroller = scrollMonth(fp);
29
- return {
30
- onReady() {
31
- if (fp.timeContainer) {
32
- fp.timeContainer.addEventListener("wheel", scroll);
33
- }
34
- fp.yearElements.forEach(yearElem => yearElem.addEventListener("wheel", scroll));
35
- fp.monthElements.forEach(monthElem => monthElem.addEventListener("wheel", monthScroller));
36
- },
37
- onDestroy() {
38
- if (fp.timeContainer) {
39
- fp.timeContainer.removeEventListener("wheel", scroll);
40
- }
41
- fp.yearElements.forEach(yearElem => yearElem.removeEventListener("wheel", scroll));
42
- fp.monthElements.forEach(monthElem => monthElem.removeEventListener("wheel", monthScroller));
43
- },
44
- };
45
- };
46
- }
7
+ function getEventTarget(event) {
8
+ try {
9
+ if (typeof event.composedPath === "function") {
10
+ var path = event.composedPath();
11
+ return path[0];
12
+ }
13
+ return event.target;
14
+ }
15
+ catch (error) {
16
+ return event.target;
17
+ }
18
+ }
47
19
 
48
- return scrollPlugin;
20
+ if (typeof window.CustomEvent !== "function") {
21
+ function CustomEvent(typeArg, eventInitDict) {
22
+ eventInitDict = eventInitDict || {
23
+ bubbles: false,
24
+ cancelable: false,
25
+ detail: undefined,
26
+ };
27
+ var evt = document.createEvent("CustomEvent");
28
+ evt.initCustomEvent(typeArg, eventInitDict.bubbles, eventInitDict.cancelable, eventInitDict.detail);
29
+ return evt;
30
+ }
31
+ CustomEvent.prototype = window.Event.prototype;
32
+ window.CustomEvent = CustomEvent;
33
+ }
34
+ function delta(e) {
35
+ return Math.max(-1, Math.min(1, e.wheelDelta || -e.deltaY));
36
+ }
37
+ var scroll = function (e) {
38
+ e.preventDefault();
39
+ var ev = new CustomEvent("increment", {
40
+ bubbles: true,
41
+ });
42
+ ev.delta = delta(e);
43
+ getEventTarget(e).dispatchEvent(ev);
44
+ };
45
+ function scrollMonth(fp) {
46
+ return function (e) {
47
+ e.preventDefault();
48
+ var mDelta = delta(e);
49
+ fp.changeMonth(mDelta);
50
+ };
51
+ }
52
+ function scrollPlugin() {
53
+ return function (fp) {
54
+ var monthScroller = scrollMonth(fp);
55
+ return {
56
+ onReady: function () {
57
+ if (fp.timeContainer) {
58
+ fp.timeContainer.addEventListener("wheel", scroll);
59
+ }
60
+ fp.yearElements.forEach(function (yearElem) {
61
+ return yearElem.addEventListener("wheel", scroll);
62
+ });
63
+ fp.monthElements.forEach(function (monthElem) {
64
+ return monthElem.addEventListener("wheel", monthScroller);
65
+ });
66
+ fp.loadedPlugins.push("scroll");
67
+ },
68
+ onDestroy: function () {
69
+ if (fp.timeContainer) {
70
+ fp.timeContainer.removeEventListener("wheel", scroll);
71
+ }
72
+ fp.yearElements.forEach(function (yearElem) {
73
+ return yearElem.removeEventListener("wheel", scroll);
74
+ });
75
+ fp.monthElements.forEach(function (monthElem) {
76
+ return monthElem.removeEventListener("wheel", monthScroller);
77
+ });
78
+ },
79
+ };
80
+ };
81
+ }
82
+
83
+ return scrollPlugin;
49
84
 
50
85
  })));
@@ -1,80 +1,99 @@
1
- /* flatpickr v4.5.2, @license MIT */
2
1
  (function (global, factory) {
3
- typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
4
- typeof define === 'function' && define.amd ? define(factory) :
5
- (global.weekSelect = factory());
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
3
+ typeof define === 'function' && define.amd ? define(factory) :
4
+ (global = global || self, global.weekSelect = factory());
6
5
  }(this, (function () { 'use strict';
7
6
 
8
- function weekSelectPlugin() {
9
- return function (fp) {
10
- function onDayHover(event) {
11
- const day = event.target;
12
- if (!day.classList.contains("flatpickr-day"))
13
- return;
14
- const days = fp.days.childNodes;
15
- const dayIndex = day.$i;
16
- const dayIndSeven = dayIndex / 7;
17
- const weekStartDay = days[7 * Math.floor(dayIndSeven)]
18
- .dateObj;
19
- const weekEndDay = days[7 * Math.ceil(dayIndSeven + 0.01) - 1].dateObj;
20
- for (let i = days.length; i--;) {
21
- const day = days[i];
22
- const date = day.dateObj;
23
- if (date > weekEndDay || date < weekStartDay)
24
- day.classList.remove("inRange");
25
- else
26
- day.classList.add("inRange");
27
- }
28
- }
29
- function highlightWeek() {
30
- const selDate = fp.latestSelectedDateObj;
31
- if (selDate !== undefined &&
32
- selDate.getMonth() === fp.currentMonth &&
33
- selDate.getFullYear() === fp.currentYear) {
34
- fp.weekStartDay = fp.days.childNodes[7 * Math.floor(fp.selectedDateElem.$i / 7)].dateObj;
35
- fp.weekEndDay = fp.days.childNodes[7 * Math.ceil(fp.selectedDateElem.$i / 7 + 0.01) - 1].dateObj;
36
- }
37
- const days = fp.days.childNodes;
38
- for (let i = days.length; i--;) {
39
- const date = days[i].dateObj;
40
- if (date >= fp.weekStartDay && date <= fp.weekEndDay)
41
- days[i].classList.add("week", "selected");
42
- }
43
- }
44
- function clearHover() {
45
- const days = fp.days.childNodes;
46
- for (let i = days.length; i--;)
47
- days[i].classList.remove("inRange");
48
- }
49
- function onReady() {
50
- if (fp.daysContainer !== undefined)
51
- fp.daysContainer.addEventListener("mouseover", onDayHover);
52
- }
53
- function onDestroy() {
54
- if (fp.daysContainer !== undefined)
55
- fp.daysContainer.removeEventListener("mouseover", onDayHover);
56
- }
57
- return {
58
- onValueUpdate: highlightWeek,
59
- onMonthChange: highlightWeek,
60
- onYearChange: highlightWeek,
61
- onClose: clearHover,
62
- onParseConfig: function () {
63
- fp.config.mode = "single";
64
- fp.config.enableTime = false;
65
- fp.config.dateFormat = fp.config.dateFormat
66
- ? fp.config.dateFormat
67
- : "\\W\\e\\e\\k #W, Y";
68
- fp.config.altFormat = fp.config.altFormat
69
- ? fp.config.altFormat
70
- : "\\W\\e\\e\\k #W, Y";
71
- },
72
- onReady: [onReady, highlightWeek],
73
- onDestroy,
74
- };
75
- };
76
- }
7
+ function getEventTarget(event) {
8
+ try {
9
+ if (typeof event.composedPath === "function") {
10
+ var path = event.composedPath();
11
+ return path[0];
12
+ }
13
+ return event.target;
14
+ }
15
+ catch (error) {
16
+ return event.target;
17
+ }
18
+ }
77
19
 
78
- return weekSelectPlugin;
20
+ function weekSelectPlugin() {
21
+ return function (fp) {
22
+ function onDayHover(event) {
23
+ var day = getEventTarget(event);
24
+ if (!day.classList.contains("flatpickr-day"))
25
+ return;
26
+ var days = fp.days.childNodes;
27
+ var dayIndex = day.$i;
28
+ var dayIndSeven = dayIndex / 7;
29
+ var weekStartDay = days[7 * Math.floor(dayIndSeven)]
30
+ .dateObj;
31
+ var weekEndDay = days[7 * Math.ceil(dayIndSeven + 0.01) - 1].dateObj;
32
+ for (var i = days.length; i--;) {
33
+ var day_1 = days[i];
34
+ var date = day_1.dateObj;
35
+ if (date > weekEndDay || date < weekStartDay)
36
+ day_1.classList.remove("inRange");
37
+ else
38
+ day_1.classList.add("inRange");
39
+ }
40
+ }
41
+ function highlightWeek() {
42
+ var selDate = fp.latestSelectedDateObj;
43
+ if (selDate !== undefined &&
44
+ selDate.getMonth() === fp.currentMonth &&
45
+ selDate.getFullYear() === fp.currentYear) {
46
+ fp.weekStartDay = fp.days.childNodes[7 * Math.floor(fp.selectedDateElem.$i / 7)].dateObj;
47
+ fp.weekEndDay = fp.days.childNodes[7 * Math.ceil(fp.selectedDateElem.$i / 7 + 0.01) - 1].dateObj;
48
+ }
49
+ var days = fp.days.childNodes;
50
+ for (var i = days.length; i--;) {
51
+ var date = days[i].dateObj;
52
+ if (date >= fp.weekStartDay && date <= fp.weekEndDay)
53
+ days[i].classList.add("week", "selected");
54
+ }
55
+ }
56
+ function clearHover() {
57
+ var days = fp.days.childNodes;
58
+ for (var i = days.length; i--;)
59
+ days[i].classList.remove("inRange");
60
+ }
61
+ function onReady() {
62
+ if (fp.daysContainer !== undefined)
63
+ fp.daysContainer.addEventListener("mouseover", onDayHover);
64
+ }
65
+ function onDestroy() {
66
+ if (fp.daysContainer !== undefined)
67
+ fp.daysContainer.removeEventListener("mouseover", onDayHover);
68
+ }
69
+ return {
70
+ onValueUpdate: highlightWeek,
71
+ onMonthChange: highlightWeek,
72
+ onYearChange: highlightWeek,
73
+ onOpen: highlightWeek,
74
+ onClose: clearHover,
75
+ onParseConfig: function () {
76
+ fp.config.mode = "single";
77
+ fp.config.enableTime = false;
78
+ fp.config.dateFormat = fp.config.dateFormat
79
+ ? fp.config.dateFormat
80
+ : "\\W\\e\\e\\k #W, Y";
81
+ fp.config.altFormat = fp.config.altFormat
82
+ ? fp.config.altFormat
83
+ : "\\W\\e\\e\\k #W, Y";
84
+ },
85
+ onReady: [
86
+ onReady,
87
+ highlightWeek,
88
+ function () {
89
+ fp.loadedPlugins.push("weekSelect");
90
+ },
91
+ ],
92
+ onDestroy: onDestroy,
93
+ };
94
+ };
95
+ }
96
+
97
+ return weekSelectPlugin;
79
98
 
80
99
  })));
@@ -66,7 +66,7 @@
66
66
  .flatpickr-calendar .hasWeeks .dayContainer {
67
67
  border-left: 0;
68
68
  }
69
- .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
69
+ .flatpickr-calendar.hasTime .flatpickr-time {
70
70
  height: 40px;
71
71
  border-top: 1px solid #e6e6e6;
72
72
  }
@@ -85,10 +85,17 @@
85
85
  left: 22px;
86
86
  }
87
87
  .flatpickr-calendar.rightMost:before,
88
- .flatpickr-calendar.rightMost:after {
88
+ .flatpickr-calendar.arrowRight:before,
89
+ .flatpickr-calendar.rightMost:after,
90
+ .flatpickr-calendar.arrowRight:after {
89
91
  left: auto;
90
92
  right: 22px;
91
93
  }
94
+ .flatpickr-calendar.arrowCenter:before,
95
+ .flatpickr-calendar.arrowCenter:after {
96
+ left: 50%;
97
+ right: 50%;
98
+ }
92
99
  .flatpickr-calendar:before {
93
100
  border-width: 5px;
94
101
  margin: 0 -5px;
@@ -134,7 +141,7 @@
134
141
  background: transparent;
135
142
  color: rgba(0,0,0,0.9);
136
143
  fill: rgba(0,0,0,0.9);
137
- height: 28px;
144
+ height: 34px;
138
145
  line-height: 1;
139
146
  text-align: center;
140
147
  position: relative;
@@ -153,16 +160,15 @@
153
160
  text-decoration: none;
154
161
  cursor: pointer;
155
162
  position: absolute;
156
- top: 0px;
157
- line-height: 16px;
158
- height: 28px;
163
+ top: 0;
164
+ height: 34px;
159
165
  padding: 10px;
160
166
  z-index: 3;
161
167
  color: rgba(0,0,0,0.9);
162
168
  fill: rgba(0,0,0,0.9);
163
169
  }
164
- .flatpickr-months .flatpickr-prev-month.disabled,
165
- .flatpickr-months .flatpickr-next-month.disabled {
170
+ .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
171
+ .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
166
172
  display: none;
167
173
  }
168
174
  .flatpickr-months .flatpickr-prev-month i,
@@ -234,6 +240,11 @@
234
240
  .numInputWrapper input::-ms-clear {
235
241
  display: none;
236
242
  }
243
+ .numInputWrapper input::-webkit-outer-spin-button,
244
+ .numInputWrapper input::-webkit-inner-spin-button {
245
+ margin: 0;
246
+ -webkit-appearance: none;
247
+ }
237
248
  .numInputWrapper span {
238
249
  position: absolute;
239
250
  right: 0;
@@ -298,9 +309,9 @@
298
309
  position: absolute;
299
310
  width: 75%;
300
311
  left: 12.5%;
301
- padding: 6.16px 0 0 0;
312
+ padding: 7.48px 0 0 0;
302
313
  line-height: 1;
303
- height: 28px;
314
+ height: 34px;
304
315
  display: inline-block;
305
316
  text-align: center;
306
317
  -webkit-transform: translate3d(0px, 0px, 0px);
@@ -345,6 +356,9 @@
345
356
  border: 0;
346
357
  border-radius: 0;
347
358
  vertical-align: initial;
359
+ -webkit-appearance: textfield;
360
+ -moz-appearance: textfield;
361
+ appearance: textfield;
348
362
  }
349
363
  .flatpickr-current-month input.cur-year:focus {
350
364
  outline: 0;
@@ -356,6 +370,41 @@
356
370
  background: transparent;
357
371
  pointer-events: none;
358
372
  }
373
+ .flatpickr-current-month .flatpickr-monthDropdown-months {
374
+ appearance: menulist;
375
+ background: transparent;
376
+ border: none;
377
+ border-radius: 0;
378
+ box-sizing: border-box;
379
+ color: inherit;
380
+ cursor: pointer;
381
+ font-size: inherit;
382
+ font-family: inherit;
383
+ font-weight: 300;
384
+ height: auto;
385
+ line-height: inherit;
386
+ margin: -1px 0 0 0;
387
+ outline: none;
388
+ padding: 0 0 0 0.5ch;
389
+ position: relative;
390
+ vertical-align: initial;
391
+ -webkit-box-sizing: border-box;
392
+ -webkit-appearance: menulist;
393
+ -moz-appearance: menulist;
394
+ width: auto;
395
+ }
396
+ .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
397
+ .flatpickr-current-month .flatpickr-monthDropdown-months:active {
398
+ outline: none;
399
+ }
400
+ .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
401
+ background: rgba(0,0,0,0.05);
402
+ }
403
+ .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
404
+ background-color: transparent;
405
+ outline: none;
406
+ padding: 0;
407
+ }
359
408
  .flatpickr-weekdays {
360
409
  background: transparent;
361
410
  text-align: center;
@@ -545,8 +594,8 @@ span.flatpickr-weekday {
545
594
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
546
595
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
547
596
  }
548
- .flatpickr-day.disabled,
549
- .flatpickr-day.disabled:hover,
597
+ .flatpickr-day.flatpickr-disabled,
598
+ .flatpickr-day.flatpickr-disabled:hover,
550
599
  .flatpickr-day.prevMonthDay,
551
600
  .flatpickr-day.nextMonthDay,
552
601
  .flatpickr-day.notAllowed,
@@ -557,8 +606,8 @@ span.flatpickr-weekday {
557
606
  border-color: transparent;
558
607
  cursor: default;
559
608
  }
560
- .flatpickr-day.disabled,
561
- .flatpickr-day.disabled:hover {
609
+ .flatpickr-day.flatpickr-disabled,
610
+ .flatpickr-day.flatpickr-disabled:hover {
562
611
  cursor: not-allowed;
563
612
  color: rgba(57,57,57,0.1);
564
613
  }
@@ -574,7 +623,6 @@ span.flatpickr-weekday {
574
623
  margin-top: 1px;
575
624
  }
576
625
  .flatpickr-weekwrapper {
577
- display: inline-block;
578
626
  float: left;
579
627
  }
580
628
  .flatpickr-weekwrapper .flatpickr-weeks {
@@ -670,6 +718,9 @@ span.flatpickr-weekday {
670
718
  position: relative;
671
719
  -webkit-box-sizing: border-box;
672
720
  box-sizing: border-box;
721
+ -webkit-appearance: textfield;
722
+ -moz-appearance: textfield;
723
+ appearance: textfield;
673
724
  }
674
725
  .flatpickr-time input.flatpickr-hour {
675
726
  font-weight: bold;
@@ -685,7 +736,6 @@ span.flatpickr-weekday {
685
736
  .flatpickr-time .flatpickr-time-separator,
686
737
  .flatpickr-time .flatpickr-am-pm {
687
738
  height: inherit;
688
- display: inline-block;
689
739
  float: left;
690
740
  line-height: inherit;
691
741
  color: #393939;
@@ -710,7 +760,7 @@ span.flatpickr-weekday {
710
760
  .flatpickr-time .flatpickr-am-pm:hover,
711
761
  .flatpickr-time input:focus,
712
762
  .flatpickr-time .flatpickr-am-pm:focus {
713
- background: #f3f3f3;
763
+ background: #eee;
714
764
  }
715
765
  .flatpickr-input[readonly] {
716
766
  cursor: pointer;