flatpickr 4.5.7.0 → 4.6.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 (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
@@ -0,0 +1,203 @@
1
+ (function (global, factory) {
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
3
+ typeof define === 'function' && define.amd ? define(factory) :
4
+ (global = global || self, global.monthSelectPlugin = factory());
5
+ }(this, function () { 'use strict';
6
+
7
+ /*! *****************************************************************************
8
+ Copyright (c) Microsoft Corporation. All rights reserved.
9
+ Licensed under the Apache License, Version 2.0 (the "License"); you may not use
10
+ this file except in compliance with the License. You may obtain a copy of the
11
+ License at http://www.apache.org/licenses/LICENSE-2.0
12
+
13
+ THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
14
+ KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
15
+ WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
16
+ MERCHANTABLITY OR NON-INFRINGEMENT.
17
+
18
+ See the Apache Version 2.0 License for specific language governing permissions
19
+ and limitations under the License.
20
+ ***************************************************************************** */
21
+
22
+ var __assign = function() {
23
+ __assign = Object.assign || function __assign(t) {
24
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
25
+ s = arguments[i];
26
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
27
+ }
28
+ return t;
29
+ };
30
+ return __assign.apply(this, arguments);
31
+ };
32
+
33
+ var monthToStr = function (monthNumber, shorthand, locale) { return locale.months[shorthand ? "shorthand" : "longhand"][monthNumber]; };
34
+
35
+ var defaultConfig = {
36
+ shorthand: false,
37
+ dateFormat: "F Y",
38
+ altFormat: "F Y",
39
+ theme: "light"
40
+ };
41
+ function monthSelectPlugin(pluginConfig) {
42
+ var config = __assign({}, defaultConfig, pluginConfig);
43
+ return function (fp) {
44
+ fp.config.dateFormat = config.dateFormat;
45
+ fp.config.altFormat = config.altFormat;
46
+ var self = { monthsContainer: null };
47
+ function clearUnnecessaryDOMElements() {
48
+ if (!fp.rContainer || !fp.daysContainer || !fp.weekdayContainer)
49
+ return;
50
+ fp.rContainer.removeChild(fp.daysContainer);
51
+ fp.rContainer.removeChild(fp.weekdayContainer);
52
+ for (var index = 0; index < fp.monthElements.length; index++) {
53
+ var element = fp.monthElements[index];
54
+ if (!element.parentNode)
55
+ continue;
56
+ element.parentNode.removeChild(element);
57
+ }
58
+ }
59
+ function addListeners() {
60
+ fp._bind(fp.prevMonthNav, "click", function () {
61
+ fp.currentYear -= 1;
62
+ selectYear();
63
+ });
64
+ fp._bind(fp.nextMonthNav, "mousedown", function () {
65
+ fp.currentYear += 1;
66
+ selectYear();
67
+ });
68
+ }
69
+ function addMonths() {
70
+ if (!fp.rContainer)
71
+ return;
72
+ self.monthsContainer = fp._createElement("div", "flatpickr-monthSelect-months");
73
+ self.monthsContainer.tabIndex = -1;
74
+ fp.calendarContainer.classList.add("flatpickr-monthSelect-theme-" + config.theme);
75
+ for (var i = 0; i < 12; i++) {
76
+ var month = fp._createElement("span", "flatpickr-monthSelect-month");
77
+ month.dateObj = new Date(fp.currentYear, i);
78
+ month.$i = i;
79
+ month.textContent = monthToStr(i, config.shorthand, fp.l10n);
80
+ month.tabIndex = -1;
81
+ month.addEventListener("click", selectMonth);
82
+ self.monthsContainer.appendChild(month);
83
+ if ((fp.config.minDate && month.dateObj < fp.config.minDate) || (fp.config.maxDate && month.dateObj > fp.config.maxDate)) {
84
+ month.classList.add("disabled");
85
+ }
86
+ }
87
+ fp.rContainer.appendChild(self.monthsContainer);
88
+ }
89
+ function setCurrentlySelected() {
90
+ if (!fp.rContainer)
91
+ return;
92
+ var currentlySelected = fp.rContainer.querySelectorAll(".flatpickr-monthSelect-month.selected");
93
+ for (var index = 0; index < currentlySelected.length; index++) {
94
+ currentlySelected[index].classList.remove("selected");
95
+ }
96
+ var month = fp.rContainer.querySelector(".flatpickr-monthSelect-month:nth-child(" + (fp.currentMonth + 1) + ")");
97
+ if (month) {
98
+ month.classList.add("selected");
99
+ }
100
+ }
101
+ function selectYear() {
102
+ var selectedDate = fp.selectedDates[0];
103
+ if (selectedDate) {
104
+ selectedDate = new Date(selectedDate);
105
+ selectedDate.setFullYear(fp.currentYear);
106
+ if (fp.config.minDate && selectedDate < fp.config.minDate) {
107
+ selectedDate = fp.config.minDate;
108
+ }
109
+ if (fp.config.maxDate && selectedDate > fp.config.maxDate) {
110
+ selectedDate = fp.config.maxDate;
111
+ }
112
+ fp.currentYear = selectedDate.getFullYear();
113
+ fp.currentYearElement.value = String(fp.currentYear);
114
+ setCurrentlySelected();
115
+ }
116
+ if (fp.rContainer) {
117
+ var months = fp.rContainer.querySelectorAll(".flatpickr-monthSelect-month");
118
+ months.forEach(function (month) {
119
+ month.dateObj.setFullYear(fp.currentYear);
120
+ if ((fp.config.minDate && month.dateObj < fp.config.minDate) || (fp.config.maxDate && month.dateObj > fp.config.maxDate)) {
121
+ month.classList.add("disabled");
122
+ }
123
+ else {
124
+ month.classList.remove("disabled");
125
+ }
126
+ });
127
+ }
128
+ }
129
+ function selectMonth(e) {
130
+ e.preventDefault();
131
+ e.stopPropagation();
132
+ if (e.target instanceof Element && !e.target.classList.contains("disabled")) {
133
+ setMonth(e.target.dateObj);
134
+ fp.close();
135
+ }
136
+ }
137
+ function setMonth(date) {
138
+ var selectedDate = new Date(date);
139
+ selectedDate.setFullYear(fp.currentYear);
140
+ fp.currentMonth = selectedDate.getMonth();
141
+ fp.setDate(selectedDate, true);
142
+ setCurrentlySelected();
143
+ }
144
+ var shifts = {
145
+ 37: -1,
146
+ 39: 1,
147
+ 40: 3,
148
+ 38: -3
149
+ };
150
+ function onKeyDown(_, __, ___, e) {
151
+ var shouldMove = shifts[e.keyCode] !== undefined;
152
+ if (!shouldMove && e.keyCode !== 13) {
153
+ return;
154
+ }
155
+ if (!fp.rContainer || !self.monthsContainer)
156
+ return;
157
+ var currentlySelected = fp.rContainer.querySelector(".flatpickr-monthSelect-month.selected");
158
+ var index = Array.prototype.indexOf.call(self.monthsContainer.children, document.activeElement);
159
+ if (index === -1) {
160
+ var target = currentlySelected || self.monthsContainer.firstElementChild;
161
+ target.focus();
162
+ index = target.$i;
163
+ }
164
+ if (shouldMove) {
165
+ self.monthsContainer.children[(12 + index + shifts[e.keyCode]) % 12].focus();
166
+ }
167
+ else if (e.keyCode === 13 &&
168
+ self.monthsContainer.contains(document.activeElement)) {
169
+ setMonth(document.activeElement.dateObj);
170
+ }
171
+ }
172
+ function destroyPluginInstance() {
173
+ if (self.monthsContainer !== null) {
174
+ var months = self.monthsContainer.querySelectorAll(".flatpickr-monthSelect-month");
175
+ for (var index = 0; index < months.length; index++) {
176
+ months[index].removeEventListener("click", selectMonth);
177
+ }
178
+ }
179
+ }
180
+ return {
181
+ onParseConfig: function () {
182
+ fp.config.mode = "single";
183
+ fp.config.enableTime = false;
184
+ },
185
+ onValueUpdate: setCurrentlySelected,
186
+ onKeyDown: onKeyDown,
187
+ onReady: [
188
+ clearUnnecessaryDOMElements,
189
+ addListeners,
190
+ addMonths,
191
+ setCurrentlySelected,
192
+ function () {
193
+ fp.loadedPlugins.push("monthSelect");
194
+ },
195
+ ],
196
+ onDestroy: destroyPluginInstance
197
+ };
198
+ };
199
+ }
200
+
201
+ return monthSelectPlugin;
202
+
203
+ }));
@@ -7,15 +7,20 @@
7
7
  function rangePlugin(config) {
8
8
  if (config === void 0) { config = {}; }
9
9
  return function (fp) {
10
- var dateFormat = "", secondInput,
11
- // @ts-ignore
12
- _firstInputFocused, _secondInputFocused, _prevDates;
10
+ var dateFormat = "", secondInput, _secondInputFocused, _prevDates;
13
11
  var createSecondInput = function () {
14
12
  if (config.input) {
15
13
  secondInput =
16
14
  config.input instanceof Element
17
15
  ? config.input
18
16
  : window.document.querySelector(config.input);
17
+ if (!secondInput) {
18
+ fp.config.errorHandler(new Error("Invalid input element specified"));
19
+ return;
20
+ }
21
+ if (fp.config.wrap) {
22
+ secondInput = secondInput.querySelector("[data-input]");
23
+ }
19
24
  }
20
25
  else {
21
26
  secondInput = fp._input.cloneNode();
@@ -34,10 +39,9 @@
34
39
  fp._setHoursFromDate(fp.selectedDates[1]);
35
40
  fp.jumpToDate(fp.selectedDates[1]);
36
41
  }
37
- _firstInputFocused = false;
38
42
  _secondInputFocused = true;
39
43
  fp.isOpen = false;
40
- fp.open(undefined, secondInput);
44
+ fp.open(undefined, config.position === "left" ? fp._input : secondInput);
41
45
  });
42
46
  fp._bind(fp._input, ["focus", "click"], function (e) {
43
47
  e.preventDefault();
@@ -73,10 +77,9 @@
73
77
  secondInput.setAttribute("readonly", "readonly");
74
78
  }
75
79
  fp._bind(fp._input, "focus", function () {
76
- var _a;
77
80
  fp.latestSelectedDateObj = fp.selectedDates[0];
78
81
  fp._setHoursFromDate(fp.selectedDates[0]);
79
- _a = [true, false], _firstInputFocused = _a[0], _secondInputFocused = _a[1];
82
+ _secondInputFocused = false;
80
83
  fp.jumpToDate(fp.selectedDates[0]);
81
84
  });
82
85
  if (fp.config.allowInput)
@@ -86,6 +89,7 @@
86
89
  });
