flatpickr_rails 0.0.2 → 0.0.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (52) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +26 -21
  3. data/lib/flatpickr_rails/version.rb +1 -1
  4. data/vendor/assets/javascripts/flatpickr.js +1506 -0
  5. data/vendor/assets/javascripts/flatpickr/l10n/ar.js +16 -0
  6. data/vendor/assets/javascripts/flatpickr/l10n/bg.js +16 -0
  7. data/vendor/assets/javascripts/flatpickr/l10n/bn.js +16 -0
  8. data/vendor/assets/javascripts/flatpickr/l10n/cat.js +36 -0
  9. data/vendor/assets/javascripts/flatpickr/l10n/cs.js +22 -0
  10. data/vendor/assets/javascripts/flatpickr/l10n/da.js +20 -0
  11. data/vendor/assets/javascripts/flatpickr/l10n/de.js +16 -0
  12. data/vendor/assets/javascripts/flatpickr/l10n/es.js +22 -0
  13. data/vendor/assets/javascripts/flatpickr/l10n/et.js +27 -0
  14. data/vendor/assets/javascripts/flatpickr/l10n/fa.js +20 -0
  15. data/vendor/assets/javascripts/flatpickr/l10n/fi.js +22 -0
  16. data/vendor/assets/javascripts/flatpickr/l10n/fr.js +26 -0
  17. data/vendor/assets/javascripts/flatpickr/l10n/he.js +16 -0
  18. data/vendor/assets/javascripts/flatpickr/l10n/hi.js +16 -0
  19. data/vendor/assets/javascripts/flatpickr/l10n/hr.js +19 -0
  20. data/vendor/assets/javascripts/flatpickr/l10n/hu.js +27 -0
  21. data/vendor/assets/javascripts/flatpickr/l10n/id.js +22 -0
  22. data/vendor/assets/javascripts/flatpickr/l10n/it.js +27 -0
  23. data/vendor/assets/javascripts/flatpickr/l10n/ja.js +16 -0
  24. data/vendor/assets/javascripts/flatpickr/l10n/ko.js +20 -0
  25. data/vendor/assets/javascripts/flatpickr/l10n/ms.js +22 -0
  26. data/vendor/assets/javascripts/flatpickr/l10n/my.js +22 -0
  27. data/vendor/assets/javascripts/flatpickr/l10n/nl.js +26 -0
  28. data/vendor/assets/javascripts/flatpickr/l10n/no.js +20 -0
  29. data/vendor/assets/javascripts/flatpickr/l10n/pa.js +16 -0
  30. data/vendor/assets/javascripts/flatpickr/l10n/pl.js +20 -0
  31. data/vendor/assets/javascripts/flatpickr/l10n/pt.js +16 -0
  32. data/vendor/assets/javascripts/flatpickr/l10n/ro.js +23 -0
  33. data/vendor/assets/javascripts/flatpickr/l10n/ru.js +16 -0
  34. data/vendor/assets/javascripts/flatpickr/l10n/si.js +17 -0
  35. data/vendor/assets/javascripts/flatpickr/l10n/sq.js +16 -0
  36. data/vendor/assets/javascripts/flatpickr/l10n/sv.js +22 -0
  37. data/vendor/assets/javascripts/flatpickr/l10n/tr.js +18 -0
  38. data/vendor/assets/javascripts/flatpickr/l10n/uk.js +16 -0
  39. data/vendor/assets/javascripts/flatpickr/l10n/vn.js +19 -0
  40. data/vendor/assets/javascripts/flatpickr/l10n/zh.js +17 -0
  41. data/vendor/assets/stylesheets/flatpickr.airbnb.css +1 -0
  42. data/vendor/assets/stylesheets/flatpickr.base16_flat.css +1 -0
  43. data/vendor/assets/stylesheets/flatpickr.confetti.css +1 -246
  44. data/vendor/assets/stylesheets/flatpickr.css +1 -242
  45. data/vendor/assets/stylesheets/flatpickr.dark.css +1 -243
  46. data/vendor/assets/stylesheets/flatpickr.material_blue.css +1 -246
  47. data/vendor/assets/stylesheets/flatpickr.material_green.css +1 -246
  48. data/vendor/assets/stylesheets/flatpickr.material_orange.css +1 -246
  49. data/vendor/assets/stylesheets/flatpickr.material_red.css +1 -246
  50. metadata +42 -6
  51. data/vendor/assets/javascripts/flatpickr/core.js +0 -1034
  52. data/vendor/assets/javascripts/flatpickr/index.js +0 -1
