@verifiedinc-public/shared-ui-elements 9.4.1 → 9.5.1

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 (52) hide show
  1. package/dist/components/Snackbar/index.mjs +1 -1
  2. package/dist/components/animation/motions.mjs +1 -1
  3. package/dist/components/chart/index.mjs +1 -1
  4. package/dist/components/dialog/CalendlyDialog.mjs +1 -1
  5. package/dist/components/form/DateInput/index.mjs +1 -1
  6. package/dist/components/form/DateRangeInput/index.mjs +1 -1
  7. package/dist/components/form/NewOneClickForm/core/fields/address.mjs +1 -1
  8. package/dist/components/form/NewOneClickForm/core/fields/birthDate.mjs +1 -1
  9. package/dist/components/form/NewOneClickForm/core/fields/driversLicense.mjs +1 -1
  10. package/dist/components/form/NewOneClickForm/core/validations/driversLicense/driversLicense.schema.mjs +1 -1
  11. package/dist/components/form/NewOneClickForm/react/core/form.context.mjs +1 -1
  12. package/dist/components/form/OneClickForm/components/CredentialsDisplay/CredentialsDisplay.mjs +1 -1
  13. package/dist/components/form/OneClickForm/components/CredentialsDisplay/CredentialsDisplayItemContext.mjs +1 -1
  14. package/dist/components/form/OneClickForm/components/CredentialsDisplay/utils/isValidInputCredential.mjs +1 -1
  15. package/dist/components/form/OneClickForm/components/DataField/DataFieldAtomic.mjs +1 -1
  16. package/dist/components/form/OneClickForm/components/DataField/DataFieldComposite.mjs +1 -1
  17. package/dist/components/form/OneClickForm/components/DataField/DataFieldHeader/HeaderSelect/utils/renderInstance.mjs +1 -1
  18. package/dist/components/form/OneClickForm/components/DataField/formats/DataFieldText.mjs +1 -1
  19. package/dist/components/form/OneClickForm/components/DataField/inputs/DataFieldDateInput.mjs +1 -1
  20. package/dist/components/form/OneClickForm/components/DataField/inputs/DataFieldImageInput.mjs +1 -1
  21. package/dist/components/form/OneClickForm/components/DataField/inputs/DataFieldSelectInput.mjs +1 -1
  22. package/dist/components/form/OneClickForm/contexts/one-click-form-options.context.mjs +1 -1
  23. package/dist/components/index.d.ts +1 -0
  24. package/dist/components/index.mjs +1 -1
  25. package/dist/components/logs/LogsInfoAlert/LogsInfoAlert.d.ts +10 -0
  26. package/dist/components/logs/LogsInfoAlert/LogsInfoAlert.mjs +1 -0
  27. package/dist/components/logs/LogsInfoAlert/index.d.ts +1 -0
  28. package/dist/components/logs/LogsTable/LogDetailPanel.d.ts +6 -0
  29. package/dist/components/logs/LogsTable/LogDetailPanel.mjs +1 -0
  30. package/dist/components/logs/LogsTable/LogsTable.d.ts +17 -0
  31. package/dist/components/logs/LogsTable/LogsTable.mjs +1 -0
  32. package/dist/components/logs/LogsTable/index.d.ts +2 -0
  33. package/dist/components/logs/index.d.ts +3 -0
  34. package/dist/components/logs/types.d.ts +28 -0
  35. package/dist/contexts/metrics/Metrics.context.mjs +1 -1
  36. package/dist/contexts/tunnel/index.mjs +1 -1
  37. package/dist/hooks/index.d.ts +1 -0
  38. package/dist/hooks/index.mjs +1 -1
  39. package/dist/hooks/useBidirectionalScroll.d.ts +41 -0
  40. package/dist/hooks/useBidirectionalScroll.mjs +1 -0
  41. package/dist/index.mjs +1 -1
  42. package/dist/node_modules/@floating-ui/core/dist/floating-ui.core.mjs +1 -1
  43. package/dist/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs +1 -1
  44. package/dist/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs +1 -1
  45. package/dist/node_modules/clsx/dist/clsx.mjs +1 -1
  46. package/dist/styles/lib/react-datepicker.d.ts +1 -0
  47. package/dist/styles/lib/react-datepicker.mjs +953 -0
  48. package/dist/utils/date.d.ts +6 -0
  49. package/dist/utils/date.mjs +1 -1
  50. package/dist/utils/index.mjs +1 -1
  51. package/package.json +2 -1
  52. package/dist/styles/lib/react-datepicker.css.mjs +0 -1
