flatpickr_rails 1.0.0 → 1.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (41) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +1 -0
  3. data/README.md +1 -1
  4. data/lib/flatpickr_rails/version.rb +1 -1
  5. data/vendor/assets/javascripts/flatpickr.js +1408 -701
  6. data/vendor/assets/stylesheets/flatpickr.css +842 -7
  7. data/vendor/assets/stylesheets/flatpickr/airbnb.css +926 -0
  8. data/vendor/assets/stylesheets/flatpickr/airbnb.rtl.css +946 -0
  9. data/vendor/assets/stylesheets/flatpickr/base16_flat.rtl.css +869 -0
  10. data/vendor/assets/stylesheets/flatpickr/confetti.css +859 -0
  11. data/vendor/assets/stylesheets/flatpickr/confetti.rtl.css +883 -0
  12. data/vendor/assets/stylesheets/flatpickr/dark.css +848 -0
  13. data/vendor/assets/stylesheets/flatpickr/dark.rtl.css +869 -0
  14. data/vendor/assets/stylesheets/flatpickr/flatpickr.css +848 -0
  15. data/vendor/assets/stylesheets/flatpickr/light.css +862 -0
  16. data/vendor/assets/stylesheets/flatpickr/material_blue.css +859 -0
  17. data/vendor/assets/stylesheets/flatpickr/material_blue.rtl.css +883 -0
  18. data/vendor/assets/stylesheets/flatpickr/material_green.css +859 -0
  19. data/vendor/assets/stylesheets/flatpickr/material_green.rtl.css +883 -0
  20. data/vendor/assets/stylesheets/flatpickr/material_orange.css +859 -0
  21. data/vendor/assets/stylesheets/flatpickr/material_orange.rtl.css +883 -0
  22. data/vendor/assets/stylesheets/flatpickr/material_red.css +859 -0
  23. data/vendor/assets/stylesheets/flatpickr/material_red.rtl.css +883 -0
  24. metadata +19 -19
  25. data/vendor/assets/stylesheets/flatpickr.airbnb.css +0 -13
  26. data/vendor/assets/stylesheets/flatpickr.airbnb.rtl.css +0 -13
  27. data/vendor/assets/stylesheets/flatpickr.base16_flat.css +0 -13
  28. data/vendor/assets/stylesheets/flatpickr.base16_flat.rtl.css +0 -13
  29. data/vendor/assets/stylesheets/flatpickr.confetti.css +0 -13
  30. data/vendor/assets/stylesheets/flatpickr.confetti.rtl.css +0 -13
  31. data/vendor/assets/stylesheets/flatpickr.dark.css +0 -13
  32. data/vendor/assets/stylesheets/flatpickr.dark.rtl.css +0 -13
  33. data/vendor/assets/stylesheets/flatpickr.material_blue.css +0 -13
  34. data/vendor/assets/stylesheets/flatpickr.material_blue.rtl.css +0 -13
  35. data/vendor/assets/stylesheets/flatpickr.material_green.css +0 -13
  36. data/vendor/assets/stylesheets/flatpickr.material_green.rtl.css +0 -13
  37. data/vendor/assets/stylesheets/flatpickr.material_orange.css +0 -13
  38. data/vendor/assets/stylesheets/flatpickr.material_orange.rtl.css +0 -13
  39. data/vendor/assets/stylesheets/flatpickr.material_red.css +0 -13
  40. data/vendor/assets/stylesheets/flatpickr.material_red.rtl.css +0 -13
  41. data/vendor/assets/stylesheets/flatpickr.rtl.css +0 -13
@@ -0,0 +1,883 @@
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: #ff8a65;
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: #ff8a65;
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: #ff8a65;
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: #ff8a65;
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: #ff8a65;
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: #ff8a65;
478
+ box-shadow: none;
479
+ color: #fff;
480
+ border-color: #ff8a65;
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 #ff8a65;
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
+ }