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