flatpickr_rails 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (34) hide show
  1. checksums.yaml +4 -4
  2. data/flatpickr_rails.gemspec +1 -1
  3. data/lib/flatpickr_rails/version.rb +1 -1
  4. data/vendor/assets/javascripts/flatpickr/core.js +1034 -1
  5. data/vendor/assets/javascripts/flatpickr/index.js +0 -2
  6. data/vendor/assets/stylesheets/flatpickr.confetti.css +246 -1
  7. data/vendor/assets/stylesheets/flatpickr.css +242 -1
  8. data/vendor/assets/stylesheets/flatpickr.dark.css +243 -1
  9. data/vendor/assets/stylesheets/flatpickr.material_blue.css +246 -1
  10. data/vendor/assets/stylesheets/flatpickr.material_green.css +246 -1
  11. data/vendor/assets/stylesheets/flatpickr.material_orange.css +246 -1
  12. data/vendor/assets/stylesheets/flatpickr.material_red.css +246 -1
  13. metadata +2 -23
  14. data/vendor/assets/javascripts/flatpickr/locales/flatpickr.l10n.ar.js +0 -11
  15. data/vendor/assets/javascripts/flatpickr/locales/flatpickr.l10n.bg.js +0 -11
  16. data/vendor/assets/javascripts/flatpickr/locales/flatpickr.l10n.bn.js +0 -11
  17. data/vendor/assets/javascripts/flatpickr/locales/flatpickr.l10n.de.js +0 -11
  18. data/vendor/assets/javascripts/flatpickr/locales/flatpickr.l10n.es.js +0 -17
  19. data/vendor/assets/javascripts/flatpickr/locales/flatpickr.l10n.fa.js +0 -15
  20. data/vendor/assets/javascripts/flatpickr/locales/flatpickr.l10n.fi.js +0 -17
  21. data/vendor/assets/javascripts/flatpickr/locales/flatpickr.l10n.fr.js +0 -19
  22. data/vendor/assets/javascripts/flatpickr/locales/flatpickr.l10n.he.js +0 -11
  23. data/vendor/assets/javascripts/flatpickr/locales/flatpickr.l10n.hi.js +0 -11
  24. data/vendor/assets/javascripts/flatpickr/locales/flatpickr.l10n.ja.js +0 -11
  25. data/vendor/assets/javascripts/flatpickr/locales/flatpickr.l10n.ko.js +0 -15
  26. data/vendor/assets/javascripts/flatpickr/locales/flatpickr.l10n.nl.js +0 -21
  27. data/vendor/assets/javascripts/flatpickr/locales/flatpickr.l10n.no.js +0 -15
  28. data/vendor/assets/javascripts/flatpickr/locales/flatpickr.l10n.pa.js +0 -11
  29. data/vendor/assets/javascripts/flatpickr/locales/flatpickr.l10n.pl.js +0 -15
  30. data/vendor/assets/javascripts/flatpickr/locales/flatpickr.l10n.pt.js +0 -11
  31. data/vendor/assets/javascripts/flatpickr/locales/flatpickr.l10n.ru.js +0 -11
  32. data/vendor/assets/javascripts/flatpickr/locales/flatpickr.l10n.sq.js +0 -11
  33. data/vendor/assets/javascripts/flatpickr/locales/flatpickr.l10n.tr.js +0 -13
  34. data/vendor/assets/javascripts/flatpickr/locales/flatpickr.l10n.zh.js +0 -11