@@ -1,246 +1 @@
1
- .flatpickr-input {
2
- cursor: pointer;
3
- z-index: 1;
4
- }
5
- .flatpickr-wrapper {
6
- position: absolute;
7
- display: block;
8
- }
9
- .flatpickr-wrapper.inline,
10
- .flatpickr-wrapper.static {
11
- display: block;
12
- position: relative;
13
- }
14
- .flatpickr-wrapper.inline .flatpickr-calendar {
15
- position: relative;
16
- }
17
- .flatpickr-wrapper.static .flatpickr-calendar {
18
- position: absolute;
19
- }
20
- .flatpickr-wrapper input {
21
- cursor: pointer;
22
- z-index: 1;
23
- }
24
- .flatpickr-wrapper.open .flatpickr-calendar,
25
- .flatpickr-wrapper.inline .flatpickr-calendar {
26
- z-index: 99999;
27
- display: block;
28
- }
29
- .flatpickr-calendar {
30
- background: #fff;
31
- font-size: 90%;
32
- border-radius: 3px;
33
- position: absolute;
34
- top: 100%;
35
- left: 0;
36
- margin-top: 3px;
37
- display: none;
38
- width: 256px;
39
- }
40
- .flatpickr-calendar.hasWeeks {
41
- width: 288px;
42
- }
43
- .flatpickr-calendar.hasWeeks .flatpickr-weekdays span {
44
- width: 12.5%;
45
- }
46
- .flatpickr-calendar:before,
47
- .flatpickr-calendar:after {
48
- position: absolute;
49
- display: block;
50
- pointer-events: none;
51
- border: solid transparent;
52
- content: '';
53
- height: 0;
54
- width: 0;
55
- bottom: 100%;
56
- left: 22px;
57
- }
58
- .flatpickr-calendar:before {
59
- border-width: 5px;
60
- margin: 0 -5px;
61
- border-bottom-color: rgba(255,138,101,0.2);
62
- }
63
- .flatpickr-calendar:after {
64
- border-width: 4px;
65
- margin: 0 -4px;
66
- border-bottom-color: #ff8a65;
67
- }
68
- .flatpickr-month {
69
- border-radius: 3px 3px 0 0;
70
- background: #ff8a65;
71
- color: #fff;
72
- padding: 4px 5px 2px 5px;
73
- text-align: center;
74
- position: relative;
75
- }
76
- .flatpickr-prev-month,
77
- .flatpickr-next-month {
78
- text-decoration: none;
79
- cursor: pointer;
80
- position: absolute;
81
- top: 0.5rem;
82
- }
83
- .flatpickr-prev-month i,
84
- .flatpickr-next-month i {
85
- position: relative;
86
- }
87
- .flatpickr-prev-month:hover,
88
- .flatpickr-next-month:hover {
89
- color: #bbb;
90
- }
91
- .flatpickr-prev-month {
92
- float: left;
93
- left: 0.5rem;
94
- }
95
- .flatpickr-next-month {
96
- float: right;
97
- right: 0.5rem;
98
- }
99
- .flatpickr-current-month {
100
- font-size: 135%;
101
- font-weight: 300;
102
- color: rgba(255,255,255,0.7);
103
- display: inline-block;
104
- }
105
- .flatpickr-current-month .cur_month {
106
- font-weight: 700;
107
- color: #fff;
108
- }
109
- .flatpickr-current-month .cur_year {
110
- background: transparent;
111
- box-sizing: content-box;
112
- color: inherit;
113
- cursor: default;
114
- padding: 0 0 0 2px;
115
- margin: 0;
116
- width: 3.1em;
117
- display: inline;
118
- font-size: inherit;
119
- line-height: inherit;
120
- height: initial;
121
- border: 0;
122
- }
123
- .flatpickr-current-month .cur_year:hover {
124
- background: rgba(0,0,0,0.05);
125
- }
126
- .flatpickr-weekdays {
127
- font-size: 90%;
128
- background: #ff8a65;
129
- padding: 2px 0 4px 0;
130
- text-align: center;
131
- }
132
- .flatpickr-weekdays span {
133
- opacity: 0.54;
134
- text-align: center;
135
- display: inline-block;
136
- width: 14.28%;
137
- font-weight: bold;
138
- }
139
- .flatpickr-weeks {
140
- width: 32px;
141
- float: left;
142
- }
143
- .flatpickr-days {
144
- padding-top: 1px;
145
- border: 1px solid rgba(255,138,101,0.2);
146
- border-top: 0;
147
- border-radius: 0 0 3px 3px;
148
- }
149
- .flatpickr-day {
150
- background: none;
151
- border: 1px solid transparent;
152
- border-radius: 150px;
153
- box-sizing: border-box;
154
- color: #484848;
155
- cursor: pointer;
156
- display: inline-block;
157
- width: 34px;
158
- height: 34px;
159
- line-height: 33px;
160
- margin: 0 1px 1px 1px;
161
- text-align: center;
162
- }
163
- .flatpickr-day:hover {
164
- background: #e2e2e2;
165
- border-color: #e2e2e2;
166
- }
167
- .flatpickr-day.today {
168
- border-color: #bbb;
169
- }
170
- .flatpickr-day.today:hover {
171
- border-color: #bbb;
172
- background: #bbb;
173
- color: #fff;
174
- }
175
- .flatpickr-day.selected,
176
- .flatpickr-day.selected:hover {
177
- background: #ff8a65;
178
- color: #fff;
179
- border-color: #ff8a65;
180
- }
181
- .flatpickr-day.disabled,
182
- .flatpickr-day.disabled:hover {
183
- color: rgba(72,72,72,0.3);
184
- background: transparent;
185
- border-color: transparent;
186
- cursor: default;
187
- }
188
- .flatpickr-time {
189
- overflow: auto;
190
- text-align: center;
191
- border: 1px solid rgba(255,138,101,0.2);
192
- border-top: 0;
193
- }
194
- .flatpickr-time input[type='number'] {
195
- background: transparent;
196
- -webkit-appearance: none;
197
- -moz-appearance: textfield;
198
- box-shadow: none;
199
- border: 0;
200
- border-radius: 0;
201
- display: inline-block;
202
- width: 33%;
203
- min-width: 33%;
204
- text-align: center;
205
- margin: 0;
206
- padding: 0;
207
- height: 38px;
208
- line-height: 38px;
209
- cursor: pointer;
210
- font-weight: bold;
211
- color: #484848;
212
- }
213
- .flatpickr-time input[type='number'].flatpickr-minute {
214
- width: 26%;
215
- font-weight: 300;
216
- }
217
- .flatpickr-time input[type='number'].flatpickr-second {
218
- font-weight: 300;
219
- }
220
- .flatpickr-time input[type='number']:focus {
221
- outline: 0;
222
- border: 0;
223
- }
224
- .flatpickr-time input[type='number']:hover {
225
- background: #ececec;
226
- }
227
- .flatpickr-time.has-seconds input[type='number'] {
228
- width: 25%;
229
- min-width: 25%;
230
- }
231
- .flatpickr-time-separator,
232
- .flatpickr-am-pm {
233
- height: 38px;
234
- display: inline-block;
235
- line-height: 38px;
236
- color: #484848;
237
- }
238
- .flatpickr-am-pm {
239
- width: 21%;
240
- padding: 0 2%;
241
- cursor: pointer;
242
- text-align: left;
243
- }
244
- .flatpickr-am-pm:hover {
245
- background: #ececec;
246
- }
1
+ .flatpickr-input{cursor:pointer;z-index:1}.flatpickr-mobileInput{opacity:0;visibility:hidden;position:absolute;width:0;height:0;box-sizing:border-box;padding:0}.flatpickr-calendar{background:#fff;display:none;text-align:center;padding:0;font-size:14px;border-radius:3px;position:absolute;min-width:200px;max-width:247px\9;}.flatpickr-calendar.open{opacity:1;z-index:99999;display:inline-block}.flatpickr-calendar.inline{display:inline-block;margin-top:2px;position:relative}.flatpickr-calendar.static{position:relative;}.flatpickr-calendar.static.open{display:block}.flatpickr-calendar.hasWeeks{max-width:320px}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:rgba(255,138,101,0.2)}.flatpickr-calendar.arrowTop:after{border-bottom-color:#ff8a65}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:rgba(255,138,101,0.2)}.flatpickr-calendar.arrowBottom:after{border-top-color:#ff8a65}.flatpickr-month{border-radius:3px 3px 0 0;background:#ff8a65;color:#fff;fill:#fff;padding:4px 0 0;padding:0px\9;text-align:center;position:relative}.flatpickr-prev-month,.flatpickr-next-month{text-decoration:none;cursor:pointer;}.flatpickr-prev-month i,.flatpickr-next-month i{position:relative}.flatpickr-prev-month svg,.flatpickr-next-month svg{width:14px;position:absolute;top:8px;top:0px\9;}.flatpickr-prev-month svg path,.flatpickr-next-month svg path{fill:inherit}.flatpickr-prev-month svg:hover,.flatpickr-next-month svg:hover{fill:#bbb}.flatpickr-prev-month:hover,.flatpickr-next-month:hover{color:#bbb}.flatpickr-prev-month svg{left:5px}.flatpickr-next-month svg{right:5px}.flatpickr-current-month{font-size:135%;font-weight:300;color:inherit;position:relative;display:inline-block;line-height:1;}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit}.flatpickr-current-month input.cur-year{background:transparent;box-sizing:border-box;color:inherit;cursor:default;padding:0;margin:0;width:3.2em;display:inline;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:initial;border:0;border-radius:0;vertical-align:initial;}.flatpickr-current-month input.cur-year:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(255,255,255,0.5);background:transparent;pointer-events:none}.flatpickr-weekdays{background:#ff8a65;text-align:center;overflow:hidden}.flatpickr-days{padding-top:1px;outline:0;text-align:left;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;border:1px solid rgba(255,138,101,0.2);border-top:0;border-bottom:0;border-radius:0 0 3px 3px}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#484848;cursor:pointer;display:inline-block;display:-webkit-flex;display:-ms-flexbox;display:flex;display:inline-block\9;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-weight:300;width:14.28571%;height:35px;line-height:35px;margin:0;text-align:center;transition:50ms all ease-out;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e2e2e2;border-color:#e2e2e2}.flatpickr-day.today{border-color:#bbb;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#bbb;background:#bbb;color:#fff}.flatpickr-day.selected,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected.nextMonthDay{background:#ff8a65;color:#fff;border-color:#ff8a65}.flatpickr-day.disabled,.flatpickr-day.disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(72,72,72,0.3);background:transparent;border-color:transparent;cursor:default}span.flatpickr-weekday{cursor:default;font-size:90%;color:rgba(0,0,0,0.54);height:24px;line-height:24px;margin:0;background:#ff8a65;text-align:center;display:block;float:left;width:14.28%;font-weight:bold}.flatpickr-weekwrapper{display:inline-block;float:left;}.flatpickr-weekwrapper .flatpickr-weeks{border-left:1px solid rgba(255,138,101,0.2);border-right:1px solid rgba(255,138,101,0.2)}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%}.flatpickr-weekwrapper span.flatpickr-day{display:block;width:100%;margin-right:1rem}.flatpickr-innerContainer{display:block;display:flex;border-bottom:1px solid rgba(255,138,101,0.2);}.flatpickr-innerContainer:after{display:inline-block;content:"";clear:both}.flatpickr-rContainer{display:inline-block;max-width:247px}.flatpickr-time{overflow:auto;text-align:center;border-top:0;outline:0;display:block;display:flex;}.flatpickr-time input{-moz-appearance:textfield;background:transparent;box-shadow:none;border:0;border-radius:0;display:inline-block;flex:1;text-align:center;margin:0;padding:0;height:38px;line-height:38px;cursor:pointer;font-weight:bold;color:#484848;font-size:14px;width:40%\9;}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:300}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time input:hover,.flatpickr-time input:focus{-moz-appearance:number-input;background:#e2e2e2}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:38px;display:inline-block;line-height:38px;color:#484848}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:300;}.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time .flatpickr-am-pm:focus{background:#ececec}.hasWeeks .flatpickr-days,.hasTime .flatpickr-days{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.hasWeeks .flatpickr-days{border-left:0}.flatpickr-innerContainer + .flatpickr-time{border:1px solid rgba(255,138,101,0.2);border-top:0}@media all and (-ms-high-contrast:none){.flatpickr-days{width:247px}.flatpickr-month{padding:0;}.flatpickr-month svg{top:0 !important}}
@@ -1,246 +1 @@
1
- .flatpickr-input {
2
- cursor: pointer;
3
- z-index: 1;
4
- }
5
- .flatpickr-wrapper {
6
- position: absolute;
7
- display: block;
8
- }
9
- .flatpickr-wrapper.inline,
10
- .flatpickr-wrapper.static {
11
- display: block;
12
- position: relative;
13
- }
14
- .flatpickr-wrapper.inline .flatpickr-calendar {
15
- position: relative;
16
- }
17
- .flatpickr-wrapper.static .flatpickr-calendar {
18
- position: absolute;
19
- }
20
- .flatpickr-wrapper input {
21
- cursor: pointer;
22
- z-index: 1;
23
- }
24
- .flatpickr-wrapper.open .flatpickr-calendar,
25
- .flatpickr-wrapper.inline .flatpickr-calendar {
26
- z-index: 99999;
27
- display: block;
28
- }
29
- .flatpickr-calendar {
30
- background: #fff;
31
- font-size: 90%;
32
- border-radius: 3px;
33
- position: absolute;
34
- top: 100%;
35
- left: 0;
36
- margin-top: 3px;
37
- display: none;
38
- width: 256px;
39
- }
40
- .flatpickr-calendar.hasWeeks {
41
- width: 288px;
42
- }
43
- .flatpickr-calendar.hasWeeks .flatpickr-weekdays span {
44
- width: 12.5%;
45
- }
46
- .flatpickr-calendar:before,
47
- .flatpickr-calendar:after {
48
- position: absolute;
49
- display: block;
50
- pointer-events: none;
51
- border: solid transparent;
52
- content: '';
53
- height: 0;
54
- width: 0;
55
- bottom: 100%;
56
- left: 22px;
57
- }
58
- .flatpickr-calendar:before {
59
- border-width: 5px;
60
- margin: 0 -5px;
61
- border-bottom-color: rgba(239,83,80,0.2);
62
- }
63
- .flatpickr-calendar:after {
64
- border-width: 4px;
65
- margin: 0 -4px;
66
- border-bottom-color: #ef5350;
67
- }
68
- .flatpickr-month {
69
- border-radius: 3px 3px 0 0;
70
- background: #ef5350;
71
- color: #fff;
72
- padding: 4px 5px 2px 5px;
73
- text-align: center;
74
- position: relative;
75
- }
76
- .flatpickr-prev-month,
77
- .flatpickr-next-month {
78
- text-decoration: none;
79
- cursor: pointer;
80
- position: absolute;
81
- top: 0.5rem;
82
- }
83
- .flatpickr-prev-month i,
84
- .flatpickr-next-month i {
85
- position: relative;
86
- }
87
- .flatpickr-prev-month:hover,
88
- .flatpickr-next-month:hover {
89
- color: #bbb;
90
- }
91
- .flatpickr-prev-month {
92
- float: left;
93
- left: 0.5rem;
94
- }
95
- .flatpickr-next-month {
96
- float: right;
97
- right: 0.5rem;
98
- }
99
- .flatpickr-current-month {
100
- font-size: 135%;
101
- font-weight: 300;
102
- color: rgba(255,255,255,0.7);
103
- display: inline-block;
104
- }
105
- .flatpickr-current-month .cur_month {
106
- font-weight: 700;
107
- color: #fff;
108
- }
109
- .flatpickr-current-month .cur_year {
110
- background: transparent;
111
- box-sizing: content-box;
112
- color: inherit;
113
- cursor: default;
114
- padding: 0 0 0 2px;
115
- margin: 0;
116
- width: 3.1em;
117
- display: inline;
118
- font-size: inherit;
119
- line-height: inherit;
120
- height: initial;
121
- border: 0;
122
- }
123
- .flatpickr-current-month .cur_year:hover {
124
- background: rgba(0,0,0,0.05);
125
- }
126
- .flatpickr-weekdays {
127
- font-size: 90%;
128
- background: #ef5350;
129
- padding: 2px 0 4px 0;
130
- text-align: center;
131
- }
132
- .flatpickr-weekdays span {
133
- opacity: 0.54;
134
- text-align: center;
135
- display: inline-block;
136
- width: 14.28%;
137
- font-weight: bold;
138
- }
139
- .flatpickr-weeks {
140
- width: 32px;
141
- float: left;
142
- }
143
- .flatpickr-days {
144
- padding-top: 1px;
145
- border: 1px solid rgba(239,83,80,0.2);
146
- border-top: 0;
147
- border-radius: 0 0 3px 3px;
148
- }
149
- .flatpickr-day {
150
- background: none;
151
- border: 1px solid transparent;
152
- border-radius: 150px;
153
- box-sizing: border-box;
154
- color: #484848;
155
- cursor: pointer;
156
- display: inline-block;
157
- width: 34px;
158
- height: 34px;
159
- line-height: 33px;
160
- margin: 0 1px 1px 1px;
161
- text-align: center;
162
- }
163
- .flatpickr-day:hover {
164
- background: #e2e2e2;
165
- border-color: #e2e2e2;
166
- }
167
- .flatpickr-day.today {
168
- border-color: #bbb;
169
- }
170
- .flatpickr-day.today:hover {
171
- border-color: #bbb;
172
- background: #bbb;
173
- color: #fff;
174
- }
175
- .flatpickr-day.selected,
176
- .flatpickr-day.selected:hover {
177
- background: #ef5350;
178
- color: #fff;
179
- border-color: #ef5350;
180
- }
181
- .flatpickr-day.disabled,
182
- .flatpickr-day.disabled:hover {
183
- color: rgba(72,72,72,0.3);
184
- background: transparent;
185
- border-color: transparent;
186
- cursor: default;
187
- }
188
- .flatpickr-time {
189
- overflow: auto;
190
- text-align: center;
191
- border: 1px solid rgba(239,83,80,0.2);
192
- border-top: 0;
193
- }
194
- .flatpickr-time input[type='number'] {
195
- background: transparent;
196
- -webkit-appearance: none;
197
- -moz-appearance: textfield;
198
- box-shadow: none;
199
- border: 0;
200
- border-radius: 0;
201
- display: inline-block;
202
- width: 33%;
203
- min-width: 33%;
204
- text-align: center;
205
- margin: 0;
206
- padding: 0;
207
- height: 38px;
208
- line-height: 38px;
209
- cursor: pointer;
210
- font-weight: bold;
211
- color: #484848;
212
- }
213
- .flatpickr-time input[type='number'].flatpickr-minute {
214
- width: 26%;
215
- font-weight: 300;
216
- }
217
- .flatpickr-time input[type='number'].flatpickr-second {
218
- font-weight: 300;
219
- }
220
- .flatpickr-time input[type='number']:focus {
221
- outline: 0;
222
- border: 0;
223
- }
224
- .flatpickr-time input[type='number']:hover {
225
- background: #ececec;
226
- }
227
- .flatpickr-time.has-seconds input[type='number'] {
228
- width: 25%;
229
- min-width: 25%;
230
- }
231
- .flatpickr-time-separator,
232
- .flatpickr-am-pm {
233
- height: 38px;
234
- display: inline-block;
235
- line-height: 38px;
236
- color: #484848;
237
- }
238
- .flatpickr-am-pm {
239
- width: 21%;
240
- padding: 0 2%;
241
- cursor: pointer;
242
- text-align: left;
243
- }
244
- .flatpickr-am-pm:hover {
245
- background: #ececec;
246
- }
1
+ .flatpickr-input{cursor:pointer;z-index:1}.flatpickr-mobileInput{opacity:0;visibility:hidden;position:absolute;width:0;height:0;box-sizing:border-box;padding:0}.flatpickr-calendar{background:#fff;display:none;text-align:center;padding:0;font-size:14px;border-radius:3px;position:absolute;min-width:200px;max-width:247px\9;}.flatpickr-calendar.open{opacity:1;z-index:99999;display:inline-block}.flatpickr-calendar.inline{display:inline-block;margin-top:2px;position:relative}.flatpickr-calendar.static{position:relative;}.flatpickr-calendar.static.open{display:block}.flatpickr-calendar.hasWeeks{max-width:320px}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:rgba(239,83,80,0.2)}.flatpickr-calendar.arrowTop:after{border-bottom-color:#ef5350}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:rgba(239,83,80,0.2)}.flatpickr-calendar.arrowBottom:after{border-top-color:#ef5350}.flatpickr-month{border-radius:3px 3px 0 0;background:#ef5350;color:#fff;fill:#fff;padding:4px 0 0;padding:0px\9;text-align:center;position:relative}.flatpickr-prev-month,.flatpickr-next-month{text-decoration:none;cursor:pointer;}.flatpickr-prev-month i,.flatpickr-next-month i{position:relative}.flatpickr-prev-month svg,.flatpickr-next-month svg{width:14px;position:absolute;top:8px;top:0px\9;}.flatpickr-prev-month svg path,.flatpickr-next-month svg path{fill:inherit}.flatpickr-prev-month svg:hover,.flatpickr-next-month svg:hover{fill:#bbb}.flatpickr-prev-month:hover,.flatpickr-next-month:hover{color:#bbb}.flatpickr-prev-month svg{left:5px}.flatpickr-next-month svg{right:5px}.flatpickr-current-month{font-size:135%;font-weight:300;color:inherit;position:relative;display:inline-block;line-height:1;}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit}.flatpickr-current-month input.cur-year{background:transparent;box-sizing:border-box;color:inherit;cursor:default;padding:0;margin:0;width:3.2em;display:inline;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:initial;border:0;border-radius:0;vertical-align:initial;}.flatpickr-current-month input.cur-year:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(255,255,255,0.5);background:transparent;pointer-events:none}.flatpickr-weekdays{background:#ef5350;text-align:center;overflow:hidden}.flatpickr-days{padding-top:1px;outline:0;text-align:left;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;border:1px solid rgba(239,83,80,0.2);border-top:0;border-bottom:0;border-radius:0 0 3px 3px}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#484848;cursor:pointer;display:inline-block;display:-webkit-flex;display:-ms-flexbox;display:flex;display:inline-block\9;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-weight:300;width:14.28571%;height:35px;line-height:35px;margin:0;text-align:center;transition:50ms all ease-out;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e2e2e2;border-color:#e2e2e2}.flatpickr-day.today{border-color:#bbb;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#bbb;background:#bbb;color:#fff}.flatpickr-day.selected,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected.nextMonthDay{background:#ef5350;color:#fff;border-color:#ef5350}.flatpickr-day.disabled,.flatpickr-day.disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(72,72,72,0.3);background:transparent;border-color:transparent;cursor:default}span.flatpickr-weekday{cursor:default;font-size:90%;color:rgba(0,0,0,0.54);height:24px;line-height:24px;margin:0;background:#ef5350;text-align:center;display:block;float:left;width:14.28%;font-weight:bold}.flatpickr-weekwrapper{display:inline-block;float:left;}.flatpickr-weekwrapper .flatpickr-weeks{border-left:1px solid rgba(239,83,80,0.2);border-right:1px solid rgba(239,83,80,0.2)}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%}.flatpickr-weekwrapper span.flatpickr-day{display:block;width:100%;margin-right:1rem}.flatpickr-innerContainer{display:block;display:flex;border-bottom:1px solid rgba(239,83,80,0.2);}.flatpickr-innerContainer:after{display:inline-block;content:"";clear:both}.flatpickr-rContainer{display:inline-block;max-width:247px}.flatpickr-time{overflow:auto;text-align:center;border-top:0;outline:0;display:block;display:flex;}.flatpickr-time input{-moz-appearance:textfield;background:transparent;box-shadow:none;border:0;border-radius:0;display:inline-block;flex:1;text-align:center;margin:0;padding:0;height:38px;line-height:38px;cursor:pointer;font-weight:bold;color:#484848;font-size:14px;width:40%\9;}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:300}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time input:hover,.flatpickr-time input:focus{-moz-appearance:number-input;background:#e2e2e2}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:38px;display:inline-block;line-height:38px;color:#484848}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:300;}.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time .flatpickr-am-pm:focus{background:#ececec}.hasWeeks .flatpickr-days,.hasTime .flatpickr-days{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.hasWeeks .flatpickr-days{border-left:0}.flatpickr-innerContainer + .flatpickr-time{border:1px solid rgba(239,83,80,0.2);border-top:0}@media all and (-ms-high-contrast:none){.flatpickr-days{width:247px}.flatpickr-month{padding:0;}.flatpickr-month svg{top:0 !important}}