87
90
  fp.setDate(fp.selectedDates, false);
88
91
  plugin.onValueUpdate(fp.selectedDates);
92
+ fp.loadedPlugins.push("range");
89
93
  },
90
94
  onPreCalendarPosition: function () {
91
95
  if (_secondInputFocused) {
@@ -36,6 +36,7 @@
36
36
  fp.monthElements.forEach(function (monthElem) {
37
37
  return monthElem.addEventListener("wheel", monthScroller);
38
38
  });
39
+ fp.loadedPlugins.push("scroll");
39
40
  },
40
41
  onDestroy: function () {
41
42
  if (fp.timeContainer) {
@@ -30,8 +30,8 @@
30
30
  if (selDate !== undefined &&
31
31
  selDate.getMonth() === fp.currentMonth &&
32
32
  selDate.getFullYear() === fp.currentYear) {
33
- fp.weekStartDay = (fp.days.childNodes[7 * Math.floor(fp.selectedDateElem.$i / 7)]).dateObj;
34
- fp.weekEndDay = (fp.days.childNodes[7 * Math.ceil(fp.selectedDateElem.$i / 7 + 0.01) - 1]).dateObj;
33
+ fp.weekStartDay = fp.days.childNodes[7 * Math.floor(fp.selectedDateElem.$i / 7)].dateObj;
34
+ fp.weekEndDay = fp.days.childNodes[7 * Math.ceil(fp.selectedDateElem.$i / 7 + 0.01) - 1].dateObj;
35
35
  }
36
36
  var days = fp.days.childNodes;
37
37
  for (var i = days.length; i--;) {
@@ -69,7 +69,13 @@
69
69
  ? fp.config.altFormat
70
70
  : "\\W\\e\\e\\k #W, Y";
71
71
  },
72
- onReady: [onReady, highlightWeek],
72
+ onReady: [
73
+ onReady,
74
+ highlightWeek,
75
+ function () {
76
+ fp.loadedPlugins.push("weekSelect");
77
+ },
78
+ ],
73
79
  onDestroy: onDestroy
74
80
  };
75
81
  };
@@ -134,7 +134,7 @@
134
134
  background: transparent;
135
135
  color: rgba(0,0,0,0.9);
136
136
  fill: rgba(0,0,0,0.9);
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: rgba(0,0,0,0.9);
162
161
  fill: rgba(0,0,0,0.9);
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 #e6e6e6, 5px 0 0 #e6e6e6;
554
588
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
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(57,57,57,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: #393939;
@@ -0,0 +1,79 @@
1
+ .flatpickr-monthSelect-months {
2
+ margin: 10px 1px 3px 1px;
3
+ flex-wrap: wrap;
4
+ }
5
+
6
+ .flatpickr-monthSelect-month {
7
+ background: none;
8
+ border: 0;
9
+ border-radius: 2px;
10
+ -webkit-box-sizing: border-box;
11
+ box-sizing: border-box;
12
+ color: #393939;
13
+ cursor: pointer;
14
+ display: inline-block;
15
+ font-weight: 400;
16
+ margin: 0.5px;
17
+ justify-content: center;
18
+ padding: 10px;
19
+ position: relative;
20
+ -webkit-box-pack: center;
21
+ -webkit-justify-content: center;
22
+ -ms-flex-pack: center;
23
+ text-align: center;
24
+ width: 33%;
25
+ }
26
+
27
+ .flatpickr-monthSelect-month.disabled {
28
+ color: #eee;
29
+ }
30
+
31
+ .flatpickr-monthSelect-month.disabled:hover,
32
+ .flatpickr-monthSelect-month.disabled:focus {
33
+ cursor: not-allowed;
34
+ background: none !important;
35
+ }
36
+
37
+ .flatpickr-monthSelect-theme-dark {
38
+ background: #3f4458;
39
+ }
40
+
41
+ .flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year {
42
+ color: #fff;
43
+ }
44
+
45
+ .flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,
46
+ .flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month {
47
+ color: #fff;
48
+ fill: #fff;
49
+ }
50
+
51
+ .flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month {
52
+ color: rgba(255, 255, 255, 0.95);
53
+ }
54
+
55
+ .flatpickr-monthSelect-month:hover,
56
+ .flatpickr-monthSelect-month:focus {
57
+ background: #e6e6e6;
58
+ cursor: pointer;
59
+ outline: 0;
60
+ }
61
+
62
+ .flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,
63
+ .flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus {
64
+ background: #646c8c;
65
+ border-color: #646c8c;
66
+ }
67
+
68
+ .flatpickr-monthSelect-month.selected {
69
+ background-color: #569ff7;
70
+ color: #fff;
71
+ }
72
+
73
+ .flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected {
74
+ background: #80cbc4;
75
+ -webkit-box-shadow: none;
76
+ box-shadow: none;
77
+ color: #fff;
78
+ border-color: #80cbc4;
79
+ }