flatpickr 3.0.7.0 → 4.5.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (90) hide show
  1. checksums.yaml +5 -5
  2. data/LICENSE.txt +1 -1
  3. data/README.md +26 -7
  4. data/Rakefile +14 -6
  5. data/lib/flatpickr.rb +3 -1
  6. data/lib/flatpickr/engine.rb +2 -0
  7. data/lib/flatpickr/version.rb +3 -1
  8. data/vendor/assets/javascripts/flatpickr.js +2215 -2351
  9. data/vendor/assets/javascripts/flatpickr/l10n/ar.js +52 -14
  10. data/vendor/assets/javascripts/flatpickr/l10n/at.js +70 -0
  11. data/vendor/assets/javascripts/flatpickr/l10n/be.js +75 -0
  12. data/vendor/assets/javascripts/flatpickr/l10n/bg.js +65 -14
  13. data/vendor/assets/javascripts/flatpickr/l10n/bn.js +65 -14
  14. data/vendor/assets/javascripts/flatpickr/l10n/cat.js +79 -30
  15. data/vendor/assets/javascripts/flatpickr/l10n/cs.js +71 -16
  16. data/vendor/assets/javascripts/flatpickr/l10n/cy.js +88 -32
  17. data/vendor/assets/javascripts/flatpickr/l10n/da.js +68 -15
  18. data/vendor/assets/javascripts/flatpickr/l10n/de.js +66 -17
  19. data/vendor/assets/javascripts/flatpickr/l10n/default.js +81 -0
  20. data/vendor/assets/javascripts/flatpickr/l10n/eo.js +69 -22
  21. data/vendor/assets/javascripts/flatpickr/l10n/es.js +66 -16
  22. data/vendor/assets/javascripts/flatpickr/l10n/et.js +69 -22
  23. data/vendor/assets/javascripts/flatpickr/l10n/fa.js +66 -15
  24. data/vendor/assets/javascripts/flatpickr/l10n/fi.js +65 -16
  25. data/vendor/assets/javascripts/flatpickr/l10n/fr.js +71 -23
  26. data/vendor/assets/javascripts/flatpickr/l10n/gr.js +70 -25
  27. data/vendor/assets/javascripts/flatpickr/l10n/he.js +57 -14
  28. data/vendor/assets/javascripts/flatpickr/l10n/hi.js +65 -14
  29. data/vendor/assets/javascripts/flatpickr/l10n/hr.js +62 -13
  30. data/vendor/assets/javascripts/flatpickr/l10n/hu.js +68 -21
  31. data/vendor/assets/javascripts/flatpickr/l10n/id.js +57 -16
  32. data/vendor/assets/javascripts/flatpickr/l10n/index.js +3022 -97
  33. data/vendor/assets/javascripts/flatpickr/l10n/it.js +67 -21
  34. data/vendor/assets/javascripts/flatpickr/l10n/ja.js +65 -14
  35. data/vendor/assets/javascripts/flatpickr/l10n/km.js +74 -0
  36. data/vendor/assets/javascripts/flatpickr/l10n/ko.js +65 -15
  37. data/vendor/assets/javascripts/flatpickr/l10n/kz.js +75 -0
  38. data/vendor/assets/javascripts/flatpickr/l10n/lt.js +68 -21
  39. data/vendor/assets/javascripts/flatpickr/l10n/lv.js +64 -13
  40. data/vendor/assets/javascripts/flatpickr/l10n/mk.js +64 -15
  41. data/vendor/assets/javascripts/flatpickr/l10n/mn.js +59 -0
  42. data/vendor/assets/javascripts/flatpickr/l10n/ms.js +64 -16
  43. data/vendor/assets/javascripts/flatpickr/l10n/my.js +65 -16
  44. data/vendor/assets/javascripts/flatpickr/l10n/nl.js +71 -23
  45. data/vendor/assets/javascripts/flatpickr/l10n/no.js +69 -20
  46. data/vendor/assets/javascripts/flatpickr/l10n/pa.js +65 -14
  47. data/vendor/assets/javascripts/flatpickr/l10n/pl.js +70 -15
  48. data/vendor/assets/javascripts/flatpickr/l10n/pt.js +62 -13
  49. data/vendor/assets/javascripts/flatpickr/l10n/ro.js +65 -17
  50. data/vendor/assets/javascripts/flatpickr/l10n/ru.js +72 -13
  51. data/vendor/assets/javascripts/flatpickr/l10n/si.js +62 -12
  52. data/vendor/assets/javascripts/flatpickr/l10n/sk.js +66 -17
  53. data/vendor/assets/javascripts/flatpickr/l10n/sl.js +66 -17
  54. data/vendor/assets/javascripts/flatpickr/l10n/sq.js +65 -14
  55. data/vendor/assets/javascripts/flatpickr/l10n/sr.js +64 -15
  56. data/vendor/assets/javascripts/flatpickr/l10n/sv.js +66 -17
  57. data/vendor/assets/javascripts/flatpickr/l10n/th.js +68 -20
  58. data/vendor/assets/javascripts/flatpickr/l10n/tr.js +71 -13
  59. data/vendor/assets/javascripts/flatpickr/l10n/uk.js +63 -13
  60. data/vendor/assets/javascripts/flatpickr/l10n/vn.js +62 -13
  61. data/vendor/assets/javascripts/flatpickr/l10n/zh.js +65 -16
  62. data/vendor/assets/javascripts/flatpickr/plugins/confirmDate/confirmDate.js +49 -0
  63. data/vendor/assets/javascripts/flatpickr/plugins/labelPlugin/labelPlugin.js +31 -0
  64. data/vendor/assets/javascripts/flatpickr/plugins/minMaxTimePlugin.js +281 -0
  65. data/vendor/assets/javascripts/flatpickr/plugins/monthSelect/monthSelect.js +77 -0
  66. data/vendor/assets/javascripts/flatpickr/plugins/rangePlugin.js +138 -0
  67. data/vendor/assets/javascripts/flatpickr/plugins/scrollPlugin.js +50 -0
  68. data/vendor/assets/javascripts/flatpickr/plugins/weekSelect/weekSelect.js +80 -0
  69. data/vendor/assets/stylesheets/flatpickr.css +741 -13
  70. data/vendor/assets/stylesheets/flatpickr/ie.css +13 -0
  71. data/vendor/assets/stylesheets/flatpickr/plugins/confirmDate/confirmDate.css +24 -0
  72. data/vendor/assets/stylesheets/flatpickr/plugins/monthSelect/monthSelect.css +10 -0
  73. data/vendor/assets/stylesheets/flatpickr/themes/airbnb.css +103 -210
  74. data/vendor/assets/stylesheets/flatpickr/themes/confetti.css +102 -209
  75. data/vendor/assets/stylesheets/flatpickr/themes/dark.css +117 -224
  76. data/vendor/assets/stylesheets/flatpickr/themes/light.css +102 -209
  77. data/vendor/assets/stylesheets/flatpickr/themes/material_blue.css +102 -209
  78. data/vendor/assets/stylesheets/flatpickr/themes/material_green.css +102 -209
  79. data/vendor/assets/stylesheets/flatpickr/themes/material_orange.css +102 -209
  80. data/vendor/assets/stylesheets/flatpickr/themes/material_red.css +102 -209
  81. metadata +19 -12
  82. data/vendor/assets/stylesheets/flatpickr/rtl/flatpickr.min.css +0 -13
  83. data/vendor/assets/stylesheets/flatpickr/rtl/themes/airbnb.rtl.css +0 -946
  84. data/vendor/assets/stylesheets/flatpickr/rtl/themes/base16_flat.rtl.css +0 -869
  85. data/vendor/assets/stylesheets/flatpickr/rtl/themes/confetti.rtl.css +0 -883
  86. data/vendor/assets/stylesheets/flatpickr/rtl/themes/dark.rtl.css +0 -869
  87. data/vendor/assets/stylesheets/flatpickr/rtl/themes/material_blue.rtl.css +0 -883
  88. data/vendor/assets/stylesheets/flatpickr/rtl/themes/material_green.rtl.css +0 -883
  89. data/vendor/assets/stylesheets/flatpickr/rtl/themes/material_orange.rtl.css +0 -883
  90. data/vendor/assets/stylesheets/flatpickr/rtl/themes/material_red.rtl.css +0 -883
