flatpickr 3.0.7.0 → 4.5.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (90) hide show
  1. checksums.yaml +5 -5
  2. data/LICENSE.txt +1 -1
  3. data/README.md +26 -7
  4. data/Rakefile +14 -6
  5. data/lib/flatpickr.rb +3 -1
  6. data/lib/flatpickr/engine.rb +2 -0
  7. data/lib/flatpickr/version.rb +3 -1
  8. data/vendor/assets/javascripts/flatpickr.js +2215 -2351
  9. data/vendor/assets/javascripts/flatpickr/l10n/ar.js +52 -14
  10. data/vendor/assets/javascripts/flatpickr/l10n/at.js +70 -0
  11. data/vendor/assets/javascripts/flatpickr/l10n/be.js +75 -0
  12. data/vendor/assets/javascripts/flatpickr/l10n/bg.js +65 -14
  13. data/vendor/assets/javascripts/flatpickr/l10n/bn.js +65 -14
  14. data/vendor/assets/javascripts/flatpickr/l10n/cat.js +79 -30
  15. data/vendor/assets/javascripts/flatpickr/l10n/cs.js +71 -16
  16. data/vendor/assets/javascripts/flatpickr/l10n/cy.js +88 -32
  17. data/vendor/assets/javascripts/flatpickr/l10n/da.js +68 -15
  18. data/vendor/assets/javascripts/flatpickr/l10n/de.js +66 -17
  19. data/vendor/assets/javascripts/flatpickr/l10n/default.js +81 -0
  20. data/vendor/assets/javascripts/flatpickr/l10n/eo.js +69 -22
  21. data/vendor/assets/javascripts/flatpickr/l10n/es.js +66 -16
  22. data/vendor/assets/javascripts/flatpickr/l10n/et.js +69 -22
  23. data/vendor/assets/javascripts/flatpickr/l10n/fa.js +66 -15
  24. data/vendor/assets/javascripts/flatpickr/l10n/fi.js +65 -16
  25. data/vendor/assets/javascripts/flatpickr/l10n/fr.js +71 -23
  26. data/vendor/assets/javascripts/flatpickr/l10n/gr.js +70 -25
  27. data/vendor/assets/javascripts/flatpickr/l10n/he.js +57 -14
  28. data/vendor/assets/javascripts/flatpickr/l10n/hi.js +65 -14
  29. data/vendor/assets/javascripts/flatpickr/l10n/hr.js +62 -13
  30. data/vendor/assets/javascripts/flatpickr/l10n/hu.js +68 -21
  31. data/vendor/assets/javascripts/flatpickr/l10n/id.js +57 -16
  32. data/vendor/assets/javascripts/flatpickr/l10n/index.js +3022 -97
  33. data/vendor/assets/javascripts/flatpickr/l10n/it.js +67 -21
  34. data/vendor/assets/javascripts/flatpickr/l10n/ja.js +65 -14
  35. data/vendor/assets/javascripts/flatpickr/l10n/km.js +74 -0
  36. data/vendor/assets/javascripts/flatpickr/l10n/ko.js +65 -15
  37. data/vendor/assets/javascripts/flatpickr/l10n/kz.js +75 -0
  38. data/vendor/assets/javascripts/flatpickr/l10n/lt.js +68 -21
  39. data/vendor/assets/javascripts/flatpickr/l10n/lv.js +64 -13
  40. data/vendor/assets/javascripts/flatpickr/l10n/mk.js +64 -15
  41. data/vendor/assets/javascripts/flatpickr/l10n/mn.js +59 -0
  42. data/vendor/assets/javascripts/flatpickr/l10n/ms.js +64 -16
  43. data/vendor/assets/javascripts/flatpickr/l10n/my.js +65 -16
  44. data/vendor/assets/javascripts/flatpickr/l10n/nl.js +71 -23
  45. data/vendor/assets/javascripts/flatpickr/l10n/no.js +69 -20
  46. data/vendor/assets/javascripts/flatpickr/l10n/pa.js +65 -14
  47. data/vendor/assets/javascripts/flatpickr/l10n/pl.js +70 -15
  48. data/vendor/assets/javascripts/flatpickr/l10n/pt.js +62 -13
  49. data/vendor/assets/javascripts/flatpickr/l10n/ro.js +65 -17
  50. data/vendor/assets/javascripts/flatpickr/l10n/ru.js +72 -13
  51. data/vendor/assets/javascripts/flatpickr/l10n/si.js +62 -12
  52. data/vendor/assets/javascripts/flatpickr/l10n/sk.js +66 -17
  53. data/vendor/assets/javascripts/flatpickr/l10n/sl.js +66 -17
  54. data/vendor/assets/javascripts/flatpickr/l10n/sq.js +65 -14
  55. data/vendor/assets/javascripts/flatpickr/l10n/sr.js +64 -15
  56. data/vendor/assets/javascripts/flatpickr/l10n/sv.js +66 -17
  57. data/vendor/assets/javascripts/flatpickr/l10n/th.js +68 -20
  58. data/vendor/assets/javascripts/flatpickr/l10n/tr.js +71 -13
  59. data/vendor/assets/javascripts/flatpickr/l10n/uk.js +63 -13
  60. data/vendor/assets/javascripts/flatpickr/l10n/vn.js +62 -13
  61. data/vendor/assets/javascripts/flatpickr/l10n/zh.js +65 -16
  62. data/vendor/assets/javascripts/flatpickr/plugins/confirmDate/confirmDate.js +49 -0
  63. data/vendor/assets/javascripts/flatpickr/plugins/labelPlugin/labelPlugin.js +31 -0
  64. data/vendor/assets/javascripts/flatpickr/plugins/minMaxTimePlugin.js +281 -0
  65. data/vendor/assets/javascripts/flatpickr/plugins/monthSelect/monthSelect.js +77 -0
  66. data/vendor/assets/javascripts/flatpickr/plugins/rangePlugin.js +138 -0
  67. data/vendor/assets/javascripts/flatpickr/plugins/scrollPlugin.js +50 -0
  68. data/vendor/assets/javascripts/flatpickr/plugins/weekSelect/weekSelect.js +80 -0
  69. data/vendor/assets/stylesheets/flatpickr.css +741 -13
  70. data/vendor/assets/stylesheets/flatpickr/ie.css +13 -0
  71. data/vendor/assets/stylesheets/flatpickr/plugins/confirmDate/confirmDate.css +24 -0
  72. data/vendor/assets/stylesheets/flatpickr/plugins/monthSelect/monthSelect.css +10 -0
  73. data/vendor/assets/stylesheets/flatpickr/themes/airbnb.css +103 -210
  74. data/vendor/assets/stylesheets/flatpickr/themes/confetti.css +102 -209
  75. data/vendor/assets/stylesheets/flatpickr/themes/dark.css +117 -224
  76. data/vendor/assets/stylesheets/flatpickr/themes/light.css +102 -209
  77. data/vendor/assets/stylesheets/flatpickr/themes/material_blue.css +102 -209
  78. data/vendor/assets/stylesheets/flatpickr/themes/material_green.css +102 -209
  79. data/vendor/assets/stylesheets/flatpickr/themes/material_orange.css +102 -209
  80. data/vendor/assets/stylesheets/flatpickr/themes/material_red.css +102 -209
  81. metadata +19 -12
  82. data/vendor/assets/stylesheets/flatpickr/rtl/flatpickr.min.css +0 -13
  83. data/vendor/assets/stylesheets/flatpickr/rtl/themes/airbnb.rtl.css +0 -946
  84. data/vendor/assets/stylesheets/flatpickr/rtl/themes/base16_flat.rtl.css +0 -869
  85. data/vendor/assets/stylesheets/flatpickr/rtl/themes/confetti.rtl.css +0 -883
  86. data/vendor/assets/stylesheets/flatpickr/rtl/themes/dark.rtl.css +0 -869
  87. data/vendor/assets/stylesheets/flatpickr/rtl/themes/material_blue.rtl.css +0 -883
  88. data/vendor/assets/stylesheets/flatpickr/rtl/themes/material_green.rtl.css +0 -883
  89. data/vendor/assets/stylesheets/flatpickr/rtl/themes/material_orange.rtl.css +0 -883
  90. data/vendor/assets/stylesheets/flatpickr/rtl/themes/material_red.rtl.css +0 -883