@@ -0,0 +1,953 @@
1
+ "use strict";const e=`@charset "UTF-8";
2
+ .react-datepicker__year-read-view--down-arrow,
3
+ .react-datepicker__month-read-view--down-arrow,
4
+ .react-datepicker__month-year-read-view--down-arrow,
5
+ .react-datepicker__navigation-icon::before {
6
+ border-color: rgba(0, 0, 0, 0.23);
7
+ border-style: solid;
8
+ border-width: 3px 3px 0 0;
9
+ content: '';
10
+ display: block;
11
+ height: 9px;
12
+ position: absolute;
13
+ top: 6px;
14
+ width: 9px;
15
+ }
16
+ .react-datepicker-wrapper {
17
+ display: flex;
18
+ padding: 0;
19
+ border: 0;
20
+ }
21
+
22
+ .react-datepicker {
23
+ font-family: inherit;
24
+ font-size: 0.8rem;
25
+ background-color: #fff;
26
+ color: #fff;
27
+ border-radius: 0.3rem;
28
+ box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
29
+ display: inline-block;
30
+ position: relative;
31
+ line-height: initial;
32
+ }
33
+
34
+ .react-datepicker--time-only .react-datepicker__time-container {
35
+ border-left: 0;
36
+ }
37
+ .react-datepicker--time-only .react-datepicker__time,
38
+ .react-datepicker--time-only .react-datepicker__time-box {
39
+ border-bottom-left-radius: 0.3rem;
40
+ border-bottom-right-radius: 0.3rem;
41
+ }
42
+
43
+ .react-datepicker-popper {
44
+ z-index: 2;
45
+ line-height: 0;
46
+ }
47
+ .react-datepicker-popper .react-datepicker__triangle {
48
+ stroke: #aeaeae;
49
+ }
50
+ .react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle {
51
+ fill: #0dbc3d;
52
+ color: #0dbc3d;
53
+ }
54
+ .react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle {
55
+ fill: #0dbc3d;
56
+ color: #0dbc3d;
57
+ }
58
+
59
+ .react-datepicker__header {
60
+ text-align: center;
61
+ color: #fff;
62
+ background-color: #0dbc3d;
63
+ border-bottom: 1px solid #aeaeae;
64
+ border-top-left-radius: 0.3rem;
65
+ padding: 8px 0;
66
+ position: relative;
67
+ }
68
+ .react-datepicker__header--time {
69
+ padding-bottom: 8px;
70
+ padding-left: 5px;
71
+ padding-right: 5px;
72
+ }
73
+ .react-datepicker__header--time:not(.react-datepicker__header--time--only) {
74
+ border-top-left-radius: 0;
75
+ }
76
+ .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
77
+ border-top-right-radius: 0.3rem;
78
+ }
79
+
80
+ .react-datepicker__year-dropdown-container--select,
81
+ .react-datepicker__month-dropdown-container--select,
82
+ .react-datepicker__month-year-dropdown-container--select,
83
+ .react-datepicker__year-dropdown-container--scroll,
84
+ .react-datepicker__month-dropdown-container--scroll,
85
+ .react-datepicker__month-year-dropdown-container--scroll {
86
+ display: inline-block;
87
+ margin: 0 15px;
88
+ }
89
+
90
+ .react-datepicker__current-month,
91
+ .react-datepicker-time__header,
92
+ .react-datepicker-year-header {
93
+ margin-top: 0;
94
+ color: currentColor;
95
+ font-weight: bold;
96
+ font-size: 0.944rem;
97
+ }
98
+
99
+ h2.react-datepicker__current-month {
100
+ padding: 0;
101
+ margin: 0;
102
+ }
103
+
104
+ .react-datepicker-time__header {
105
+ text-overflow: ellipsis;
106
+ white-space: nowrap;
107
+ overflow: hidden;
108
+ }
109
+
110
+ .react-datepicker__navigation {
111
+ align-items: center;
112
+ background: none;
113
+ display: flex;
114
+ justify-content: center;
115
+ text-align: center;
116
+ cursor: pointer;
117
+ position: absolute;
118
+ top: 2px;
119
+ padding: 0;
120
+ border: none;
121
+ z-index: 1;
122
+ height: 32px;
123
+ width: 32px;
124
+ text-indent: -999em;
125
+ overflow: hidden;
126
+ }
127
+ .react-datepicker__navigation--previous {
128
+ left: 2px;
129
+ }
130
+ .react-datepicker__navigation--next {
131
+ right: 2px;
132
+ }
133
+ .react-datepicker__navigation--next--with-time:not(
134
+ .react-datepicker__navigation--next--with-today-button
135
+ ) {
136
+ right: 85px;
137
+ }
138
+ .react-datepicker__navigation--years {
139
+ position: relative;
140
+ top: 0;
141
+ display: block;
142
+ margin-left: auto;
143
+ margin-right: auto;
144
+ }
145
+ .react-datepicker__navigation--years-previous {
146
+ top: 4px;
147
+ }
148
+ .react-datepicker__navigation--years-upcoming {
149
+ top: -4px;
150
+ }
151
+ .react-datepicker__navigation:hover *::before {
152
+ border-color: rgba(0, 0, 0, 0.23);
153
+ }
154
+
155
+ .react-datepicker__navigation-icon {
156
+ position: relative;
157
+ top: -1px;
158
+ font-size: 20px;
159
+ width: 0;
160
+ }
161
+ .react-datepicker__navigation-icon--next {
162
+ left: -2px;
163
+ }
164
+ .react-datepicker__navigation-icon--next::before {
165
+ transform: rotate(45deg);
166
+ left: -7px;
167
+ }
168
+ .react-datepicker__navigation-icon--previous {
169
+ right: -2px;
170
+ }
171
+ .react-datepicker__navigation-icon--previous::before {
172
+ transform: rotate(225deg);
173
+ right: -7px;
174
+ }
175
+
176
+ .react-datepicker__month-container {
177
+ float: left;
178
+ }
179
+
180
+ .react-datepicker__year {
181
+ margin: 0.4rem;
182
+ text-align: center;
183
+ }
184
+ .react-datepicker__year-wrapper {
185
+ display: flex;
186
+ flex-wrap: wrap;
187
+ max-width: 180px;
188
+ }
189
+ .react-datepicker__year .react-datepicker__year-text {
190
+ display: inline-block;
191
+ width: 4rem;
192
+ margin: 2px;
193
+ }
194
+
195
+ .react-datepicker__month {
196
+ margin: 0.4rem;
197
+ text-align: center;
198
+ }
199
+ .react-datepicker__month .react-datepicker__month-text,
200
+ .react-datepicker__month .react-datepicker__quarter-text {
201
+ display: inline-block;
202
+ width: 4rem;
203
+ margin: 2px;
204
+ }
205
+
206
+ .react-datepicker__input-time-container {
207
+ clear: both;
208
+ width: 100%;
209
+ float: left;
210
+ margin: 5px 0 10px 15px;
211
+ text-align: left;
212
+ }
213
+ .react-datepicker__input-time-container .react-datepicker-time__caption {
214
+ display: inline-block;
215
+ }
216
+ .react-datepicker__input-time-container
217
+ .react-datepicker-time__input-container {
218
+ display: inline-block;
219
+ }
220
+ .react-datepicker__input-time-container
221
+ .react-datepicker-time__input-container
222
+ .react-datepicker-time__input {
223
+ display: inline-block;
224
+ margin-left: 10px;
225
+ }
226
+ .react-datepicker__input-time-container
227
+ .react-datepicker-time__input-container
228
+ .react-datepicker-time__input
229
+ input {
230
+ width: auto;
231
+ }
232
+ .react-datepicker__input-time-container
233
+ .react-datepicker-time__input-container
234
+ .react-datepicker-time__input
235
+ input[type='time']::-webkit-inner-spin-button,
236
+ .react-datepicker__input-time-container
237
+ .react-datepicker-time__input-container
238
+ .react-datepicker-time__input
239
+ input[type='time']::-webkit-outer-spin-button {
240
+ -webkit-appearance: none;
241
+ margin: 0;
242
+ }
243
+ .react-datepicker__input-time-container
244
+ .react-datepicker-time__input-container
245
+ .react-datepicker-time__input
246
+ input[type='time'] {
247
+ -moz-appearance: textfield;
248
+ }
249
+ .react-datepicker__input-time-container
250
+ .react-datepicker-time__input-container
251
+ .react-datepicker-time__delimiter {
252
+ margin-left: 5px;
253
+ display: inline-block;
254
+ }
255
+
256
+ .react-datepicker__time-container {
257
+ float: right;
258
+ border-left: 1px solid #aeaeae;
259
+ width: 85px;
260
+ }
261
+ .react-datepicker__time-container--with-today-button {
262
+ display: inline;
263
+ border: 1px solid #aeaeae;
264
+ border-radius: 0.3rem;
265
+ position: absolute;
266
+ right: -87px;
267
+ top: 0;
268
+ }
269
+ .react-datepicker__time-container .react-datepicker__time {
270
+ position: relative;
271
+ background: white;
272
+ border-bottom-right-radius: 0.3rem;
273
+ }
274
+ .react-datepicker__time-container
275
+ .react-datepicker__time
276
+ .react-datepicker__time-box {
277
+ width: 85px;
278
+ overflow-x: hidden;
279
+ margin: 0 auto;
280
+ text-align: center;
281
+ border-bottom-right-radius: 0.3rem;
282
+ }
283
+ .react-datepicker__time-container
284
+ .react-datepicker__time
285
+ .react-datepicker__time-box
286
+ ul.react-datepicker__time-list {
287
+ list-style: none;
288
+ margin: 0;
289
+ height: calc(195px + 1.7rem / 2);
290
+ overflow-y: scroll;
291
+ padding-right: 0;
292
+ padding-left: 0;
293
+ width: 100%;
294
+ box-sizing: content-box;
295
+ }
296
+ .react-datepicker__time-container
297
+ .react-datepicker__time
298
+ .react-datepicker__time-box
299
+ ul.react-datepicker__time-list
300
+ li.react-datepicker__time-list-item {
301
+ height: 30px;
302
+ padding: 5px 10px;
303
+ white-space: nowrap;
304
+ }
305
+ .react-datepicker__time-container
306
+ .react-datepicker__time
307
+ .react-datepicker__time-box
308
+ ul.react-datepicker__time-list
309
+ li.react-datepicker__time-list-item:hover {
310
+ cursor: pointer;
311
+ background-color: #008a01;
312
+ }
313
+ .react-datepicker__time-container
314
+ .react-datepicker__time
315
+ .react-datepicker__time-box
316
+ ul.react-datepicker__time-list
317
+ li.react-datepicker__time-list-item--selected {
318
+ background-color: #008a01;
319
+ color: white;
320
+ font-weight: bold;
321
+ }
322
+ .react-datepicker__time-container
323
+ .react-datepicker__time
324
+ .react-datepicker__time-box
325
+ ul.react-datepicker__time-list
326
+ li.react-datepicker__time-list-item--selected:hover {
327
+ background-color: #0dbc3d;
328
+ }
329
+ .react-datepicker__time-container
330
+ .react-datepicker__time
331
+ .react-datepicker__time-box
332
+ ul.react-datepicker__time-list
333
+ li.react-datepicker__time-list-item--disabled {
334
+ color: #ccc;
335
+ }
336
+ .react-datepicker__time-container
337
+ .react-datepicker__time
338
+ .react-datepicker__time-box
339
+ ul.react-datepicker__time-list
340
+ li.react-datepicker__time-list-item--disabled:hover {
341
+ cursor: default;
342
+ background-color: transparent;
343
+ }
344
+
345
+ .react-datepicker__week-number {
346
+ color: #ccc;
347
+ display: inline-block;
348
+ width: 1.7rem;
349
+ line-height: 1.7rem;
350
+ text-align: center;
351
+ margin: 0.166rem;
352
+ }
353
+ .react-datepicker__week-number.react-datepicker__week-number--clickable {
354
+ cursor: pointer;
355
+ }
356
+ .react-datepicker__week-number.react-datepicker__week-number--clickable:not(
357
+ .react-datepicker__week-number--selected,
358
+ .react-datepicker__week-number--keyboard-selected
359
+ ):hover {
360
+ border-radius: 0.3rem;
361
+ background-color: #0dbc3d;
362
+ }
363
+ .react-datepicker__week-number--selected {
364
+ border-radius: 0.3rem;
365
+ background-color: #0dbc3d;
366
+ color: #fff;
367
+ }
368
+ .react-datepicker__week-number--selected:hover {
369
+ background-color: #008a01;
370
+ }
371
+ .react-datepicker__week-number--keyboard-selected {
372
+ border-radius: 0.3rem;
373
+ background-color: rgb(41.5, 134.5606060606, 207.5);
374
+ color: #fff;
375
+ }
376
+ .react-datepicker__week-number--keyboard-selected:hover {
377
+ background-color: #008a01;
378
+ }
379
+
380
+ .react-datepicker__day-names {
381
+ white-space: nowrap;
382
+ margin-bottom: -8px;
383
+ }
384
+
385
+ .react-datepicker__week {
386
+ white-space: nowrap;
387
+ }
388
+
389
+ .react-datepicker__header .react-datepicker__day-name {
390
+ color: currentColor;
391
+ font-weight: 600;
392
+ }
393
+
394
+ .react-datepicker__day-name,
395
+ .react-datepicker__day,
396
+ .react-datepicker__time-name {
397
+ color: #000;
398
+ display: inline-block;
399
+ width: 1.7rem;
400
+ line-height: 1.7rem;
401
+ text-align: center;
402
+ margin: 0.166rem;
403
+ }
404
+
405
+ .react-datepicker__day:last-child:not(.react-datepicker__day--in-range) {
406
+ color: #eb0d28;
407
+ }
408
+ .react-datepicker__day:last-child:not(
409
+ .react-datepicker__day--in-range
410
+ ).react-datepicker__day--disabled {
411
+ color: #eb0d2866;
412
+ }
413
+
414
+ .react-datepicker__day,
415
+ .react-datepicker__month-text,
416
+ .react-datepicker__quarter-text,
417
+ .react-datepicker__year-text {
418
+ cursor: pointer;
419
+ }
420
+ .react-datepicker__day:not([aria-disabled='true']):hover,
421
+ .react-datepicker__month-text:not([aria-disabled='true']):hover,
422
+ .react-datepicker__quarter-text:not([aria-disabled='true']):hover,
423
+ .react-datepicker__year-text:not([aria-disabled='true']):hover {
424
+ border-radius: 0.3rem;
425
+ background-color: #0dbc3d;
426
+ }
427
+ .react-datepicker__day--today,
428
+ .react-datepicker__month-text--today,
429
+ .react-datepicker__quarter-text--today,
430
+ .react-datepicker__year-text--today {
431
+ font-weight: bold;
432
+ }
433
+ .react-datepicker__day--highlighted,
434
+ .react-datepicker__month-text--highlighted,
435
+ .react-datepicker__quarter-text--highlighted,
436
+ .react-datepicker__year-text--highlighted {
437
+ border-radius: 0.3rem;
438
+ background-color: #008a01;
439
+ color: #fff;
440
+ }
441
+ .react-datepicker__day--highlighted:not([aria-disabled='true']):hover,
442
+ .react-datepicker__month-text--highlighted:not([aria-disabled='true']):hover,
443
+ .react-datepicker__quarter-text--highlighted:not([aria-disabled='true']):hover,
444
+ .react-datepicker__year-text--highlighted:not([aria-disabled='true']):hover {
445
+ background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
446
+ }
447
+ .react-datepicker__day--highlighted-custom-1,
448
+ .react-datepicker__month-text--highlighted-custom-1,
449
+ .react-datepicker__quarter-text--highlighted-custom-1,
450
+ .react-datepicker__year-text--highlighted-custom-1 {
451
+ color: #008a01;
452
+ }
453
+ .react-datepicker__day--highlighted-custom-2,
454
+ .react-datepicker__month-text--highlighted-custom-2,
455
+ .react-datepicker__quarter-text--highlighted-custom-2,
456
+ .react-datepicker__year-text--highlighted-custom-2 {
457
+ color: #008a01;
458
+ }
459
+ .react-datepicker__day--holidays,
460
+ .react-datepicker__month-text--holidays,
461
+ .react-datepicker__quarter-text--holidays,
462
+ .react-datepicker__year-text--holidays {
463
+ position: relative;
464
+ border-radius: 0.3rem;
465
+ background-color: #ff6803;
466
+ color: #fff;
467
+ }
468
+ .react-datepicker__day--holidays .overlay,
469
+ .react-datepicker__month-text--holidays .overlay,
470
+ .react-datepicker__quarter-text--holidays .overlay,
471
+ .react-datepicker__year-text--holidays .overlay {
472
+ position: absolute;
473
+ bottom: 100%;
474
+ left: 50%;
475
+ transform: translateX(-50%);
476
+ background-color: #333;
477
+ color: #fff;
478
+ padding: 4px;
479
+ border-radius: 4px;
480
+ white-space: nowrap;
481
+ visibility: hidden;
482
+ opacity: 0;
483
+ transition:
484
+ visibility 0s,
485
+ opacity 0.3s ease-in-out;
486
+ }
487
+ .react-datepicker__day--holidays:not([aria-disabled='true']):hover,
488
+ .react-datepicker__month-text--holidays:not([aria-disabled='true']):hover,
489
+ .react-datepicker__quarter-text--holidays:not([aria-disabled='true']):hover,
490
+ .react-datepicker__year-text--holidays:not([aria-disabled='true']):hover {
491
+ background-color: rgb(207, 82.9642857143, 0);
492
+ }
493
+ .react-datepicker__day--holidays:hover .overlay,
494
+ .react-datepicker__month-text--holidays:hover .overlay,
495
+ .react-datepicker__quarter-text--holidays:hover .overlay,
496
+ .react-datepicker__year-text--holidays:hover .overlay {
497
+ visibility: visible;
498
+ opacity: 1;
499
+ }
500
+ .react-datepicker__day--selected,
501
+ .react-datepicker__day--in-selecting-range,
502
+ .react-datepicker__day--in-range,
503
+ .react-datepicker__month-text--selected,
504
+ .react-datepicker__month-text--in-selecting-range,
505
+ .react-datepicker__month-text--in-range,
506
+ .react-datepicker__quarter-text--selected,
507
+ .react-datepicker__quarter-text--in-selecting-range,
508
+ .react-datepicker__quarter-text--in-range,
509
+ .react-datepicker__year-text--selected,
510
+ .react-datepicker__year-text--in-selecting-range,
511
+ .react-datepicker__year-text--in-range {
512
+ border-radius: 0.3rem;
513
+ background-color: #0dbc3d;
514
+ }
515
+ .react-datepicker__day--selected:not([aria-disabled='true']):hover,
516
+ .react-datepicker__day--in-selecting-range:not([aria-disabled='true']):hover,
517
+ .react-datepicker__day--in-range:not([aria-disabled='true']):hover,
518
+ .react-datepicker__month-text--selected:not([aria-disabled='true']):hover,
519
+ .react-datepicker__month-text--in-selecting-range:not(
520
+ [aria-disabled='true']
521
+ ):hover,
522
+ .react-datepicker__month-text--in-range:not([aria-disabled='true']):hover,
523
+ .react-datepicker__quarter-text--selected:not([aria-disabled='true']):hover,
524
+ .react-datepicker__quarter-text--in-selecting-range:not(
525
+ [aria-disabled='true']
526
+ ):hover,
527
+ .react-datepicker__quarter-text--in-range:not([aria-disabled='true']):hover,
528
+ .react-datepicker__year-text--selected:not([aria-disabled='true']):hover,
529
+ .react-datepicker__year-text--in-selecting-range:not(
530
+ [aria-disabled='true']
531
+ ):hover,
532
+ .react-datepicker__year-text--in-range:not([aria-disabled='true']):hover {
533
+ background-color: #008a01;
534
+ }
535
+ .react-datepicker__day--keyboard-selected,
536
+ .react-datepicker__month-text--keyboard-selected,
537
+ .react-datepicker__quarter-text--keyboard-selected,
538
+ .react-datepicker__year-text--keyboard-selected {
539
+ border-radius: 0.3rem;
540
+ background-color: #0dbc3d;
541
+ color: rgb(0, 0, 0);
542
+ }
543
+ .react-datepicker__day--keyboard-selected:not([aria-disabled='true']):hover,
544
+ .react-datepicker__month-text--keyboard-selected:not(
545
+ [aria-disabled='true']
546
+ ):hover,
547
+ .react-datepicker__quarter-text--keyboard-selected:not(
548
+ [aria-disabled='true']
549
+ ):hover,
550
+ .react-datepicker__year-text--keyboard-selected:not(
551
+ [aria-disabled='true']
552
+ ):hover {
553
+ background-color: #008a01;
554
+ }
555
+ .react-datepicker__day--in-selecting-range:not(
556
+ .react-datepicker__day--in-range,
557
+ .react-datepicker__month-text--in-range,
558
+ .react-datepicker__quarter-text--in-range,
559
+ .react-datepicker__year-text--in-range
560
+ ),
561
+ .react-datepicker__month-text--in-selecting-range:not(
562
+ .react-datepicker__day--in-range,
563
+ .react-datepicker__month-text--in-range,
564
+ .react-datepicker__quarter-text--in-range,
565
+ .react-datepicker__year-text--in-range
566
+ ),
567
+ .react-datepicker__quarter-text--in-selecting-range:not(
568
+ .react-datepicker__day--in-range,
569
+ .react-datepicker__month-text--in-range,
570
+ .react-datepicker__quarter-text--in-range,
571
+ .react-datepicker__year-text--in-range
572
+ ),
573
+ .react-datepicker__year-text--in-selecting-range:not(
574
+ .react-datepicker__day--in-range,
575
+ .react-datepicker__month-text--in-range,
576
+ .react-datepicker__quarter-text--in-range,
577
+ .react-datepicker__year-text--in-range
578
+ ) {
579
+ background-color: #0dbc3d;
580
+ }
581
+ .react-datepicker__month--selecting-range
582
+ .react-datepicker__day--in-range:not(
583
+ .react-datepicker__day--in-selecting-range,
584
+ .react-datepicker__month-text--in-selecting-range,
585
+ .react-datepicker__quarter-text--in-selecting-range,
586
+ .react-datepicker__year-text--in-selecting-range
587
+ ),
588
+ .react-datepicker__year--selecting-range
589
+ .react-datepicker__day--in-range:not(
590
+ .react-datepicker__day--in-selecting-range,
591
+ .react-datepicker__month-text--in-selecting-range,
592
+ .react-datepicker__quarter-text--in-selecting-range,
593
+ .react-datepicker__year-text--in-selecting-range
594
+ ),
595
+ .react-datepicker__month--selecting-range
596
+ .react-datepicker__month-text--in-range:not(
597
+ .react-datepicker__day--in-selecting-range,
598
+ .react-datepicker__month-text--in-selecting-range,
599
+ .react-datepicker__quarter-text--in-selecting-range,
600
+ .react-datepicker__year-text--in-selecting-range
601
+ ),
602
+ .react-datepicker__year--selecting-range
603
+ .react-datepicker__month-text--in-range:not(
604
+ .react-datepicker__day--in-selecting-range,
605
+ .react-datepicker__month-text--in-selecting-range,
606
+ .react-datepicker__quarter-text--in-selecting-range,
607
+ .react-datepicker__year-text--in-selecting-range
608
+ ),
609
+ .react-datepicker__month--selecting-range
610
+ .react-datepicker__quarter-text--in-range:not(
611
+ .react-datepicker__day--in-selecting-range,
612
+ .react-datepicker__month-text--in-selecting-range,
613
+ .react-datepicker__quarter-text--in-selecting-range,
614
+ .react-datepicker__year-text--in-selecting-range
615
+ ),
616
+ .react-datepicker__year--selecting-range
617
+ .react-datepicker__quarter-text--in-range:not(
618
+ .react-datepicker__day--in-selecting-range,
619
+ .react-datepicker__month-text--in-selecting-range,
620
+ .react-datepicker__quarter-text--in-selecting-range,
621
+ .react-datepicker__year-text--in-selecting-range
622
+ ),
623
+ .react-datepicker__month--selecting-range
624
+ .react-datepicker__year-text--in-range:not(
625
+ .react-datepicker__day--in-selecting-range,
626
+ .react-datepicker__month-text--in-selecting-range,
627
+ .react-datepicker__quarter-text--in-selecting-range,
628
+ .react-datepicker__year-text--in-selecting-range
629
+ ),
630
+ .react-datepicker__year--selecting-range
631
+ .react-datepicker__year-text--in-range:not(
632
+ .react-datepicker__day--in-selecting-range,
633
+ .react-datepicker__month-text--in-selecting-range,
634
+ .react-datepicker__quarter-text--in-selecting-range,
635
+ .react-datepicker__year-text--in-selecting-range
636
+ ) {
637
+ background-color: #0dbc3d;
638
+ color: #000;
639
+ }
640
+ .react-datepicker__day--disabled,
641
+ .react-datepicker__month-text--disabled,
642
+ .react-datepicker__quarter-text--disabled,
643
+ .react-datepicker__year-text--disabled {
644
+ cursor: default;
645
+ color: #ccc;
646
+ }
647
+ .react-datepicker__day--disabled .overlay,
648
+ .react-datepicker__month-text--disabled .overlay,
649
+ .react-datepicker__quarter-text--disabled .overlay,
650
+ .react-datepicker__year-text--disabled .overlay {
651
+ position: absolute;
652
+ bottom: 70%;
653
+ left: 50%;
654
+ transform: translateX(-50%);
655
+ background-color: #333;
656
+ color: #fff;
657
+ padding: 4px;
658
+ border-radius: 4px;
659
+ white-space: nowrap;
660
+ visibility: hidden;
661
+ opacity: 0;
662
+ transition:
663
+ visibility 0s,
664
+ opacity 0.3s ease-in-out;
665
+ }
666
+
667
+ .react-datepicker__input-container {
668
+ position: relative;
669
+ display: inline-block;
670
+ width: 100%;
671
+ }
672
+ .react-datepicker__input-container .react-datepicker__calendar-icon {
673
+ position: absolute;
674
+ padding: 0.5rem;
675
+ box-sizing: content-box;
676
+ }
677
+
678
+ .react-datepicker__view-calendar-icon input {
679
+ padding: 6px 10px 5px 25px;
680
+ }
681
+
682
+ .react-datepicker__year-read-view,
683
+ .react-datepicker__month-read-view,
684
+ .react-datepicker__month-year-read-view {
685
+ border: 1px solid transparent;
686
+ border-radius: 0.3rem;
687
+ position: relative;
688
+ }
689
+ .react-datepicker__year-read-view:hover,
690
+ .react-datepicker__month-read-view:hover,
691
+ .react-datepicker__month-year-read-view:hover {
692
+ cursor: pointer;
693
+ }
694
+ .react-datepicker__year-read-view:hover
695
+ .react-datepicker__year-read-view--down-arrow,
696
+ .react-datepicker__year-read-view:hover
697
+ .react-datepicker__month-read-view--down-arrow,
698
+ .react-datepicker__month-read-view:hover
699
+ .react-datepicker__year-read-view--down-arrow,
700
+ .react-datepicker__month-read-view:hover
701
+ .react-datepicker__month-read-view--down-arrow,
702
+ .react-datepicker__month-year-read-view:hover
703
+ .react-datepicker__year-read-view--down-arrow,
704
+ .react-datepicker__month-year-read-view:hover
705
+ .react-datepicker__month-read-view--down-arrow {
706
+ /* border-top-color: #0dbc3d; */
707
+ }
708
+ .react-datepicker__year-read-view--down-arrow,
709
+ .react-datepicker__month-read-view--down-arrow,
710
+ .react-datepicker__month-year-read-view--down-arrow {
711
+ transform: rotate(135deg);
712
+ right: -16px;
713
+ top: 0;
714
+ }
715
+
716
+ .react-datepicker__year-dropdown,
717
+ .react-datepicker__month-dropdown,
718
+ .react-datepicker__month-year-dropdown {
719
+ background-color: #0dbc3d;
720
+ position: absolute;
721
+ width: 50%;
722
+ left: 25%;
723
+ top: 30px;
724
+ z-index: 1;
725
+ text-align: center;
726
+ border-radius: 0.3rem;
727
+ box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
728
+ }
729
+ .react-datepicker__year-dropdown:hover,
730
+ .react-datepicker__month-dropdown:hover,
731
+ .react-datepicker__month-year-dropdown:hover {
732
+ cursor: pointer;
733
+ }
734
+ .react-datepicker__year-dropdown--scrollable,
735
+ .react-datepicker__month-dropdown--scrollable,
736
+ .react-datepicker__month-year-dropdown--scrollable {
737
+ height: 150px;
738
+ overflow-y: scroll;
739
+ }
740
+
741
+ .react-datepicker__year-option,
742
+ .react-datepicker__month-option,
743
+ .react-datepicker__month-year-option {
744
+ line-height: 20px;
745
+ width: 100%;
746
+ display: block;
747
+ margin-left: auto;
748
+ margin-right: auto;
749
+ }
750
+ .react-datepicker__year-option:first-of-type,
751
+ .react-datepicker__month-option:first-of-type,
752
+ .react-datepicker__month-year-option:first-of-type {
753
+ border-top-left-radius: 0.3rem;
754
+ border-top-right-radius: 0.3rem;
755
+ }
756
+ .react-datepicker__year-option:last-of-type,
757
+ .react-datepicker__month-option:last-of-type,
758
+ .react-datepicker__month-year-option:last-of-type {
759
+ -webkit-user-select: none;
760
+ -moz-user-select: none;
761
+ -ms-user-select: none;
762
+ user-select: none;
763
+ border-bottom-left-radius: 0.3rem;
764
+ border-bottom-right-radius: 0.3rem;
765
+ }
766
+ .react-datepicker__year-option:hover,
767
+ .react-datepicker__month-option:hover,
768
+ .react-datepicker__month-year-option:hover {
769
+ background-color: #008a01;
770
+ }
771
+ .react-datepicker__year-option:hover
772
+ .react-datepicker__navigation--years-upcoming,
773
+ .react-datepicker__month-option:hover
774
+ .react-datepicker__navigation--years-upcoming,
775
+ .react-datepicker__month-year-option:hover
776
+ .react-datepicker__navigation--years-upcoming {
777
+ border-bottom-color: rgb(178.5, 178.5, 178.5);
778
+ }
779
+ .react-datepicker__year-option:hover
780
+ .react-datepicker__navigation--years-previous,
781
+ .react-datepicker__month-option:hover
782
+ .react-datepicker__navigation--years-previous,
783
+ .react-datepicker__month-year-option:hover
784
+ .react-datepicker__navigation--years-previous {
785
+ border-top-color: rgb(178.5, 178.5, 178.5);
786
+ }
787
+ .react-datepicker__year-option--selected,
788
+ .react-datepicker__month-option--selected,
789
+ .react-datepicker__month-year-option--selected {
790
+ position: absolute;
791
+ left: 15px;
792
+ }
793
+
794
+ .react-datepicker__close-icon {
795
+ cursor: pointer;
796
+ background-color: transparent;
797
+ border: 0;
798
+ outline: 0;
799
+ padding: 0 6px 0 0;
800
+ position: absolute;
801
+ top: 0;
802
+ right: 0;
803
+ height: 100%;
804
+ display: table-cell;
805
+ vertical-align: middle;
806
+ }
807
+ .react-datepicker__close-icon::after {
808
+ cursor: pointer;
809
+ background-color: #0dbc3d;
810
+ color: #fff;
811
+ border-radius: 50%;
812
+ height: 16px;
813
+ width: 16px;
814
+ padding: 2px;
815
+ font-size: 12px;
816
+ line-height: 1;
817
+ text-align: center;
818
+ display: table-cell;
819
+ vertical-align: middle;
820
+ content: '\xD7';
821
+ }
822
+ .react-datepicker__close-icon--disabled {
823
+ cursor: default;
824
+ }
825
+ .react-datepicker__close-icon--disabled::after {
826
+ cursor: default;
827
+ background-color: #ccc;
828
+ }
829
+
830
+ .react-datepicker__today-button {
831
+ background: #b6edbd;
832
+ border-top: 1px solid #aeaeae;
833
+ cursor: pointer;
834
+ text-align: center;
835
+ font-weight: bold;
836
+ padding: 5px 0;
837
+ clear: left;
838
+ }
839
+
840
+ .react-datepicker__portal {
841
+ position: fixed;
842
+ width: 100vw;
843
+ height: 100vh;
844
+ background-color: rgba(0, 0, 0, 0.8);
845
+ left: 0;
846
+ top: 0;
847
+ justify-content: center;
848
+ align-items: center;
849
+ display: flex;
850
+ z-index: 2147483647;
851
+ }
852
+ .react-datepicker__portal .react-datepicker__day-name,
853
+ .react-datepicker__portal .react-datepicker__day,
854
+ .react-datepicker__portal .react-datepicker__time-name {
855
+ width: 3rem;
856
+ line-height: 3rem;
857
+ }
858
+ @media (max-width: 400px), (max-height: 550px) {
859
+ .react-datepicker__portal .react-datepicker__day-name,
860
+ .react-datepicker__portal .react-datepicker__day,
861
+ .react-datepicker__portal .react-datepicker__time-name {
862
+ width: 2rem;
863
+ line-height: 2rem;
864
+ }
865
+ }
866
+ .react-datepicker__portal .react-datepicker__current-month,
867
+ .react-datepicker__portal .react-datepicker-time__header {
868
+ font-size: 1.44rem;
869
+ }
870
+
871
+ .react-datepicker__children-container {
872
+ width: 13.8rem;
873
+ margin: 0.4rem;
874
+ padding-right: 0.2rem;
875
+ padding-left: 0.2rem;
876
+ height: auto;
877
+ }
878
+
879
+ .react-datepicker__aria-live {
880
+ position: absolute;
881
+ clip-path: circle(0);
882
+ border: 0;
883
+ height: 1px;
884
+ margin: -1px;
885
+ overflow: hidden;
886
+ padding: 0;
887
+ width: 1px;
888
+ white-space: nowrap;
889
+ }
890
+
891
+ .react-datepicker__calendar-icon {
892
+ width: 1em;
893
+ height: 1em;
894
+ vertical-align: -0.125em;
895
+ }
896
+
897
+ a.react-datepicker__navigation--years-upcoming,
898
+ a.react-datepicker__navigation--years-previous {
899
+ position: relative;
900
+ top: 0;
901
+ display: flex;
902
+ align-items: center;
903
+ justify-content: center;
904
+ }
905
+
906
+ a.react-datepicker__navigation--years-upcoming::after {
907
+ content: '';
908
+ position: absolute;
909
+ width: 9px;
910
+ height: 9px;
911
+ border-color: rgba(0, 0, 0, 0.23);
912
+ border-style: solid;
913
+ border-width: 3px 3px 0 0;
914
+ transform: rotate(-45deg);
915
+ }
916
+
917
+ a.react-datepicker__navigation--years-previous::after {
918
+ content: '';
919
+ position: absolute;
920
+ width: 9px;
921
+ height: 9px;
922
+ border-color: rgba(0, 0, 0, 0.23);
923
+ border-style: solid;
924
+ border-width: 3px 3px 0 0;
925
+ transform: rotate(135deg);
926
+ }
927
+
928
+ .react-datepicker__year-dropdown,
929
+ .react-datepicker__month-dropdown {
930
+ font-weight: 600;
931
+ }
932
+
933
+ .react-datepicker__year-option--selected_year,
934
+ .react-datepicker__month-option--selected_month {
935
+ background-color: #008a01;
936
+ }
937
+
938
+ select.react-datepicker__month-select,
939
+ select.react-datepicker__year-select {
940
+ font-family: inherit;
941
+ background: transparent;
942
+ border: none;
943
+ color: white;
944
+ outline: none;
945
+ cursor: pointer;
946
+ }
947
+
948
+ /* Selected date and hovered date */
949
+ .react-datepicker__day--selected,
950
+ .react-datepicker__day:not([aria-disabled='true']):hover {
951
+ color: #fff;
952
+ }
953
+ `;export{e as reactDatepickerCss};