@@ -1,10 +1,9 @@
1
1
  .flatpickr-calendar {
2
2
  background: transparent;
3
- overflow: hidden;
4
- max-height: 0;
5
3
  opacity: 0;
6
- visibility: hidden;
4
+ display: none;
7
5
  text-align: center;
6
+ visibility: hidden;
8
7
  padding: 0;
9
8
  -webkit-animation: none;
10
9
  animation: none;
@@ -19,16 +18,15 @@
19
18
  box-sizing: border-box;
20
19
  -ms-touch-action: manipulation;
21
20
  touch-action: manipulation;
22
- background: rgba(63,68,88,0.95);
23
- -webkit-box-shadow: 1px 0 0 #3f4458, -1px 0 0 #3f4458, 0 1px 0 #3f4458, 0 -1px 0 #3f4458, 0 3px 13px rgba(0,0,0,0.08);
24
- box-shadow: 1px 0 0 #3f4458, -1px 0 0 #3f4458, 0 1px 0 #3f4458, 0 -1px 0 #3f4458, 0 3px 13px rgba(0,0,0,0.08);
21
+ background: #3f4458;
22
+ -webkit-box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0,0,0,0.08);
23
+ box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0,0,0,0.08);
25
24
  }
26
25
  .flatpickr-calendar.open,
