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.
- checksums.yaml +4 -4
- data/flatpickr.gemspec +2 -2
- data/lib/flatpickr/version.rb +1 -1
- data/vendor/assets/javascripts/flatpickr.js +201 -95
- data/vendor/assets/javascripts/flatpickr/l10n/ar.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/az.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/be.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/bg.js +3 -1
- data/vendor/assets/javascripts/flatpickr/l10n/bs.js +66 -0
- data/vendor/assets/javascripts/flatpickr/l10n/cat.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/cs.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/cy.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/da.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/de.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/default.js +5 -2
- data/vendor/assets/javascripts/flatpickr/l10n/eo.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/es.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/et.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/fi.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/fo.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/fr.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/ga.js +66 -0
- data/vendor/assets/javascripts/flatpickr/l10n/he.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/hr.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/hu.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/id.js +3 -1
- data/vendor/assets/javascripts/flatpickr/l10n/index.js +365 -193
- data/vendor/assets/javascripts/flatpickr/l10n/is.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/it.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/ja.js +4 -1
- data/vendor/assets/javascripts/flatpickr/l10n/ka.js +75 -0
- data/vendor/assets/javascripts/flatpickr/l10n/km.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/ko.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/lt.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/lv.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/mk.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/mn.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/my.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/nl.js +1 -0
- data/vendor/assets/javascripts/flatpickr/l10n/no.js +1 -0
- data/vendor/assets/javascripts/flatpickr/l10n/pa.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/pl.js +3 -2
- data/vendor/assets/javascripts/flatpickr/l10n/pt.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/ro.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/ru.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/si.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/sk.js +1 -0
- data/vendor/assets/javascripts/flatpickr/l10n/sl.js +1 -0
- data/vendor/assets/javascripts/flatpickr/l10n/sq.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/sr.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/sv.js +1 -0
- data/vendor/assets/javascripts/flatpickr/l10n/th.js +1 -0
- data/vendor/assets/javascripts/flatpickr/l10n/tr.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/uk.js +2 -1
- data/vendor/assets/javascripts/flatpickr/l10n/vn.js +2 -1
- data/vendor/assets/javascripts/flatpickr/plugins/confirmDate/confirmDate.js +15 -5
- data/vendor/assets/javascripts/flatpickr/plugins/labelPlugin/labelPlugin.js +1 -0
- data/vendor/assets/javascripts/flatpickr/plugins/minMaxTimePlugin.js +6 -1
- data/vendor/assets/javascripts/flatpickr/plugins/monthSelect/index.js +203 -0
- data/vendor/assets/javascripts/flatpickr/plugins/rangePlugin.js +11 -7
- data/vendor/assets/javascripts/flatpickr/plugins/scrollPlugin.js +1 -0
- data/vendor/assets/javascripts/flatpickr/plugins/weekSelect/weekSelect.js +9 -3
- data/vendor/assets/stylesheets/flatpickr.css +46 -14
- data/vendor/assets/stylesheets/flatpickr/plugins/monthSelect/style.css +79 -0
- data/vendor/assets/stylesheets/flatpickr/themes/airbnb.css +56 -14
- data/vendor/assets/stylesheets/flatpickr/themes/confetti.css +46 -14
- data/vendor/assets/stylesheets/flatpickr/themes/dark.css +48 -16
- data/vendor/assets/stylesheets/flatpickr/themes/light.css +46 -14
- data/vendor/assets/stylesheets/flatpickr/themes/material_blue.css +46 -14
- data/vendor/assets/stylesheets/flatpickr/themes/material_green.css +46 -14
- data/vendor/assets/stylesheets/flatpickr/themes/material_orange.css +46 -14
- data/vendor/assets/stylesheets/flatpickr/themes/material_red.css +46 -14
- metadata +12 -9
- data/vendor/assets/javascripts/flatpickr/plugins/monthSelect/monthSelect.js +0 -77
- 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
|
-
|
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) {
|
@@ -30,8 +30,8 @@
|
|
30
30
|
if (selDate !== undefined &&
|
31
31
|
selDate.getMonth() === fp.currentMonth &&
|
32
32
|
selDate.getFullYear() === fp.currentYear) {
|
33
|
-
fp.weekStartDay =
|
34
|
-
fp.weekEndDay =
|
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: [
|
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:
|
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:
|
157
|
-
|
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:
|
305
|
+
padding: 7.48px 0 0 0;
|
307
306
|
line-height: 1;
|
308
|
-
height:
|
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
|
+
}
|