@@ -1,10 +1,9 @@
1
1
  .flatpickr-calendar {
2
2
  background: transparent;
3
- overflow: hidden;
4
- max-height: 0;
5
3
  opacity: 0;
6
- visibility: hidden;
4
+ display: none;
7
5
  text-align: center;
6
+ visibility: hidden;
8
7
  padding: 0;
9
8
  -webkit-animation: none;
10
9
  animation: none;
@@ -25,9 +24,8 @@
25
24
  .flatpickr-calendar.open,
26
25
  .flatpickr-calendar.inline {
27
26
  opacity: 1;
28
- visibility: visible;
29
- overflow: visible;
30
27
  max-height: 640px;
28
+ visibility: visible;
31
29
  }
32
30
  .flatpickr-calendar.open {
33
31
  display: inline-block;
@@ -50,8 +48,13 @@
50
48
  z-index: 999;
51
49
  display: block;
52
50
  }
53
- .flatpickr-calendar.hasWeeks {
54
- width: auto;
51
+ .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
52
+ -webkit-box-shadow: none !important;
53
+ box-shadow: none !important;
54
+ }
55
+ .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
56
+ -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
57
+ box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
55
58
  }
56
59
  .flatpickr-calendar .hasWeeks .dayContainer,
57
60
  .flatpickr-calendar .hasTime .dayContainer {
@@ -126,7 +129,13 @@
126
129
  position: relative;
127
130
  display: inline-block;
128
131
  }