27
26
  .flatpickr-calendar.inline {
28
27
  opacity: 1;
29
- visibility: visible;
30
- overflow: visible;
31
28
  max-height: 640px;
29
+ visibility: visible;
32
30
  }
33
31
  .flatpickr-calendar.open {
34
32
  display: inline-block;
@@ -51,8 +49,13 @@
51
49
  z-index: 999;
52
50
  display: block;
53
51
  }
54
- .flatpickr-calendar.hasWeeks {
55
- width: auto;
52
+ .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
53
+ -webkit-box-shadow: none !important;
54
+ box-shadow: none !important;
55
+ }
56
+ .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
57
+ -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
58
+ box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
56
59
  }
57
60
  .flatpickr-calendar .hasWeeks .dayContainer,
58
61
  .flatpickr-calendar .hasTime .dayContainer {
@@ -65,7 +68,7 @@
65
68
  }
66
69
  .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
67
70
  height: 40px;
68
- border-top: 1px solid #3f4458;
71
+ border-top: 1px solid #20222c;
69
72
  }
70
73
  .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
71
74
  height: auto;
@@ -99,20 +102,20 @@
99
102
  bottom: 100%;
100
103
  }
101
104
  .flatpickr-calendar.arrowTop:before {
102
- border-bottom-color: #3f4458;
105
+ border-bottom-color: #20222c;
103
106
  }
104
107
  .flatpickr-calendar.arrowTop:after {
105
- border-bottom-color: rgba(63,68,88,0.95);
108
+ border-bottom-color: #3f4458;
106
109
  }
107
110
  .flatpickr-calendar.arrowBottom:before,
108
111
  .flatpickr-calendar.arrowBottom:after {
109
112
  top: 100%;
110
113
  }
111
114
  .flatpickr-calendar.arrowBottom:before {
112
- border-top-color: #3f4458;
115
+ border-top-color: #20222c;
113
116
  }
114
117
  .flatpickr-calendar.arrowBottom:after {
115
- border-top-color: rgba(63,68,88,0.95);
118
+ border-top-color: #3f4458;
116
119
  }
117
120
  .flatpickr-calendar:focus {
118
121
  outline: 0;
@@ -121,7 +124,13 @@
121
124
  position: relative;
122
125
  display: inline-block;
123
126
  }