@@ -1 +1,243 @@
1
- .flatpickr-input,.flatpickr-wrapper input{z-index:1;cursor:pointer}.flatpickr-wrapper{position:absolute;display:block}.flatpickr-wrapper.inline,.flatpickr-wrapper.static{display:block;position:relative}.flatpickr-wrapper.inline .flatpickr-calendar{position:relative}.flatpickr-wrapper.static .flatpickr-calendar{position:absolute}.flatpickr-wrapper.inline .flatpickr-calendar,.flatpickr-wrapper.open .flatpickr-calendar{z-index:99999;display:block}.flatpickr-calendar{background:#323a45;border:1px solid #2d343e;font-size:90%;border-radius:3px;position:absolute;top:100%;left:0;margin-top:3px;display:none;width:256px}.flatpickr-calendar.hasWeeks{width:288px}.flatpickr-calendar.hasWeeks .flatpickr-weekdays span{width:12.5%}.flatpickr-calendar:after,.flatpickr-calendar:before{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;bottom:100%;left:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px;border-bottom-color:#2d343e}.flatpickr-calendar:after{border-width:4px;margin:0 -4px;border-bottom-color:#323a45}.flatpickr-month{background:0 0;color:#fff;padding:4px 5px 2px;text-align:center;position:relative}.flatpickr-next-month,.flatpickr-prev-month{text-decoration:none;cursor:pointer;position:absolute;top:.5rem}.flatpickr-next-month i,.flatpickr-prev-month i{position:relative}.flatpickr-next-month:hover,.flatpickr-prev-month:hover{color:#ff6b66}.flatpickr-prev-month{float:left;left:.5rem}.flatpickr-next-month{float:right;right:.5rem}.flatpickr-current-month{font-size:135%;font-weight:300;color:rgba(255,255,255,.7);display:inline-block}.flatpickr-current-month .cur_month{font-weight:700;color:#fff}.flatpickr-current-month .cur_year{background:0 0;box-sizing:content-box;color:inherit;cursor:default;padding:0 0 0 2px;margin:0;width:3.1em;display:inline;font-size:inherit;line-height:inherit;height:initial;border:0}.flatpickr-current-month .cur_year:hover{background:rgba(0,0,0,.05)}.flatpickr-weekdays{font-size:90%;background:0 0;padding:2px 0 4px;text-align:center}.flatpickr-weekdays span{color:#fff;opacity:.54;text-align:center;display:inline-block;width:14.28%;font-weight:700}.flatpickr-weeks{width:32px;float:left}.flatpickr-days{padding-top:1px}.flatpickr-day{background:0 0;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:rgba(255,255,255,.9);cursor:pointer;display:inline-block;width:34px;height:34px;line-height:33px;margin:0 1px 1px;text-align:center}.flatpickr-day.selected,.flatpickr-day.selected:hover,.flatpickr-day.today:hover{color:#fff;background:#ff6b66;border-color:#ff6b66}.flatpickr-day:hover{background:#4f5b6d;border-color:#4f5b6d}.flatpickr-day.today{border-color:#ff6b66}.flatpickr-day.disabled,.flatpickr-day.disabled:hover{color:rgba(255,255,255,.3);background:0 0;border-color:transparent;cursor:default}.flatpickr-am-pm,.flatpickr-time input[type=number],.flatpickr-time-separator{height:38px;display:inline-block;line-height:38px;color:rgba(255,255,255,.9)}.flatpickr-time{overflow:auto;text-align:center;border-top:1px solid #2d343e}.flatpickr-time input[type=number]{background:0 0;-webkit-appearance:none;-moz-appearance:textfield;box-shadow:none;border:0;border-radius:0;width:33%;min-width:33%;text-align:center;margin:0;padding:0;cursor:pointer;font-weight:700}.flatpickr-am-pm:hover,.flatpickr-time input[type=number]:hover{background:#586579}.flatpickr-time input[type=number].flatpickr-minute{width:26%;font-weight:300}.flatpickr-time input[type=number].flatpickr-second{font-weight:300}.flatpickr-time input[type=number]:focus{outline:0;border:0}.flatpickr-time.has-seconds input[type=number]{width:25%;min-width:25%}.flatpickr-am-pm{width:21%;padding:0 2%;cursor:pointer;text-align:left}
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: #323a45;
31
+ border: 1px solid #2d343e;
32
+ font-size: 90%;
33
+ border-radius: 3px;
34
+ position: absolute;
35
+ top: 100%;
36
+ left: 0;
37
+ margin-top: 3px;
38
+ display: none;
39
+ width: 256px;
40
+ }
41
+ .flatpickr-calendar.hasWeeks {
42
+ width: 288px;
43
+ }
44
+ .flatpickr-calendar.hasWeeks .flatpickr-weekdays span {
45
+ width: 12.5%;
46
+ }
47
+ .flatpickr-calendar:before,
48
+ .flatpickr-calendar:after {
49
+ position: absolute;
50
+ display: block;
51
+ pointer-events: none;
52
+ border: solid transparent;
53
+ content: '';
54
+ height: 0;
55
+ width: 0;
56
+ bottom: 100%;
57
+ left: 22px;
58
+ }
59
+ .flatpickr-calendar:before {
60
+ border-width: 5px;
61
+ margin: 0 -5px;
62
+ border-bottom-color: #2d343e;
63
+ }
64
+ .flatpickr-calendar:after {
65
+ border-width: 4px;
66
+ margin: 0 -4px;
67
+ border-bottom-color: #323a45;
68
+ }
69
+ .flatpickr-month {
70
+ background: transparent;
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: #ff6b66;
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: transparent;
129
+ padding: 2px 0 4px 0;
130
+ text-align: center;
131
+ }
132
+ .flatpickr-weekdays span {
133
+ color: #fff;
134
+ opacity: 0.54;
135
+ text-align: center;
136
+ display: inline-block;
137
+ width: 14.28%;
138
+ font-weight: bold;
139
+ }
140
+ .flatpickr-weeks {
141
+ width: 32px;
142
+ float: left;
143
+ }
144
+ .flatpickr-days {
145
+ padding-top: 1px;
146
+ }
147
+ .flatpickr-day {
148
+ background: none;
149
+ border: 1px solid transparent;
150
+ border-radius: 150px;
151
+ box-sizing: border-box;
152
+ color: rgba(255,255,255,0.9);
153
+ cursor: pointer;
154
+ display: inline-block;
155
+ width: 34px;
156
+ height: 34px;
157
+ line-height: 33px;
158
+ margin: 0 1px 1px 1px;
159
+ text-align: center;
160
+ }
161
+ .flatpickr-day:hover {
162
+ background: #4f5b6d;
163
+ border-color: #4f5b6d;
164
+ }
165
+ .flatpickr-day.today {
166
+ border-color: #ff6b66;
167
+ }
168
+ .flatpickr-day.today:hover {
169
+ border-color: #ff6b66;
170
+ background: #ff6b66;
171
+ color: #fff;
172
+ }
173
+ .flatpickr-day.selected,
174
+ .flatpickr-day.selected:hover {
175
+ background: #ff6b66;
176
+ color: #fff;
177
+ border-color: #ff6b66;
178
+ }
179
+ .flatpickr-day.disabled,
180
+ .flatpickr-day.disabled:hover {
181
+ color: rgba(255,255,255,0.3);
182
+ background: transparent;
183
+ border-color: transparent;
184
+ cursor: default;
185
+ }
186
+ .flatpickr-time {
187
+ overflow: auto;
188
+ text-align: center;
189
+ border-top: 1px solid #2d343e;
190
+ }
191
+ .flatpickr-time input[type='number'] {
192
+ background: transparent;
193
+ -webkit-appearance: none;
194
+ -moz-appearance: textfield;
195
+ box-shadow: none;
196
+ border: 0;
197
+ border-radius: 0;
198
+ display: inline-block;
199
+ width: 33%;
200
+ min-width: 33%;
201
+ text-align: center;
202
+ margin: 0;
203
+ padding: 0;
204
+ height: 38px;
205
+ line-height: 38px;
206
+ cursor: pointer;
207
+ font-weight: bold;
208
+ color: rgba(255,255,255,0.9);
209
+ }
210
+ .flatpickr-time input[type='number'].flatpickr-minute {
211
+ width: 26%;
212
+ font-weight: 300;
213
+ }
214
+ .flatpickr-time input[type='number'].flatpickr-second {
215
+ font-weight: 300;
216
+ }
217
+ .flatpickr-time input[type='number']:focus {
218
+ outline: 0;
219
+ border: 0;
220
+ }
221
+ .flatpickr-time input[type='number']:hover {
222
+ background: #586579;
223
+ }
224
+ .flatpickr-time.has-seconds input[type='number'] {
225
+ width: 25%;
226
+ min-width: 25%;
227
+ }
228
+ .flatpickr-time-separator,
229
+ .flatpickr-am-pm {
230
+ height: 38px;
231
+ display: inline-block;
232
+ line-height: 38px;
233
+ color: rgba(255,255,255,0.9);
234
+ }
235
+ .flatpickr-am-pm {
236
+ width: 21%;
237
+ padding: 0 2%;
238
+ cursor: pointer;
239
+ text-align: left;
240
+ }
241
+ .flatpickr-am-pm:hover {
242
+ background: #586579;
243
+ }
@@ -1 +1,246 @@
1
- .flatpickr-input,.flatpickr-wrapper input{z-index:1;cursor:pointer}.flatpickr-wrapper{position:absolute;display:block}.flatpickr-wrapper.inline,.flatpickr-wrapper.static{display:block;position:relative}.flatpickr-wrapper.inline .flatpickr-calendar{position:relative}.flatpickr-wrapper.static .flatpickr-calendar{position:absolute}.flatpickr-wrapper.inline .flatpickr-calendar,.flatpickr-wrapper.open .flatpickr-calendar{z-index:99999;display:block}.flatpickr-calendar{background:#fff;font-size:90%;border-radius:3px;position:absolute;top:100%;left:0;margin-top:3px;display:none;width:256px}.flatpickr-calendar.hasWeeks{width:288px}.flatpickr-calendar.hasWeeks .flatpickr-weekdays span{width:12.5%}.flatpickr-calendar:after,.flatpickr-calendar:before{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;bottom:100%;left:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px;border-bottom-color:rgba(72,72,72,.1)}.flatpickr-calendar:after{border-width:4px;margin:0 -4px;border-bottom-color:#42a5f5}.flatpickr-month{border-radius:3px 3px 0 0;background:#42a5f5;color:#fff;padding:4px 5px 2px;text-align:center;position:relative}.flatpickr-next-month,.flatpickr-prev-month{text-decoration:none;cursor:pointer;position:absolute;top:.5rem}.flatpickr-next-month i,.flatpickr-prev-month i{position:relative}.flatpickr-next-month:hover,.flatpickr-prev-month:hover{color:#bbb}.flatpickr-prev-month{float:left;left:.5rem}.flatpickr-next-month{float:right;right:.5rem}.flatpickr-current-month{font-size:135%;font-weight:300;color:rgba(255,255,255,.7);display:inline-block}.flatpickr-current-month .cur_month{font-weight:700;color:#fff}.flatpickr-current-month .cur_year{background:0 0;box-sizing:content-box;color:inherit;cursor:default;padding:0 0 0 2px;margin:0;width:3.1em;display:inline;font-size:inherit;line-height:inherit;height:initial;border:0}.flatpickr-current-month .cur_year:hover{background:rgba(0,0,0,.05)}.flatpickr-weekdays{font-size:90%;background:#42a5f5;padding:2px 0 4px;text-align:center}.flatpickr-weekdays span{opacity:.54;text-align:center;display:inline-block;width:14.28%;font-weight:700}.flatpickr-weeks{width:32px;float:left}.flatpickr-days{padding-top:1px;border:1px solid rgba(72,72,72,.1);border-top:0;border-radius:0 0 3px 3px}.flatpickr-day{background:0 0;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#484848;cursor:pointer;display:inline-block;width:34px;height:34px;line-height:33px;margin:0 1px 1px;text-align:center}.flatpickr-day:hover{background:#e2e2e2;border-color:#e2e2e2}.flatpickr-day.today{border-color:#bbb}.flatpickr-day.today:hover{border-color:#bbb;background:#bbb;color:#fff}.flatpickr-day.selected,.flatpickr-day.selected:hover{background:#42a5f5;color:#fff;border-color:#42a5f5}.flatpickr-day.disabled,.flatpickr-day.disabled:hover{color:rgba(72,72,72,.3);background:0 0;border-color:transparent;cursor:default}.flatpickr-am-pm,.flatpickr-time input[type=number],.flatpickr-time-separator{height:38px;display:inline-block;line-height:38px;color:#484848}.flatpickr-time{overflow:auto;text-align:center;border:1px solid rgba(72,72,72,.1);border-top:0}.flatpickr-time input[type=number]{background:0 0;-webkit-appearance:none;-moz-appearance:textfield;box-shadow:none;border:0;border-radius:0;width:33%;min-width:33%;text-align:center;margin:0;padding:0;cursor:pointer;font-weight:700}.flatpickr-am-pm:hover,.flatpickr-time input[type=number]:hover{background:#ececec}.flatpickr-time input[type=number].flatpickr-minute{width:26%;font-weight:300}.flatpickr-time input[type=number].flatpickr-second{font-weight:300}.flatpickr-time input[type=number]:focus{outline:0;border:0}.flatpickr-time.has-seconds input[type=number]{width:25%;min-width:25%}.flatpickr-am-pm{width:21%;padding:0 2%;cursor:pointer;text-align:left}
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(72,72,72,0.1);
62
+ }
63
+ .flatpickr-calendar:after {
64
+ border-width: 4px;
65
+ margin: 0 -4px;
66
+ border-bottom-color: #42a5f5;
67
+ }
68
+ .flatpickr-month {
69
+ border-radius: 3px 3px 0 0;
70
+ background: #42a5f5;
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: #42a5f5;
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(72,72,72,0.1);
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: #42a5f5;
178
+ color: #fff;
179
+ border-color: #42a5f5;
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(72,72,72,0.1);
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
+ }