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