129
- .flatpickr-month {
132
+ .flatpickr-months {
133
+ display: -webkit-box;
134
+ display: -webkit-flex;
135
+ display: -ms-flexbox;
136
+ display: flex;
137
+ }
138
+ .flatpickr-months .flatpickr-month {
130
139
  border-radius: 5px 5px 0 0;
131
140
  background: #42a5f5;
132
141
  color: #fff;
@@ -140,68 +149,79 @@
140
149
  -ms-user-select: none;
141
150
  user-select: none;
142
151
  overflow: hidden;
152
+ -webkit-box-flex: 1;
153
+ -webkit-flex: 1;
154
+ -ms-flex: 1;
155
+ flex: 1;
143
156
  }
144
- .flatpickr-prev-month,
145
- .flatpickr-next-month {
157
+ .flatpickr-months .flatpickr-prev-month,
158
+ .flatpickr-months .flatpickr-next-month {
146
159
  text-decoration: none;
147
160
  cursor: pointer;
148
161
  position: absolute;
149
162
  top: 0px;
150
163
  line-height: 16px;
151
164
  height: 28px;
152
- padding: 10px calc(3.57% - 1.5px);
165
+ padding: 10px;
153
166
  z-index: 3;
167
+ color: #fff;
168
+ fill: #fff;
154
169
  }
155
- .flatpickr-prev-month i,
156
- .flatpickr-next-month i {
170
+ .flatpickr-months .flatpickr-prev-month.disabled,
171
+ .flatpickr-months .flatpickr-next-month.disabled {
172
+ display: none;
173
+ }
174
+ .flatpickr-months .flatpickr-prev-month i,
175
+ .flatpickr-months .flatpickr-next-month i {
157
176
  position: relative;
158
177
  }
159
- .flatpickr-prev-month.flatpickr-prev-month,
160
- .flatpickr-next-month.flatpickr-prev-month {
178
+ .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
179
+ .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
161
180
  /*
162
- /*rtl:begin:ignore*/
181
+ /*rtl:begin:ignore*/
163
182
  /*
164
- */
183
+ */
165
184
  left: 0;
166
185
  /*
167
- /*rtl:end:ignore*/
186
+ /*rtl:end:ignore*/
168
187
  /*
169
- */
188
+ */
170
189
  }
171
190
  /*
172
- /*rtl:begin:ignore*/
191
+ /*rtl:begin:ignore*/
173
192
  /*
174
- /*rtl:end:ignore*/
175
- .flatpickr-prev-month.flatpickr-next-month,
176
- .flatpickr-next-month.flatpickr-next-month {
193
+ /*rtl:end:ignore*/
194
+ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
195
+ .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
177
196
  /*
178
- /*rtl:begin:ignore*/
197
+ /*rtl:begin:ignore*/
179
198
  /*
180
- */
199
+ */
181
200
  right: 0;
182
201
  /*
183
- /*rtl:end:ignore*/
202
+ /*rtl:end:ignore*/
184
203
  /*
185
- */
204
+ */
186
205
  }
187
206
  /*
188
- /*rtl:begin:ignore*/
207
+ /*rtl:begin:ignore*/
189
208
  /*
190
- /*rtl:end:ignore*/
191
- .flatpickr-prev-month:hover,
192
- .flatpickr-next-month:hover {
209
+ /*rtl:end:ignore*/
210
+ .flatpickr-months .flatpickr-prev-month:hover,
211
+ .flatpickr-months .flatpickr-next-month:hover {
193
212
  color: #bbb;
194
213
  }
195
- .flatpickr-prev-month:hover svg,
196
- .flatpickr-next-month:hover svg {
214
+ .flatpickr-months .flatpickr-prev-month:hover svg,
215
+ .flatpickr-months .flatpickr-next-month:hover svg {
197
216
  fill: #f64747;
198
217
  }
199
- .flatpickr-prev-month svg,
200
- .flatpickr-next-month svg {
218
+ .flatpickr-months .flatpickr-prev-month svg,
219
+ .flatpickr-months .flatpickr-next-month svg {
201
220
  width: 14px;
221
+ height: 14px;
202
222
  }
203
- .flatpickr-prev-month svg path,
204
- .flatpickr-next-month svg path {
223
+ .flatpickr-months .flatpickr-prev-month svg path,
224
+ .flatpickr-months .flatpickr-next-month svg path {
205
225
  -webkit-transition: fill 0.1s;
206
226
  transition: fill 0.1s;
207
227
  fill: inherit;
@@ -217,6 +237,9 @@
217
237
  .numInputWrapper input {
218
238
  width: 100%;
219
239
  }
240
+ .numInputWrapper input::-ms-clear {
241
+ display: none;
242
+ }
220
243
  .numInputWrapper span {
221
244
  position: absolute;
222
245
  right: 0;
@@ -226,7 +249,7 @@
226
249
  line-height: 50%;
227
250
  opacity: 0;
228
251
  cursor: pointer;
229
- border: 1px solid rgba(72,72,72,0.05);
252
+ border: 1px solid rgba(72,72,72,0.15);
230
253
  -webkit-box-sizing: border-box;
231
254
  box-sizing: border-box;
232
255
  }
@@ -240,7 +263,6 @@
240
263
  display: block;
241
264
  content: "";
242
265
  position: absolute;
243
- top: 33%;
244
266
  }
245
267
  .numInputWrapper span.arrowUp {
246
268
  top: 0;
@@ -250,6 +272,7 @@
250
272
  border-left: 4px solid transparent;
251
273
  border-right: 4px solid transparent;
252
274
  border-bottom: 4px solid rgba(72,72,72,0.6);
275
+ top: 26%;
253
276
  }
254
277
  .numInputWrapper span.arrowDown {
255
278
  top: 50%;
@@ -258,6 +281,7 @@
258
281
  border-left: 4px solid transparent;
259
282
  border-right: 4px solid transparent;
260
283
  border-top: 4px solid rgba(72,72,72,0.6);
284
+ top: 40%;
261
285
  }
262
286
  .numInputWrapper span svg {
263
287
  width: inherit;
@@ -288,30 +312,6 @@
288
312
  -webkit-transform: translate3d(0px, 0px, 0px);
289
313
  transform: translate3d(0px, 0px, 0px);
290
314
  }
291
- .flatpickr-current-month.slideLeft {
292
- -webkit-transform: translate3d(-100%, 0px, 0px);
293
- transform: translate3d(-100%, 0px, 0px);
294
- -webkit-animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
295
- animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
296
- }
297
- .flatpickr-current-month.slideLeftNew {
298
- -webkit-transform: translate3d(100%, 0px, 0px);
299
- transform: translate3d(100%, 0px, 0px);
300
- -webkit-animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
301
- animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
302
- }
303
- .flatpickr-current-month.slideRight {
304
- -webkit-transform: translate3d(100%, 0px, 0px);
305
- transform: translate3d(100%, 0px, 0px);
306
- -webkit-animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
307
- animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
308
- }
309
- .flatpickr-current-month.slideRightNew {
310
- -webkit-transform: translate3d(0, 0, 0px);
311
- transform: translate3d(0, 0, 0px);
312
- -webkit-animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
313
- animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
314
- }
315
315
  .flatpickr-current-month span.cur-month {
316
316
  font-family: inherit;
317
317
  font-weight: 700;
@@ -339,7 +339,7 @@
339
339
  -webkit-box-sizing: border-box;
340
340
  box-sizing: border-box;
341
341
  color: inherit;
342
- cursor: default;
342
+ cursor: text;
343
343
  padding: 0 0 0 0.5ch;
344
344
  margin: 0;
345
345
  display: inline-block;
@@ -347,7 +347,7 @@
347
347
  font-family: inherit;
348
348
  font-weight: 300;
349
349
  line-height: inherit;
350
- height: initial;
350
+ height: auto;
351
351
  border: 0;
352
352
  border-radius: 0;
353
353
  vertical-align: initial;
@@ -377,6 +377,16 @@
377
377
  align-items: center;
378
378
  height: 28px;
379
379
  }
380
+ .flatpickr-weekdays .flatpickr-weekdaycontainer {
381
+ display: -webkit-box;
382
+ display: -webkit-flex;
383
+ display: -ms-flexbox;
384
+ display: flex;
385
+ -webkit-box-flex: 1;
386
+ -webkit-flex: 1;
387
+ -ms-flex: 1;
388
+ flex: 1;
389
+ }
380
390
  span.flatpickr-weekday {
381
391
  cursor: default;
382
392
  font-size: 90%;
@@ -403,6 +413,10 @@ span.flatpickr-weekday {
403
413
  display: -webkit-flex;
404
414
  display: -ms-flexbox;
405
415
  display: flex;
416
+ -webkit-box-align: start;
417
+ -webkit-align-items: flex-start;
418
+ -ms-flex-align: start;
419
+ align-items: flex-start;
406
420
  width: 307.875px;
407
421
  border-left: 1px solid rgba(72,72,72,0.2);
408
422
  border-right: 1px solid rgba(72,72,72,0.2);
@@ -434,28 +448,9 @@ span.flatpickr-weekday {
434
448
  transform: translate3d(0px, 0px, 0px);
435
449
  opacity: 1;
436
450
  }
437
- .flatpickr-calendar.animate .dayContainer.slideLeft {
438
- -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
439
- animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
440
- }
441
- .flatpickr-calendar.animate .dayContainer.slideLeft,
442
- .flatpickr-calendar.animate .dayContainer.slideLeftNew {
443
- -webkit-transform: translate3d(-100%, 0px, 0px);
444
- transform: translate3d(-100%, 0px, 0px);
445
- }
446
- .flatpickr-calendar.animate .dayContainer.slideLeftNew {
447
- -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
448
- animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
449
- }
450
- .flatpickr-calendar.animate .dayContainer.slideRight {
451
- -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
452
- animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
453
- -webkit-transform: translate3d(100%, 0px, 0px);
454
- transform: translate3d(100%, 0px, 0px);
455
- }
456
- .flatpickr-calendar.animate .dayContainer.slideRightNew {
457
- -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
458
- animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
451
+ .dayContainer + .dayContainer {
452
+ -webkit-box-shadow: -1px 0 0 rgba(72,72,72,0.2);
453
+ box-shadow: -1px 0 0 rgba(72,72,72,0.2);
459
454
  }
460
455
  .flatpickr-day {
461
456
  background: none;
@@ -542,9 +537,9 @@ span.flatpickr-weekday {
542
537
  .flatpickr-day.endRange.endRange {
543
538
  border-radius: 0 50px 50px 0;
544
539
  }
545
- .flatpickr-day.selected.startRange + .endRange,
546
- .flatpickr-day.startRange.startRange + .endRange,
547
- .flatpickr-day.endRange.startRange + .endRange {
540
+ .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
541
+ .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
542
+ .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
548
543
  -webkit-box-shadow: -10px 0 0 #42a5f5;
549
544
  box-shadow: -10px 0 0 #42a5f5;
550
545
  }
@@ -559,10 +554,6 @@ span.flatpickr-weekday {
559
554
  box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
560
555
  }
561
556
  .flatpickr-day.disabled,
562
- .flatpickr-day.disabled:hover {
563
- pointer-events: none;
564
- }
565
- .flatpickr-day.disabled,
566
557
  .flatpickr-day.disabled:hover,
567
558
  .flatpickr-day.prevMonthDay,
568
559
  .flatpickr-day.nextMonthDay,
@@ -574,11 +565,19 @@ span.flatpickr-weekday {
574
565
  border-color: transparent;
575
566
  cursor: default;
576
567
  }
568
+ .flatpickr-day.disabled,
569
+ .flatpickr-day.disabled:hover {
570
+ cursor: not-allowed;
571
+ color: rgba(72,72,72,0.1);
572
+ }
577
573
  .flatpickr-day.week.selected {
578
574
  border-radius: 0;
579
575
  -webkit-box-shadow: -5px 0 0 #42a5f5, 5px 0 0 #42a5f5;
580
576
  box-shadow: -5px 0 0 #42a5f5, 5px 0 0 #42a5f5;
581
577
  }
578
+ .flatpickr-day.hidden {
579
+ visibility: hidden;
580
+ }
582
581
  .rangeMode .flatpickr-day {
583
582
  margin-top: 1px;
584
583
  }
@@ -595,10 +594,15 @@ span.flatpickr-weekday {
595
594
  width: 100%;
596
595
  line-height: 28px;
597
596
  }
598
- .flatpickr-weekwrapper span.flatpickr-day {
597
+ .flatpickr-weekwrapper span.flatpickr-day,
598
+ .flatpickr-weekwrapper span.flatpickr-day:hover {
599
599
  display: block;
600
600
  width: 100%;
601
601
  max-width: none;
602
+ color: rgba(72,72,72,0.3);
603
+ background: transparent;
604
+ cursor: default;
605
+ border: none;
602
606
  }
603
607
  .flatpickr-innerContainer {
604
608
  display: block;
@@ -672,7 +676,6 @@ span.flatpickr-weekday {
672
676
  padding: 0;
673
677
  height: inherit;
674
678
  line-height: inherit;
675
- cursor: pointer;
676
679
  color: #484848;
677
680
  font-size: 14px;
678
681
  position: relative;
@@ -714,9 +717,11 @@ span.flatpickr-weekday {
714
717
  text-align: center;
715
718
  font-weight: 400;
716
719
  }
720
+ .flatpickr-time input:hover,
717
721
  .flatpickr-time .flatpickr-am-pm:hover,
722
+ .flatpickr-time input:focus,
718
723
  .flatpickr-time .flatpickr-am-pm:focus {
719
- background: #ececec;
724
+ background: #efefef;
720
725
  }
721
726
  .flatpickr-input[readonly] {
722
727
  cursor: pointer;
@@ -745,115 +750,3 @@ span.flatpickr-weekday {
745
750
  transform: translate3d(0, 0, 0);
746
751
  }
747
752
  }
748
- @-webkit-keyframes fpSlideLeft {
749
- from {
750
- -webkit-transform: translate3d(0px, 0px, 0px);
751
- transform: translate3d(0px, 0px, 0px);
752
- }
753
- to {
754
- -webkit-transform: translate3d(-100%, 0px, 0px);
755
- transform: translate3d(-100%, 0px, 0px);
756
- }
757
- }
758
- @keyframes fpSlideLeft {
759
- from {
760
- -webkit-transform: translate3d(0px, 0px, 0px);
761
- transform: translate3d(0px, 0px, 0px);
762
- }
763
- to {
764
- -webkit-transform: translate3d(-100%, 0px, 0px);
765
- transform: translate3d(-100%, 0px, 0px);
766
- }
767
- }
768
- @-webkit-keyframes fpSlideLeftNew {
769
- from {
770
- -webkit-transform: translate3d(100%, 0px, 0px);
771
- transform: translate3d(100%, 0px, 0px);
772
- }
773
- to {
774
- -webkit-transform: translate3d(0px, 0px, 0px);
775
- transform: translate3d(0px, 0px, 0px);
776
- }
777
- }
778
- @keyframes fpSlideLeftNew {
779
- from {
780
- -webkit-transform: translate3d(100%, 0px, 0px);
781
- transform: translate3d(100%, 0px, 0px);
782
- }
783
- to {
784
- -webkit-transform: translate3d(0px, 0px, 0px);
785
- transform: translate3d(0px, 0px, 0px);
786
- }
787
- }
788
- @-webkit-keyframes fpSlideRight {
789
- from {
790
- -webkit-transform: translate3d(0, 0, 0px);
791
- transform: translate3d(0, 0, 0px);
792
- }
793
- to {
794
- -webkit-transform: translate3d(100%, 0px, 0px);
795
- transform: translate3d(100%, 0px, 0px);
796
- }
797
- }
798
- @keyframes fpSlideRight {
799
- from {
800
- -webkit-transform: translate3d(0, 0, 0px);
801
- transform: translate3d(0, 0, 0px);
802
- }
803
- to {
804
- -webkit-transform: translate3d(100%, 0px, 0px);
805
- transform: translate3d(100%, 0px, 0px);
806
- }
807
- }
808
- @-webkit-keyframes fpSlideRightNew {
809
- from {
810
- -webkit-transform: translate3d(-100%, 0, 0px);
811
- transform: translate3d(-100%, 0, 0px);
812
- }
813
- to {
814
- -webkit-transform: translate3d(0, 0, 0px);
815
- transform: translate3d(0, 0, 0px);
816
- }
817
- }
818
- @keyframes fpSlideRightNew {
819
- from {
820
- -webkit-transform: translate3d(-100%, 0, 0px);
821
- transform: translate3d(-100%, 0, 0px);
822
- }
823
- to {
824
- -webkit-transform: translate3d(0, 0, 0px);
825
- transform: translate3d(0, 0, 0px);
826
- }
827
- }
828
- @-webkit-keyframes fpFadeOut {
829
- from {
830
- opacity: 1;
831
- }
832
- to {
833
- opacity: 0;
834
- }
835
- }
836
- @keyframes fpFadeOut {
837
- from {
838
- opacity: 1;
839
- }
840
- to {
841
- opacity: 0;
842
- }
843
- }
844
- @-webkit-keyframes fpFadeIn {
845
- from {
846
- opacity: 0;
847
- }
848
- to {
849
- opacity: 1;
850
- }
851
- }
852
- @keyframes fpFadeIn {
853
- from {
854
- opacity: 0;
855
- }
856
- to {
857
- opacity: 1;
858
- }
859
- }