@bpmn-io/form-js-viewer 0.12.1 → 0.13.0

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