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,869 +0,0 @@
1
- .flatpickr-calendar {
2
- background: transparent;
3
- overflow: hidden;
4
- max-height: 0;
5
- opacity: 0;
6
- visibility: hidden;
7
- text-align: center;
8
- padding: 0;
9
- animation: none;
10
- direction: rtl;
11
- border: 0;
12
- font-size: 14px;
13
- line-height: 24px;
14
- border-radius: 5px;
15
- position: absolute;
16
- width: 315px;
17
- box-sizing: border-box;
18
- background: rgba(63,68,88,0.95);
19
- box-shadow: -1px 0 0 #3f4458, 1px 0 0 #3f4458, 0 1px 0 #3f4458, 0 -1px 0 #3f4458, 0 3px 13px rgba(0,0,0,0.08);
20
- }
21
- .flatpickr-calendar.open,
22
- .flatpickr-calendar.inline {
23
- opacity: 1;
24
- visibility: visible;
25
- overflow: visible;
26
- max-height: 640px;
27
- }
28
- .flatpickr-calendar.open {
29
- display: inline-block;
30
- z-index: 99999;
31
- }
32
- .flatpickr-calendar.animate.open {
33
- animation: flatpickrFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
34
- }
35
- .flatpickr-calendar.inline {
36
- display: block;
37
- position: relative;
38
- top: 2px;
39
- }
40
- .flatpickr-calendar.static {
41
- position: absolute;
42
- top: calc(100% + 2px);
43
- }
44
- .flatpickr-calendar.static.open {
45
- z-index: 999;
46
- display: block;
47
- }
48
- .flatpickr-calendar.hasWeeks {
49
- width: auto;
50
- }
51
- .flatpickr-calendar .hasWeeks .dayContainer,
52
- .flatpickr-calendar .hasTime .dayContainer {
53
- border-bottom: 0;
54
- border-bottom-left-radius: 0;
55
- border-bottom-right-radius: 0;
56
- }
57
- .flatpickr-calendar .hasWeeks .dayContainer {
58
- border-right: 0;
59
- }
60
- .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
61
- height: 40px;
62
- border-top: 1px solid #3f4458;
63
- }
64
- .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
65
- height: auto;
66
- }
67
- .flatpickr-calendar:before,
68
- .flatpickr-calendar:after {
69
- position: absolute;
70
- display: block;
71
- pointer-events: none;
72
- border: solid transparent;
73
- content: '';
74
- height: 0;
75
- width: 0;
76
- right: 22px;
77
- }
78
- .flatpickr-calendar.rightMost:before,
79
- .flatpickr-calendar.rightMost:after {
80
- right: auto;
81
- left: 22px;
82
- }
83
- .flatpickr-calendar:before {
84
- border-width: 5px;
85
- margin: 0 -5px;
86
- }
87
- .flatpickr-calendar:after {
88
- border-width: 4px;
89
- margin: 0 -4px;
90
- }
91
- .flatpickr-calendar.arrowTop:before,
92
- .flatpickr-calendar.arrowTop:after {
93
- bottom: 100%;
94
- }
95
- .flatpickr-calendar.arrowTop:before {
96
- border-bottom-color: #3f4458;
97
- }
98
- .flatpickr-calendar.arrowTop:after {
99
- border-bottom-color: rgba(63,68,88,0.95);
100
- }
101
- .flatpickr-calendar.arrowBottom:before,
102
- .flatpickr-calendar.arrowBottom:after {
103
- top: 100%;
104
- }
105
- .flatpickr-calendar.arrowBottom:before {
106
- border-top-color: #3f4458;
107
- }
108
- .flatpickr-calendar.arrowBottom:after {
109
- border-top-color: rgba(63,68,88,0.95);
110
- }
111
- .flatpickr-calendar:focus {
112
- outline: 0;
113
- }
114
- .flatpickr-wrapper {
115
- position: relative;
116
- display: inline-block;
117
- }
118
- .flatpickr-month {
119
- background: transparent;
120
- color: #fff;
121
- fill: #fff;
122
- height: 28px;
123
- line-height: 24px;
124
- text-align: center;
125
- position: relative;
126
- user-select: none;
127
- overflow: hidden;
128
- }
129
- .flatpickr-prev-month,
130
- .flatpickr-next-month {
131
- text-decoration: none;
132
- cursor: pointer;
133
- position: absolute;
134
- top: 0px;
135
- height: 28px;
136
- line-height: 16px;
137
- padding: 10px calc(3.57% - 1.5px);
138
- }
139
- .flatpickr-prev-month i,
140
- .flatpickr-next-month i {
141
- position: relative;
142
- }
143
- .flatpickr-prev-month.flatpickr-prev-month,
144
- .flatpickr-next-month.flatpickr-prev-month {
145
- /*
146
- /*rtl:begin:ignore*/
147
- /*
148
- */
149
- right: 0;
150
- /*
151
- /*rtl:end:ignore*/
152
- /*
153
- */
154
- }
155
- /*
156
- /*rtl:begin:ignore*/
157
- /*
158
- /*rtl:end:ignore*/
159
- .flatpickr-prev-month.flatpickr-next-month,
160
- .flatpickr-next-month.flatpickr-next-month {
161
- /*
162
- /*rtl:begin:ignore*/
163
- /*
164
- */
165
- left: 0;
166
- /*
167
- /*rtl:end:ignore*/
168
- /*
169
- */
170
- }
171
- /*
172
- /*rtl:begin:ignore*/
173
- /*
174
- /*rtl:end:ignore*/
175
- .flatpickr-prev-month:hover,
176
- .flatpickr-next-month:hover {
177
- color: #eee;
178
- }
179
- .flatpickr-prev-month:hover svg,
180
- .flatpickr-next-month:hover svg {
181
- fill: #f64747;
182
- }
183
- .flatpickr-prev-month svg,
184
- .flatpickr-next-month svg {
185
- width: 14px;
186
- }
187
- .flatpickr-prev-month svg path,
188
- .flatpickr-next-month svg path {
189
- transition: fill 0.1s;
190
- fill: inherit;
191
- }
192
- .numInputWrapper {
193
- position: relative;
194
- height: auto;
195
- }
196
- .numInputWrapper input,
197
- .numInputWrapper span {
198
- display: inline-block;
199
- }
200
- .numInputWrapper input {
201
- width: 100%;
202
- }
203
- .numInputWrapper span {
204
- position: absolute;
205
- left: 0;
206
- width: 14px;
207
- padding: 0 2px 0 4px;
208
- height: 50%;
209
- line-height: 50%;
210
- opacity: 0;
211
- cursor: pointer;
212
- border: 1px solid rgba(255,255,255,0.05);
213
- box-sizing: border-box;
214
- }
215
- .numInputWrapper span:hover {
216
- background: rgba(192,187,167,0.1);
217
- }
218
- .numInputWrapper span:active {
219
- background: rgba(192,187,167,0.2);
220
- }
221
- .numInputWrapper span:after {
222
- display: block;
223
- content: "";
224
- position: absolute;
225
- top: 33%;
226
- }
227
- .numInputWrapper span.arrowUp {
228
- top: 0;
229
- border-bottom: 0;
230
- }
231
- .numInputWrapper span.arrowUp:after {
232
- border-right: 4px solid transparent;
233
- border-left: 4px solid transparent;
234
- border-bottom: 4px solid rgba(255,255,255,0.6);
235
- }
236
- .numInputWrapper span.arrowDown {
237
- top: 50%;
238
- }
239
- .numInputWrapper span.arrowDown:after {
240
- border-right: 4px solid transparent;
241
- border-left: 4px solid transparent;
242
- border-top: 4px solid rgba(255,255,255,0.6);
243
- }
244
- .numInputWrapper span svg {
245
- width: inherit;
246
- height: auto;
247
- }
248
- .numInputWrapper span svg path {
249
- fill: rgba(255,255,255,0.5);
250
- }
251
- .numInputWrapper:hover {
252
- background: rgba(192,187,167,0.05);
253
- }
254
- .numInputWrapper:hover span {
255
- opacity: 1;
256
- }
257
- .flatpickr-current-month {
258
- font-size: 135%;
259
- line-height: inherit;
260
- font-weight: 300;
261
- color: inherit;
262
- position: absolute;
263
- width: 75%;
264
- right: 12.5%;
265
- top: 5px;
266
- display: inline-block;
267
- text-align: center;
268
- transform: translate(0px, 0px);
269
- }
270
- .flatpickr-current-month.slideLeft {
271
- transform: translate(100%, 0px);
272
- animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
273
- }
274
- .flatpickr-current-month.slideLeftNew {
275
- transform: translate(-100%, 0px);
276
- animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
277
- }
278
- .flatpickr-current-month.slideRight {
279
- transform: translate(-100%, 0px);
280
- animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
281
- }
282
- .flatpickr-current-month.slideRightNew {
283
- transform: translate(0, 0);
284
- animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
285
- }
286
- .flatpickr-current-month span.cur-month {
287
- font-family: inherit;
288
- font-weight: 700;
289
- color: inherit;
290
- display: inline-block;
291
- margin-right: 7px;
292
- padding: 0;
293
- }
294
- .flatpickr-current-month span.cur-month:hover {
295
- background: rgba(192,187,167,0.05);
296
- }
297
- .flatpickr-current-month .numInputWrapper {
298
- width: 6ch;
299
- width: 7ch\0;
300
- display: inline-block;
301
- }
302
- .flatpickr-current-month .numInputWrapper span.arrowUp:after {
303
- border-bottom-color: #fff;
304
- }
305
- .flatpickr-current-month .numInputWrapper span.arrowDown:after {
306
- border-top-color: #fff;
307
- }
308
- .flatpickr-current-month input.cur-year {
309
- background: transparent;
310
- box-sizing: border-box;
311
- color: inherit;
312
- cursor: default;
313
- padding: 0 0.5ch 0 0;
314
- margin: 0;
315
- display: inline;
316
- font-size: inherit;
317
- font-family: inherit;
318
- font-weight: 300;
319
- line-height: inherit;
320
- height: initial;
321
- border: 0;
322
- border-radius: 0;
323
- vertical-align: initial;
324
- }
325
- .flatpickr-current-month input.cur-year:focus {
326
- outline: 0;
327
- }
328
- .flatpickr-current-month input.cur-year[disabled],
329
- .flatpickr-current-month input.cur-year[disabled]:hover {
330
- font-size: 100%;
331
- color: rgba(255,255,255,0.5);
332
- background: transparent;
333
- pointer-events: none;
334
- }
335
- .flatpickr-weekdays {
336
- background: transparent;
337
- text-align: center;
338
- overflow: hidden;
339
- width: 315px;
340
- display: flex;
341
- align-items: center;
342
- height: 28px;
343
- }
344
- span.flatpickr-weekday {
345
- cursor: default;
346
- font-size: 90%;
347
- color: rgba(255,255,255,0.54);
348
- line-height: 1;
349
- margin: 0;
350
- background: transparent;
351
- text-align: center;
352
- display: block;
353
- flex: 1;
354
- font-weight: bolder;
355
- margin: 0;
356
- }
357
- .dayContainer,
358
- .flatpickr-weeks {
359
- padding: 1px 0 0 0;
360
- }
361
- .flatpickr-days {
362
- position: relative;
363
- overflow: hidden;
364
- display: flex;
365
- width: 315px;
366
- }
367
- .flatpickr-days:focus {
368
- outline: 0;
369
- }
370
- .dayContainer {
371
- padding: 0;
372
- outline: 0;
373
- text-align: right;
374
- width: 315px;
375
- min-width: 315px;
376
- max-width: 315px;
377
- box-sizing: border-box;
378
- display: inline-block;
379
- display: -ms-flexbox;
380
- display: flex;
381
- flex-wrap: wrap;
382
- -ms-flex-wrap: wrap;
383
- -ms-flex-pack: justify;
384
- justify-content: space-around;
385
- transform: translate(0px, 0px);
386
- opacity: 1;
387
- }
388
- .flatpickr-calendar.animate .dayContainer.slideLeft {
389
- animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
390
- }
391
- .flatpickr-calendar.animate .dayContainer.slideLeft,
392
- .flatpickr-calendar.animate .dayContainer.slideLeftNew {
393
- transform: translate(100%, 0px);
394
- }
395
- .flatpickr-calendar.animate .dayContainer.slideLeftNew {
396
- animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
397
- }
398
- .flatpickr-calendar.animate .dayContainer.slideRight {
399
- animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
400
- transform: translate(-100%, 0px);
401
- }
402
- .flatpickr-calendar.animate .dayContainer.slideRightNew {
403
- animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
404
- }
405
- .flatpickr-day {
406
- background: none;
407
- border: 1px solid transparent;
408
- border-radius: 150px;
409
- box-sizing: border-box;
410
- color: rgba(255,255,255,0.95);
411
- cursor: pointer;
412
- font-weight: 400;
413
- width: 14.2857143%;
414
- flex-basis: 14.2857143%;
415
- max-width: 40px;
416
- height: 40px;
417
- line-height: 40px;
418
- margin: 0;
419
- display: inline-block;
420
- position: relative;
421
- justify-content: center;
422
- text-align: center;
423
- }
424
- .flatpickr-day.inRange,
425
- .flatpickr-day.prevMonthDay.inRange,
426
- .flatpickr-day.nextMonthDay.inRange,
427
- .flatpickr-day.today.inRange,
428
- .flatpickr-day.prevMonthDay.today.inRange,
429
- .flatpickr-day.nextMonthDay.today.inRange,
430
- .flatpickr-day:hover,
431
- .flatpickr-day.prevMonthDay:hover,
432
- .flatpickr-day.nextMonthDay:hover,
433
- .flatpickr-day:focus,
434
- .flatpickr-day.prevMonthDay:focus,
435
- .flatpickr-day.nextMonthDay:focus {
436
- cursor: pointer;
437
- outline: 0;
438
- background: rgba(100,108,140,0.95);
439
- border-color: rgba(100,108,140,0.95);
440
- }
441
- .flatpickr-day.today {
442
- border-color: #eee;
443
- }
444
- .flatpickr-day.today:hover,
445
- .flatpickr-day.today:focus {
446
- border-color: #eee;
447
- background: #eee;
448
- color: #3f4458;
449
- }
450
- .flatpickr-day.selected,
451
- .flatpickr-day.startRange,
452
- .flatpickr-day.endRange,
453
- .flatpickr-day.selected.inRange,
454
- .flatpickr-day.startRange.inRange,
455
- .flatpickr-day.endRange.inRange,
456
- .flatpickr-day.selected:focus,
457
- .flatpickr-day.startRange:focus,
458
- .flatpickr-day.endRange:focus,
459
- .flatpickr-day.selected:hover,
460
- .flatpickr-day.startRange:hover,
461
- .flatpickr-day.endRange:hover,
462
- .flatpickr-day.selected.prevMonthDay,
463
- .flatpickr-day.startRange.prevMonthDay,
464
- .flatpickr-day.endRange.prevMonthDay,
465
- .flatpickr-day.selected.nextMonthDay,
466
- .flatpickr-day.startRange.nextMonthDay,
467
- .flatpickr-day.endRange.nextMonthDay {
468
- background: #80cbc4;
469
- box-shadow: none;
470
- color: #fff;
471
- border-color: #80cbc4;
472
- }
473
- .flatpickr-day.selected.startRange,
474
- .flatpickr-day.startRange.startRange,
475
- .flatpickr-day.endRange.startRange {
476
- border-radius: 0 50px 50px 0;
477
- }
478
- .flatpickr-day.selected.endRange,
479
- .flatpickr-day.startRange.endRange,
480
- .flatpickr-day.endRange.endRange {
481
- border-radius: 50px 0 0 50px;
482
- }
483
- .flatpickr-day.selected.startRange + .endRange,
484
- .flatpickr-day.startRange.startRange + .endRange,
485
- .flatpickr-day.endRange.startRange + .endRange {
486
- box-shadow: 10px 0 0 #80cbc4;
487
- }
488
- .flatpickr-day.selected.startRange.endRange,
489
- .flatpickr-day.startRange.startRange.endRange,
490
- .flatpickr-day.endRange.startRange.endRange {
491
- border-radius: 50px;
492
- }
493
- .flatpickr-day.inRange {
494
- border-radius: 0;
495
- box-shadow: 5px 0 0 rgba(100,108,140,0.95), -5px 0 0 rgba(100,108,140,0.95);
496
- }
497
- .flatpickr-day.disabled,
498
- .flatpickr-day.disabled:hover {
499
- pointer-events: none;
500
- }
501
- .flatpickr-day.disabled,
502
- .flatpickr-day.disabled:hover,
503
- .flatpickr-day.prevMonthDay,
504
- .flatpickr-day.nextMonthDay,
505
- .flatpickr-day.notAllowed,
506
- .flatpickr-day.notAllowed.prevMonthDay,
507
- .flatpickr-day.notAllowed.nextMonthDay {
508
- color: rgba(255,255,255,0.3);
509
- background: transparent;
510
- border-color: transparent;
511
- cursor: default;
512
- }
513
- .rangeMode .flatpickr-day {
514
- margin-top: 1px;
515
- }
516
- .flatpickr-weekwrapper {
517
- display: inline-block;
518
- float: right;
519
- }
520
- .flatpickr-weekwrapper .flatpickr-weeks {
521
- padding: 1px 12px 0 12px;
522
- box-shadow: -1px 0 0 #3f4458;
523
- }
524
- .flatpickr-weekwrapper .flatpickr-weekday {
525
- float: none;
526
- width: 100%;
527
- }
528
- .flatpickr-weekwrapper span.flatpickr-day {
529
- display: block;
530
- width: 100%;
531
- max-width: none;
532
- }
533
- .flatpickr-innerContainer {
534
- display: block;
535
- display: flex;
536
- box-sizing: border-box;
537
- overflow: hidden;
538
- }
539
- .flatpickr-rContainer {
540
- display: inline-block;
541
- padding: 0;
542
- box-sizing: border-box;
543
- }
544
- .flatpickr-time {
545
- text-align: center;
546
- outline: 0;
547
- display: block;
548
- height: 0;
549
- line-height: 40px;
550
- max-height: 40px;
551
- box-sizing: border-box;
552
- overflow: hidden;
553
- display: flex;
554
- }
555
- .flatpickr-time:after {
556
- content: "";
557
- display: table;
558
- clear: both;
559
- }
560
- .flatpickr-time .numInputWrapper {
561
- flex: 1;
562
- width: 40%;
563
- height: 40px;
564
- float: right;
565
- }
566
- .flatpickr-time .numInputWrapper span.arrowUp:after {
567
- border-bottom-color: rgba(255,255,255,0.95);
568
- }
569
- .flatpickr-time .numInputWrapper span.arrowDown:after {
570
- border-top-color: rgba(255,255,255,0.95);
571
- }
572
- .flatpickr-time.hasSeconds .numInputWrapper {
573
- width: 26%;
574
- }
575
- .flatpickr-time.time24hr .numInputWrapper {
576
- width: 49%;
577
- }
578
- .flatpickr-time input {
579
- background: transparent;
580
- box-shadow: none;
581
- border: 0;
582
- border-radius: 0;
583
- text-align: center;
584
- margin: 0;
585
- padding: 0;
586
- height: inherit;
587
- line-height: inherit;
588
- cursor: pointer;
589
- color: rgba(255,255,255,0.95);
590
- font-size: 14px;
591
- position: relative;
592
- box-sizing: border-box;
593
- }
594
- .flatpickr-time input.flatpickr-hour {
595
- font-weight: bold;
596
- }
597
- .flatpickr-time input.flatpickr-minute,
598
- .flatpickr-time input.flatpickr-second {
599
- font-weight: 400;
600
- }
601
- .flatpickr-time input:focus {
602
- outline: 0;
603
- border: 0;
604
- }
605
- .flatpickr-time .flatpickr-time-separator,
606
- .flatpickr-time .flatpickr-am-pm {
607
- height: inherit;
608
- display: inline-block;
609
- float: right;
610
- line-height: inherit;
611
- color: rgba(255,255,255,0.95);
612
- font-weight: bold;
613
- width: 2%;
614
- user-select: none;
615
- }
616
- .flatpickr-time .flatpickr-am-pm {
617
- outline: 0;
618
- width: 18%;
619
- cursor: pointer;
620
- text-align: center;
621
- font-weight: 400;
622
- }
623
- .flatpickr-time .flatpickr-am-pm:hover,
624
- .flatpickr-time .flatpickr-am-pm:focus {
625
- background: rgba(109,118,151,0.95);
626
- }
627
- @media all and (-ms-high-contrast: none) {
628
- .flatpickr-month {
629
- padding: 0;
630
- }
631
- .flatpickr-month svg {
632
- top: 0 !important;
633
- }
634
- }
635
- .flatpickr-input[readonly] {
636
- cursor: pointer;
637
- }
638
- @-moz-keyframes flatpickrFadeInDown {
639
- from {
640
- opacity: 0;
641
- transform: translate3d(0, -20px, 0);
642
- }
643
- to {
644
- opacity: 1;
645
- transform: translate3d(0, 0, 0);
646
- }
647
- }
648
- @-webkit-keyframes flatpickrFadeInDown {
649
- from {
650
- opacity: 0;
651
- transform: translate3d(0, -20px, 0);
652
- }
653
- to {
654
- opacity: 1;
655
- transform: translate3d(0, 0, 0);
656
- }
657
- }
658
- @-o-keyframes flatpickrFadeInDown {
659
- from {
660
- opacity: 0;
661
- transform: translate3d(0, -20px, 0);
662
- }
663
- to {
664
- opacity: 1;
665
- transform: translate3d(0, 0, 0);
666
- }
667
- }
668
- @keyframes flatpickrFadeInDown {
669
- from {
670
- opacity: 0;
671
- transform: translate3d(0, -20px, 0);
672
- }
673
- to {
674
- opacity: 1;
675
- transform: translate3d(0, 0, 0);
676
- }
677
- }
678
- @-moz-keyframes slideLeft {
679
- from {
680
- transform: translate(0px, 0px);
681
- }
682
- to {
683
- transform: translate(100%, 0px);
684
- }
685
- }
686
- @-webkit-keyframes slideLeft {
687
- from {
688
- transform: translate(0px, 0px);
689
- }
690
- to {
691
- transform: translate(100%, 0px);
692
- }
693
- }
694
- @-o-keyframes slideLeft {
695
- from {
696
- transform: translate(0px, 0px);
697
- }
698
- to {
699
- transform: translate(100%, 0px);
700
- }
701
- }
702
- @keyframes slideLeft {
703
- from {
704
- transform: translate(0px, 0px);
705
- }
706
- to {
707
- transform: translate(100%, 0px);
708
- }
709
- }
710
- @-moz-keyframes slideLeftNew {
711
- from {
712
- transform: translate(-100%, 0px);
713
- }
714
- to {
715
- transform: translate(0px, 0px);
716
- }
717
- }
718
- @-webkit-keyframes slideLeftNew {
719
- from {
720
- transform: translate(-100%, 0px);
721
- }
722
- to {
723
- transform: translate(0px, 0px);
724
- }
725
- }
726
- @-o-keyframes slideLeftNew {
727
- from {
728
- transform: translate(-100%, 0px);
729
- }
730
- to {
731
- transform: translate(0px, 0px);
732
- }
733
- }
734
- @keyframes slideLeftNew {
735
- from {
736
- transform: translate(-100%, 0px);
737
- }
738
- to {
739
- transform: translate(0px, 0px);
740
- }
741
- }
742
- @-moz-keyframes slideRight {
743
- from {
744
- transform: translate(0, 0);
745
- }
746
- to {
747
- transform: translate(-100%, 0px);
748
- }
749
- }
750
- @-webkit-keyframes slideRight {
751
- from {
752
- transform: translate(0, 0);
753
- }
754
- to {
755
- transform: translate(-100%, 0px);
756
- }
757
- }
758
- @-o-keyframes slideRight {
759
- from {
760
- transform: translate(0, 0);
761
- }
762
- to {
763
- transform: translate(-100%, 0px);
764
- }
765
- }
766
- @keyframes slideRight {
767
- from {
768
- transform: translate(0, 0);
769
- }
770
- to {
771
- transform: translate(-100%, 0px);
772
- }
773
- }
774
- @-moz-keyframes slideRightNew {
775
- from {
776
- transform: translate(100%, 0);
777
- }
778
- to {
779
- transform: translate(0, 0);
780
- }
781
- }
782
- @-webkit-keyframes slideRightNew {
783
- from {
784
- transform: translate(100%, 0);
785
- }
786
- to {
787
- transform: translate(0, 0);
788
- }
789
- }
790
- @-o-keyframes slideRightNew {
791
- from {
792
- transform: translate(100%, 0);
793
- }
794
- to {
795
- transform: translate(0, 0);
796
- }
797
- }
798
- @keyframes slideRightNew {
799
- from {
800
- transform: translate(100%, 0);
801
- }
802
- to {
803
- transform: translate(0, 0);
804
- }
805
- }
806
- @-moz-keyframes fadeOut {
807
- from {
808
- opacity: 1;
809
- }
810
- to {
811
- opacity: 0;
812
- }
813
- }
814
- @-webkit-keyframes fadeOut {
815
- from {
816
- opacity: 1;
817
- }
818
- to {
819
- opacity: 0;
820
- }
821
- }
822
- @-o-keyframes fadeOut {
823
- from {
824
- opacity: 1;
825
- }
826
- to {
827
- opacity: 0;
828
- }
829
- }
830
- @keyframes fadeOut {
831
- from {
832
- opacity: 1;
833
- }
834
- to {
835
- opacity: 0;
836
- }
837
- }
838
- @-moz-keyframes fadeIn {
839
- from {
840
- opacity: 0;
841
- }
842
- to {
843
- opacity: 1;
844
- }
845
- }
846
- @-webkit-keyframes fadeIn {
847
- from {
848
- opacity: 0;
849
- }
850
- to {
851
- opacity: 1;
852
- }
853
- }
854
- @-o-keyframes fadeIn {
855
- from {
856
- opacity: 0;
857
- }
858
- to {
859
- opacity: 1;
860
- }
861
- }
862
- @keyframes fadeIn {
863
- from {
864
- opacity: 0;
865
- }
866
- to {
867
- opacity: 1;
868
- }
869
- }