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,869 @@
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(239,239,239,0.95);
19
+ box-shadow: -1px 0 0 #e3e3e3, 1px 0 0 #e3e3e3, 0 1px 0 #e3e3e3, 0 -1px 0 #e3e3e3, 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 #e3e3e3;
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: #e3e3e3;
97
+ }
98
+ .flatpickr-calendar.arrowTop:after {
99
+ border-bottom-color: rgba(239,239,239,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: #e3e3e3;
107
+ }
108
+ .flatpickr-calendar.arrowBottom:after {
109
+ border-top-color: rgba(239,239,239,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: #2c3e50;
121
+ fill: #2c3e50;
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: #7f8c8d;
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(64,72,72,0.05);
213
+ box-sizing: border-box;
214
+ }
215
+ .numInputWrapper span:hover {
216
+ background: rgba(16,16,16,0.1);
217
+ }
218
+ .numInputWrapper span:active {
219
+ background: rgba(16,16,16,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(64,72,72,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(64,72,72,0.6);
243
+ }
244
+ .numInputWrapper span svg {
245
+ width: inherit;
246
+ height: auto;
247
+ }
248
+ .numInputWrapper span svg path {
249
+ fill: rgba(44,62,80,0.5);
250
+ }
251
+ .numInputWrapper:hover {
252
+ background: rgba(16,16,16,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(16,16,16,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: #2c3e50;
304
+ }
305
+ .flatpickr-current-month .numInputWrapper span.arrowDown:after {
306
+ border-top-color: #2c3e50;
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(44,62,80,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(44,62,80,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: #404848;
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: #ccc;
439
+ border-color: #ccc;
440
+ }
441
+ .flatpickr-day.today {
442
+ border-color: #7f8c8d;
443
+ }
444
+ .flatpickr-day.today:hover,
445
+ .flatpickr-day.today:focus {
446
+ border-color: #7f8c8d;
447
+ background: #7f8c8d;
448
+ color: #fff;
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: #1abc9c;
469
+ box-shadow: none;
470
+ color: #ecf0f1;
471
+ border-color: #1abc9c;
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 #1abc9c;
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 #ccc, -5px 0 0 #ccc;
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(0,0,0,0.2);
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 #e3e3e3;
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: #404848;
568
+ }
569
+ .flatpickr-time .numInputWrapper span.arrowDown:after {
570
+ border-top-color: #404848;
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: #404848;
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: #404848;
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: #d6d6d6;
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
+ }