124
- .flatpickr-month {
127
+ .flatpickr-months {
128
+ display: -webkit-box;
129
+ display: -webkit-flex;
130
+ display: -ms-flexbox;
131
+ display: flex;
132
+ }
133
+ .flatpickr-months .flatpickr-month {
125
134
  background: transparent;
126
135
  color: #fff;
127
136
  fill: #fff;
@@ -134,68 +143,79 @@
134
143
  -ms-user-select: none;
135
144
  user-select: none;
136
145
  overflow: hidden;
146
+ -webkit-box-flex: 1;
147
+ -webkit-flex: 1;
148
+ -ms-flex: 1;
149
+ flex: 1;
137
150
  }
138
- .flatpickr-prev-month,
139
- .flatpickr-next-month {
151
+ .flatpickr-months .flatpickr-prev-month,
152
+ .flatpickr-months .flatpickr-next-month {
140
153
  text-decoration: none;
141
154
  cursor: pointer;
142
155
  position: absolute;
143
156
  top: 0px;
144
157
  line-height: 16px;
145
158
  height: 28px;
146
- padding: 10px calc(3.57% - 1.5px);
159
+ padding: 10px;
147
160
  z-index: 3;
161
+ color: #fff;
162
+ fill: #fff;
163
+ }
164
+ .flatpickr-months .flatpickr-prev-month.disabled,
165
+ .flatpickr-months .flatpickr-next-month.disabled {
166
+ display: none;
148
167
  }
149
- .flatpickr-prev-month i,
150
- .flatpickr-next-month i {
168
+ .flatpickr-months .flatpickr-prev-month i,
169
+ .flatpickr-months .flatpickr-next-month i {
151
170
  position: relative;
152
171
  }
153
- .flatpickr-prev-month.flatpickr-prev-month,
154
- .flatpickr-next-month.flatpickr-prev-month {
172
+ .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
173
+ .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
155
174
  /*
156
- /*rtl:begin:ignore*/
175
+ /*rtl:begin:ignore*/
157
176
  /*
158
- */
177
+ */
159
178
  left: 0;
160
179
  /*
161
- /*rtl:end:ignore*/
180
+ /*rtl:end:ignore*/
162
181
  /*
163
- */
182
+ */
164
183
  }
165
184
  /*
166
- /*rtl:begin:ignore*/
185
+ /*rtl:begin:ignore*/
167
186
  /*
168
- /*rtl:end:ignore*/
169
- .flatpickr-prev-month.flatpickr-next-month,
170
- .flatpickr-next-month.flatpickr-next-month {
187
+ /*rtl:end:ignore*/
188
+ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
189
+ .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
171
190
  /*
172
- /*rtl:begin:ignore*/
191
+ /*rtl:begin:ignore*/
173
192
  /*
174
- */
193
+ */
175
194
  right: 0;
176
195
  /*
177
- /*rtl:end:ignore*/
196
+ /*rtl:end:ignore*/
178
197
  /*
179
- */
198
+ */
180
199
  }
181
200
  /*
182
- /*rtl:begin:ignore*/
201
+ /*rtl:begin:ignore*/
183
202
  /*
184
- /*rtl:end:ignore*/
185
- .flatpickr-prev-month:hover,
186
- .flatpickr-next-month:hover {
203
+ /*rtl:end:ignore*/
204
+ .flatpickr-months .flatpickr-prev-month:hover,
205
+ .flatpickr-months .flatpickr-next-month:hover {
187
206
  color: #eee;
188
207
  }
189
- .flatpickr-prev-month:hover svg,
190
- .flatpickr-next-month:hover svg {
208
+ .flatpickr-months .flatpickr-prev-month:hover svg,
209
+ .flatpickr-months .flatpickr-next-month:hover svg {
191
210
  fill: #f64747;
192
211
  }
193
- .flatpickr-prev-month svg,
194
- .flatpickr-next-month svg {
212
+ .flatpickr-months .flatpickr-prev-month svg,
213
+ .flatpickr-months .flatpickr-next-month svg {
195
214
  width: 14px;
215
+ height: 14px;
196
216
  }
197
- .flatpickr-prev-month svg path,
198
- .flatpickr-next-month svg path {
217
+ .flatpickr-months .flatpickr-prev-month svg path,
218
+ .flatpickr-months .flatpickr-next-month svg path {
199
219
  -webkit-transition: fill 0.1s;
200
220
  transition: fill 0.1s;
201
221
  fill: inherit;
@@ -211,6 +231,9 @@
211
231
  .numInputWrapper input {
212
232
  width: 100%;
213
233
  }
234
+ .numInputWrapper input::-ms-clear {
235
+ display: none;
236
+ }
214
237
  .numInputWrapper span {
215
238
  position: absolute;
216
239
  right: 0;
@@ -220,7 +243,7 @@
220
243
  line-height: 50%;
221
244
  opacity: 0;
222
245
  cursor: pointer;
223
- border: 1px solid rgba(255,255,255,0.05);
246
+ border: 1px solid rgba(255,255,255,0.15);
224
247
  -webkit-box-sizing: border-box;
225
248
  box-sizing: border-box;
226
249
  }
@@ -234,7 +257,6 @@
234
257
  display: block;
235
258
  content: "";
236
259
  position: absolute;
237
- top: 33%;
238
260
  }
239
261
  .numInputWrapper span.arrowUp {
240
262
  top: 0;
@@ -244,6 +266,7 @@
244
266
  border-left: 4px solid transparent;
245
267
  border-right: 4px solid transparent;
246
268
  border-bottom: 4px solid rgba(255,255,255,0.6);
269
+ top: 26%;
247
270
  }
248
271
  .numInputWrapper span.arrowDown {
249
272
  top: 50%;
@@ -252,6 +275,7 @@
252
275
  border-left: 4px solid transparent;
253
276
  border-right: 4px solid transparent;
254
277
  border-top: 4px solid rgba(255,255,255,0.6);
278
+ top: 40%;
255
279
  }
256
280
  .numInputWrapper span svg {
257
281
  width: inherit;
@@ -282,30 +306,6 @@
282
306
  -webkit-transform: translate3d(0px, 0px, 0px);
283
307
  transform: translate3d(0px, 0px, 0px);
284
308
  }
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
309
  .flatpickr-current-month span.cur-month {
310
310
  font-family: inherit;
311
311
  font-weight: 700;
@@ -333,7 +333,7 @@
333
333
  -webkit-box-sizing: border-box;
334
334
  box-sizing: border-box;
335
335
  color: inherit;
336
- cursor: default;
336
+ cursor: text;
337
337
  padding: 0 0 0 0.5ch;
338
338
  margin: 0;
339
339
  display: inline-block;
@@ -341,7 +341,7 @@
341
341
  font-family: inherit;
342
342
  font-weight: 300;
343
343
  line-height: inherit;
344
- height: initial;
344
+ height: auto;
345
345
  border: 0;
346
346
  border-radius: 0;
347
347
  vertical-align: initial;
@@ -371,11 +371,21 @@
371
371
  align-items: center;
372
372
  height: 28px;
373
373
  }
374
+ .flatpickr-weekdays .flatpickr-weekdaycontainer {
375
+ display: -webkit-box;
376
+ display: -webkit-flex;
377
+ display: -ms-flexbox;
378
+ display: flex;
379
+ -webkit-box-flex: 1;
380
+ -webkit-flex: 1;
381
+ -ms-flex: 1;
382
+ flex: 1;
383
+ }
374
384
  span.flatpickr-weekday {
375
385
  cursor: default;
376
386
  font-size: 90%;
377
387
  background: transparent;
378
- color: rgba(0,0,0,0.54);
388
+ color: #fff;
379
389
  line-height: 1;
380
390
  margin: 0;
381
391
  text-align: center;
@@ -397,6 +407,10 @@ span.flatpickr-weekday {
397
407
  display: -webkit-flex;
398
408
  display: -ms-flexbox;
399
409
  display: flex;
410
+ -webkit-box-align: start;
411
+ -webkit-align-items: flex-start;
412
+ -ms-flex-align: start;
413
+ align-items: flex-start;
400
414
  width: 307.875px;
401
415
  }
402
416
  .flatpickr-days:focus {
@@ -426,28 +440,9 @@ span.flatpickr-weekday {
426
440
  transform: translate3d(0px, 0px, 0px);
427
441
  opacity: 1;
428
442
  }
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);
443
+ .dayContainer + .dayContainer {
444
+ -webkit-box-shadow: -1px 0 0 #20222c;
445
+ box-shadow: -1px 0 0 #20222c;
451
446
  }
452
447
  .flatpickr-day {
453
448
  background: none;
@@ -488,8 +483,8 @@ span.flatpickr-weekday {
488
483
  .flatpickr-day.nextMonthDay:focus {
489
484
  cursor: pointer;
490
485
  outline: 0;
491
- background: rgba(100,108,140,0.95);
492
- border-color: rgba(100,108,140,0.95);
486
+ background: #646c8c;
487
+ border-color: #646c8c;
493
488
  }
494
489
  .flatpickr-day.today {
495
490
  border-color: #eee;
@@ -534,9 +529,9 @@ span.flatpickr-weekday {
534
529
  .flatpickr-day.endRange.endRange {
535
530
  border-radius: 0 50px 50px 0;
536
531
  }
537
- .flatpickr-day.selected.startRange + .endRange,
538
- .flatpickr-day.startRange.startRange + .endRange,
539
- .flatpickr-day.endRange.startRange + .endRange {
532
+ .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
533
+ .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
534
+ .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
540
535
  -webkit-box-shadow: -10px 0 0 #80cbc4;
541
536
  box-shadow: -10px 0 0 #80cbc4;
542
537
  }
@@ -547,12 +542,8 @@ span.flatpickr-weekday {
547
542
  }
548
543
  .flatpickr-day.inRange {
549
544
  border-radius: 0;
550
- -webkit-box-shadow: -5px 0 0 rgba(100,108,140,0.95), 5px 0 0 rgba(100,108,140,0.95);
551
- box-shadow: -5px 0 0 rgba(100,108,140,0.95), 5px 0 0 rgba(100,108,140,0.95);
552
- }
553
- .flatpickr-day.disabled,
554
- .flatpickr-day.disabled:hover {
555
- pointer-events: none;
545
+ -webkit-box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
546
+ box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
556
547
  }
557
548
  .flatpickr-day.disabled,
558
549
  .flatpickr-day.disabled:hover,
@@ -566,11 +557,19 @@ span.flatpickr-weekday {
566
557
  border-color: transparent;
567
558
  cursor: default;
568
559
  }
560
+ .flatpickr-day.disabled,
561
+ .flatpickr-day.disabled:hover {
562
+ cursor: not-allowed;
563
+ color: rgba(255,255,255,0.1);
564
+ }
569
565
  .flatpickr-day.week.selected {
570
566
  border-radius: 0;
571
567
  -webkit-box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
572
568
  box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
573
569
  }
570
+ .flatpickr-day.hidden {
571
+ visibility: hidden;
572
+ }
574
573
  .rangeMode .flatpickr-day {
575
574
  margin-top: 1px;
576
575
  }
@@ -580,18 +579,23 @@ span.flatpickr-weekday {
580
579
  }
581
580
  .flatpickr-weekwrapper .flatpickr-weeks {
582
581
  padding: 0 12px;
583
- -webkit-box-shadow: 1px 0 0 #3f4458;
584
- box-shadow: 1px 0 0 #3f4458;
582
+ -webkit-box-shadow: 1px 0 0 #20222c;
583
+ box-shadow: 1px 0 0 #20222c;
585
584
  }
586
585
  .flatpickr-weekwrapper .flatpickr-weekday {
587
586
  float: none;
588
587
  width: 100%;
589
588
  line-height: 28px;
590
589
  }
591
- .flatpickr-weekwrapper span.flatpickr-day {
590
+ .flatpickr-weekwrapper span.flatpickr-day,
591
+ .flatpickr-weekwrapper span.flatpickr-day:hover {
592
592
  display: block;
593
593
  width: 100%;
594
594
  max-width: none;
595
+ color: rgba(255,255,255,0.3);
596
+ background: transparent;
597
+ cursor: default;
598
+ border: none;
595
599
  }
596
600
  .flatpickr-innerContainer {
597
601
  display: block;
@@ -661,7 +665,6 @@ span.flatpickr-weekday {
661
665
  padding: 0;
662
666
  height: inherit;
663
667
  line-height: inherit;
664
- cursor: pointer;
665
668
  color: rgba(255,255,255,0.95);
666
669
  font-size: 14px;
667
670
  position: relative;
@@ -703,9 +706,11 @@ span.flatpickr-weekday {
703
706
  text-align: center;
704
707
  font-weight: 400;
705
708
  }
709
+ .flatpickr-time input:hover,
706
710
  .flatpickr-time .flatpickr-am-pm:hover,
711
+ .flatpickr-time input:focus,
707
712
  .flatpickr-time .flatpickr-am-pm:focus {
708
- background: rgba(109,118,151,0.95);
713
+ background: #707999;
709
714
  }
710
715
  .flatpickr-input[readonly] {
711
716
  cursor: pointer;
@@ -734,115 +739,3 @@ span.flatpickr-weekday {
734
739
  transform: translate3d(0, 0, 0);
735
740
  }
736
741
  }
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
- }