react-table-edit 1.2.57 → 1.2.59

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 (37) hide show
  1. package/dist/index.d.mts +368 -0
  2. package/dist/index.js +5243 -45623
  3. package/dist/index.mjs +5213 -45576
  4. package/package.json +17 -29
  5. package/dist/component/edit-form/index.d.ts +0 -39
  6. package/dist/component/edit-form/select-table/index.d.ts +0 -32
  7. package/dist/component/icon/index.d.ts +0 -2
  8. package/dist/component/input-date/index.d.ts +0 -12
  9. package/dist/component/input-number/index.d.ts +0 -27
  10. package/dist/component/input-style/fonts.d.ts +0 -4
  11. package/dist/component/input-style/index.d.ts +0 -23
  12. package/dist/component/input-text/index.d.ts +0 -25
  13. package/dist/component/modal-header/index.d.ts +0 -8
  14. package/dist/component/notifications.d.ts +0 -9
  15. package/dist/component/react-input/index.d.ts +0 -2
  16. package/dist/component/select-table/index.d.ts +0 -57
  17. package/dist/component/select-table-tree/index.d.ts +0 -56
  18. package/dist/component/sidebar/index.d.ts +0 -11
  19. package/dist/component/sidebar-setting-column/index.d.ts +0 -9
  20. package/dist/component/tab-menu/index.d.ts +0 -12
  21. package/dist/component/table/command.d.ts +0 -12
  22. package/dist/component/table/header.d.ts +0 -19
  23. package/dist/component/table/index.d.ts +0 -180
  24. package/dist/component/table/paging/index.d.ts +0 -10
  25. package/dist/component/table/render-edit.d.ts +0 -20
  26. package/dist/component/table/toolbar-bottom.d.ts +0 -7
  27. package/dist/component/table/toolbar-top.d.ts +0 -3
  28. package/dist/component/table/type.d.ts +0 -158
  29. package/dist/component/utils.d.ts +0 -17
  30. package/dist/index.cjs.css +0 -830
  31. package/dist/index.cjs.js +0 -47150
  32. package/dist/index.cjs.js.map +0 -1
  33. package/dist/index.esm.css +0 -830
  34. package/dist/index.esm.js +0 -47108
  35. package/dist/index.esm.js.map +0 -1
  36. package/dist/index.js.map +0 -1
  37. package/dist/index.mjs.map +0 -1
@@ -1,830 +0,0 @@
1
- .react-resizable {
2
- position: relative;
3
- }
4
- .react-resizable-handle {
5
- position: absolute;
6
- width: 20px;
7
- height: 20px;
8
- background-repeat: no-repeat;
9
- background-origin: content-box;
10
- box-sizing: border-box;
11
- background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
12
- background-position: bottom right;
13
- padding: 0 3px 3px 0;
14
- }
15
- .react-resizable-handle-sw {
16
- bottom: 0;
17
- left: 0;
18
- cursor: sw-resize;
19
- transform: rotate(90deg);
20
- }
21
- .react-resizable-handle-se {
22
- bottom: 0;
23
- right: 0;
24
- cursor: se-resize;
25
- }
26
- .react-resizable-handle-nw {
27
- top: 0;
28
- left: 0;
29
- cursor: nw-resize;
30
- transform: rotate(180deg);
31
- }
32
- .react-resizable-handle-ne {
33
- top: 0;
34
- right: 0;
35
- cursor: ne-resize;
36
- transform: rotate(270deg);
37
- }
38
- .react-resizable-handle-w,
39
- .react-resizable-handle-e {
40
- top: 50%;
41
- margin-top: -10px;
42
- cursor: ew-resize;
43
- }
44
- .react-resizable-handle-w {
45
- left: 0;
46
- transform: rotate(135deg);
47
- }
48
- .react-resizable-handle-e {
49
- right: 0;
50
- transform: rotate(315deg);
51
- }
52
- .react-resizable-handle-n,
53
- .react-resizable-handle-s {
54
- left: 50%;
55
- margin-left: -10px;
56
- cursor: ns-resize;
57
- }
58
- .react-resizable-handle-n {
59
- top: 0;
60
- transform: rotate(225deg);
61
- }
62
- .react-resizable-handle-s {
63
- bottom: 0;
64
- transform: rotate(45deg);
65
- }
66
- @charset "UTF-8";
67
- .react-datepicker__year-read-view--down-arrow,
68
- .react-datepicker__month-read-view--down-arrow,
69
- .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
70
- border-color: #ccc;
71
- border-style: solid;
72
- border-width: 3px 3px 0 0;
73
- content: "";
74
- display: block;
75
- height: 9px;
76
- position: absolute;
77
- top: 6px;
78
- width: 9px;
79
- }
80
- .react-datepicker-wrapper {
81
- display: inline-block;
82
- padding: 0;
83
- border: 0;
84
- }
85
-
86
- .react-datepicker {
87
- font-family: "Helvetica Neue", helvetica, arial, sans-serif;
88
- font-size: 0.8rem;
89
- background-color: #fff;
90
- color: #000;
91
- border: 1px solid #aeaeae;
92
- border-radius: 0.3rem;
93
- display: inline-block;
94
- position: relative;
95
- line-height: initial;
96
- }
97
-
98
- .react-datepicker--time-only .react-datepicker__time-container {
99
- border-left: 0;
100
- }
101
- .react-datepicker--time-only .react-datepicker__time,
102
- .react-datepicker--time-only .react-datepicker__time-box {
103
- border-bottom-left-radius: 0.3rem;
104
- border-bottom-right-radius: 0.3rem;
105
- }
106
-
107
- .react-datepicker-popper {
108
- z-index: 1;
109
- line-height: 0;
110
- }
111
- .react-datepicker-popper .react-datepicker__triangle {
112
- stroke: #aeaeae;
113
- }
114
- .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
115
- fill: #f0f0f0;
116
- color: #f0f0f0;
117
- }
118
- .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
119
- fill: #fff;
120
- color: #fff;
121
- }
122
-
123
- .react-datepicker__header {
124
- text-align: center;
125
- background-color: #f0f0f0;
126
- border-bottom: 1px solid #aeaeae;
127
- border-top-left-radius: 0.3rem;
128
- padding: 8px 0;
129
- position: relative;
130
- }
131
- .react-datepicker__header--time {
132
- padding-bottom: 8px;
133
- padding-left: 5px;
134
- padding-right: 5px;
135
- }
136
- .react-datepicker__header--time:not(.react-datepicker__header--time--only) {
137
- border-top-left-radius: 0;
138
- }
139
- .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
140
- border-top-right-radius: 0.3rem;
141
- }
142
-
143
- .react-datepicker__year-dropdown-container--select,
144
- .react-datepicker__month-dropdown-container--select,
145
- .react-datepicker__month-year-dropdown-container--select,
146
- .react-datepicker__year-dropdown-container--scroll,
147
- .react-datepicker__month-dropdown-container--scroll,
148
- .react-datepicker__month-year-dropdown-container--scroll {
149
- display: inline-block;
150
- margin: 0 15px;
151
- }
152
-
153
- .react-datepicker__current-month,
154
- .react-datepicker-time__header,
155
- .react-datepicker-year-header {
156
- margin-top: 0;
157
- color: #000;
158
- font-weight: bold;
159
- font-size: 0.944rem;
160
- }
161
-
162
- h2.react-datepicker__current-month {
163
- padding: 0;
164
- margin: 0;
165
- }
166
-
167
- .react-datepicker-time__header {
168
- text-overflow: ellipsis;
169
- white-space: nowrap;
170
- overflow: hidden;
171
- }
172
-
173
- .react-datepicker__navigation {
174
- align-items: center;
175
- background: none;
176
- display: flex;
177
- justify-content: center;
178
- text-align: center;
179
- cursor: pointer;
180
- position: absolute;
181
- top: 2px;
182
- padding: 0;
183
- border: none;
184
- z-index: 1;
185
- height: 32px;
186
- width: 32px;
187
- text-indent: -999em;
188
- overflow: hidden;
189
- }
190
- .react-datepicker__navigation--previous {
191
- left: 2px;
192
- }
193
- .react-datepicker__navigation--next {
194
- right: 2px;
195
- }
196
- .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
197
- right: 85px;
198
- }
199
- .react-datepicker__navigation--years {
200
- position: relative;
201
- top: 0;
202
- display: block;
203
- margin-left: auto;
204
- margin-right: auto;
205
- }
206
- .react-datepicker__navigation--years-previous {
207
- top: 4px;
208
- }
209
- .react-datepicker__navigation--years-upcoming {
210
- top: -4px;
211
- }
212
- .react-datepicker__navigation:hover *::before {
213
- border-color: rgb(165.75, 165.75, 165.75);
214
- }
215
-
216
- .react-datepicker__navigation-icon {
217
- position: relative;
218
- top: -1px;
219
- font-size: 20px;
220
- width: 0;
221
- }
222
- .react-datepicker__navigation-icon--next {
223
- left: -2px;
224
- }
225
- .react-datepicker__navigation-icon--next::before {
226
- transform: rotate(45deg);
227
- left: -7px;
228
- }
229
- .react-datepicker__navigation-icon--previous {
230
- right: -2px;
231
- }
232
- .react-datepicker__navigation-icon--previous::before {
233
- transform: rotate(225deg);
234
- right: -7px;
235
- }
236
-
237
- .react-datepicker__month-container {
238
- float: left;
239
- }
240
-
241
- .react-datepicker__year {
242
- margin: 0.4rem;
243
- text-align: center;
244
- }
245
- .react-datepicker__year-wrapper {
246
- display: flex;
247
- flex-wrap: wrap;
248
- max-width: 180px;
249
- }
250
- .react-datepicker__year .react-datepicker__year-text {
251
- display: inline-block;
252
- width: 4rem;
253
- margin: 2px;
254
- }
255
-
256
- .react-datepicker__month {
257
- margin: 0.4rem;
258
- text-align: center;
259
- }
260
- .react-datepicker__month .react-datepicker__month-text,
261
- .react-datepicker__month .react-datepicker__quarter-text {
262
- display: inline-block;
263
- width: 4rem;
264
- margin: 2px;
265
- }
266
-
267
- .react-datepicker__input-time-container {
268
- clear: both;
269
- width: 100%;
270
- float: left;
271
- margin: 5px 0 10px 15px;
272
- text-align: left;
273
- }
274
- .react-datepicker__input-time-container .react-datepicker-time__caption {
275
- display: inline-block;
276
- }
277
- .react-datepicker__input-time-container .react-datepicker-time__input-container {
278
- display: inline-block;
279
- }
280
- .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
281
- display: inline-block;
282
- margin-left: 10px;
283
- }
284
- .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
285
- width: auto;
286
- }
287
- .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
288
- .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
289
- -webkit-appearance: none;
290
- margin: 0;
291
- }
292
- .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
293
- -moz-appearance: textfield;
294
- }
295
- .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
296
- margin-left: 5px;
297
- display: inline-block;
298
- }
299
-
300
- .react-datepicker__time-container {
301
- float: right;
302
- border-left: 1px solid #aeaeae;
303
- width: 85px;
304
- }
305
- .react-datepicker__time-container--with-today-button {
306
- display: inline;
307
- border: 1px solid #aeaeae;
308
- border-radius: 0.3rem;
309
- position: absolute;
310
- right: -87px;
311
- top: 0;
312
- }
313
- .react-datepicker__time-container .react-datepicker__time {
314
- position: relative;
315
- background: white;
316
- border-bottom-right-radius: 0.3rem;
317
- }
318
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
319
- width: 85px;
320
- overflow-x: hidden;
321
- margin: 0 auto;
322
- text-align: center;
323
- border-bottom-right-radius: 0.3rem;
324
- }
325
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
326
- list-style: none;
327
- margin: 0;
328
- height: calc(195px + 1.7rem / 2);
329
- overflow-y: scroll;
330
- padding-right: 0;
331
- padding-left: 0;
332
- width: 100%;
333
- box-sizing: content-box;
334
- }
335
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
336
- height: 30px;
337
- padding: 5px 10px;
338
- white-space: nowrap;
339
- }
340
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
341
- cursor: pointer;
342
- background-color: #f0f0f0;
343
- }
344
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
345
- background-color: #216ba5;
346
- color: white;
347
- font-weight: bold;
348
- }
349
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
350
- background-color: #216ba5;
351
- }
352
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
353
- color: #ccc;
354
- }
355
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
356
- cursor: default;
357
- background-color: transparent;
358
- }
359
-
360
- .react-datepicker__week-number {
361
- color: #ccc;
362
- display: inline-block;
363
- width: 1.7rem;
364
- line-height: 1.7rem;
365
- text-align: center;
366
- margin: 0.166rem;
367
- }
368
- .react-datepicker__week-number.react-datepicker__week-number--clickable {
369
- cursor: pointer;
370
- }
371
- .react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
372
- .react-datepicker__week-number--keyboard-selected):hover {
373
- border-radius: 0.3rem;
374
- background-color: #f0f0f0;
375
- }
376
- .react-datepicker__week-number--selected {
377
- border-radius: 0.3rem;
378
- background-color: #216ba5;
379
- color: #fff;
380
- }
381
- .react-datepicker__week-number--selected:hover {
382
- background-color: rgb(28.75, 93.2196969697, 143.75);
383
- }
384
- .react-datepicker__week-number--keyboard-selected {
385
- border-radius: 0.3rem;
386
- background-color: rgb(41.5, 134.5606060606, 207.5);
387
- color: #fff;
388
- }
389
- .react-datepicker__week-number--keyboard-selected:hover {
390
- background-color: rgb(28.75, 93.2196969697, 143.75);
391
- }
392
-
393
- .react-datepicker__day-names {
394
- white-space: nowrap;
395
- margin-bottom: -8px;
396
- }
397
-
398
- .react-datepicker__week {
399
- white-space: nowrap;
400
- }
401
-
402
- .react-datepicker__day-name,
403
- .react-datepicker__day,
404
- .react-datepicker__time-name {
405
- color: #000;
406
- display: inline-block;
407
- width: 1.7rem;
408
- line-height: 1.7rem;
409
- text-align: center;
410
- margin: 0.166rem;
411
- }
412
-
413
- .react-datepicker__day,
414
- .react-datepicker__month-text,
415
- .react-datepicker__quarter-text,
416
- .react-datepicker__year-text {
417
- cursor: pointer;
418
- }
419
- .react-datepicker__day:not([aria-disabled=true]):hover,
420
- .react-datepicker__month-text:not([aria-disabled=true]):hover,
421
- .react-datepicker__quarter-text:not([aria-disabled=true]):hover,
422
- .react-datepicker__year-text:not([aria-disabled=true]):hover {
423
- border-radius: 0.3rem;
424
- background-color: #f0f0f0;
425
- }
426
- .react-datepicker__day--today,
427
- .react-datepicker__month-text--today,
428
- .react-datepicker__quarter-text--today,
429
- .react-datepicker__year-text--today {
430
- font-weight: bold;
431
- }
432
- .react-datepicker__day--highlighted,
433
- .react-datepicker__month-text--highlighted,
434
- .react-datepicker__quarter-text--highlighted,
435
- .react-datepicker__year-text--highlighted {
436
- border-radius: 0.3rem;
437
- background-color: #3dcc4a;
438
- color: #fff;
439
- }
440
- .react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
441
- .react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
442
- .react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
443
- .react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
444
- background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
445
- }
446
- .react-datepicker__day--highlighted-custom-1,
447
- .react-datepicker__month-text--highlighted-custom-1,
448
- .react-datepicker__quarter-text--highlighted-custom-1,
449
- .react-datepicker__year-text--highlighted-custom-1 {
450
- color: magenta;
451
- }
452
- .react-datepicker__day--highlighted-custom-2,
453
- .react-datepicker__month-text--highlighted-custom-2,
454
- .react-datepicker__quarter-text--highlighted-custom-2,
455
- .react-datepicker__year-text--highlighted-custom-2 {
456
- color: green;
457
- }
458
- .react-datepicker__day--holidays,
459
- .react-datepicker__month-text--holidays,
460
- .react-datepicker__quarter-text--holidays,
461
- .react-datepicker__year-text--holidays {
462
- position: relative;
463
- border-radius: 0.3rem;
464
- background-color: #ff6803;
465
- color: #fff;
466
- }
467
- .react-datepicker__day--holidays .overlay,
468
- .react-datepicker__month-text--holidays .overlay,
469
- .react-datepicker__quarter-text--holidays .overlay,
470
- .react-datepicker__year-text--holidays .overlay {
471
- position: absolute;
472
- bottom: 100%;
473
- left: 50%;
474
- transform: translateX(-50%);
475
- background-color: #333;
476
- color: #fff;
477
- padding: 4px;
478
- border-radius: 4px;
479
- white-space: nowrap;
480
- visibility: hidden;
481
- opacity: 0;
482
- transition: visibility 0s, opacity 0.3s ease-in-out;
483
- }
484
- .react-datepicker__day--holidays:not([aria-disabled=true]):hover,
485
- .react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
486
- .react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
487
- .react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
488
- background-color: rgb(207, 82.9642857143, 0);
489
- }
490
- .react-datepicker__day--holidays:hover .overlay,
491
- .react-datepicker__month-text--holidays:hover .overlay,
492
- .react-datepicker__quarter-text--holidays:hover .overlay,
493
- .react-datepicker__year-text--holidays:hover .overlay {
494
- visibility: visible;
495
- opacity: 1;
496
- }
497
- .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
498
- .react-datepicker__month-text--selected,
499
- .react-datepicker__month-text--in-selecting-range,
500
- .react-datepicker__month-text--in-range,
501
- .react-datepicker__quarter-text--selected,
502
- .react-datepicker__quarter-text--in-selecting-range,
503
- .react-datepicker__quarter-text--in-range,
504
- .react-datepicker__year-text--selected,
505
- .react-datepicker__year-text--in-selecting-range,
506
- .react-datepicker__year-text--in-range {
507
- border-radius: 0.3rem;
508
- background-color: #216ba5;
509
- color: #fff;
510
- }
511
- .react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
512
- .react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
513
- .react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
514
- .react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
515
- .react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
516
- .react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
517
- .react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
518
- .react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
519
- .react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
520
- .react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
521
- background-color: rgb(28.75, 93.2196969697, 143.75);
522
- }
523
- .react-datepicker__day--keyboard-selected,
524
- .react-datepicker__month-text--keyboard-selected,
525
- .react-datepicker__quarter-text--keyboard-selected,
526
- .react-datepicker__year-text--keyboard-selected {
527
- border-radius: 0.3rem;
528
- background-color: rgb(186.25, 217.0833333333, 241.25);
529
- color: rgb(0, 0, 0);
530
- }
531
- .react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
532
- .react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
533
- .react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
534
- .react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
535
- background-color: rgb(28.75, 93.2196969697, 143.75);
536
- }
537
- .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
538
- .react-datepicker__month-text--in-range,
539
- .react-datepicker__quarter-text--in-range,
540
- .react-datepicker__year-text--in-range),
541
- .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
542
- .react-datepicker__month-text--in-range,
543
- .react-datepicker__quarter-text--in-range,
544
- .react-datepicker__year-text--in-range),
545
- .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
546
- .react-datepicker__month-text--in-range,
547
- .react-datepicker__quarter-text--in-range,
548
- .react-datepicker__year-text--in-range),
549
- .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
550
- .react-datepicker__month-text--in-range,
551
- .react-datepicker__quarter-text--in-range,
552
- .react-datepicker__year-text--in-range) {
553
- background-color: rgba(33, 107, 165, 0.5);
554
- }
555
- .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
556
- .react-datepicker__month-text--in-selecting-range,
557
- .react-datepicker__quarter-text--in-selecting-range,
558
- .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
559
- .react-datepicker__month-text--in-selecting-range,
560
- .react-datepicker__quarter-text--in-selecting-range,
561
- .react-datepicker__year-text--in-selecting-range),
562
- .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
563
- .react-datepicker__month-text--in-selecting-range,
564
- .react-datepicker__quarter-text--in-selecting-range,
565
- .react-datepicker__year-text--in-selecting-range),
566
- .react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
567
- .react-datepicker__month-text--in-selecting-range,
568
- .react-datepicker__quarter-text--in-selecting-range,
569
- .react-datepicker__year-text--in-selecting-range),
570
- .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
571
- .react-datepicker__month-text--in-selecting-range,
572
- .react-datepicker__quarter-text--in-selecting-range,
573
- .react-datepicker__year-text--in-selecting-range),
574
- .react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
575
- .react-datepicker__month-text--in-selecting-range,
576
- .react-datepicker__quarter-text--in-selecting-range,
577
- .react-datepicker__year-text--in-selecting-range),
578
- .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
579
- .react-datepicker__month-text--in-selecting-range,
580
- .react-datepicker__quarter-text--in-selecting-range,
581
- .react-datepicker__year-text--in-selecting-range),
582
- .react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
583
- .react-datepicker__month-text--in-selecting-range,
584
- .react-datepicker__quarter-text--in-selecting-range,
585
- .react-datepicker__year-text--in-selecting-range) {
586
- background-color: #f0f0f0;
587
- color: #000;
588
- }
589
- .react-datepicker__day--disabled,
590
- .react-datepicker__month-text--disabled,
591
- .react-datepicker__quarter-text--disabled,
592
- .react-datepicker__year-text--disabled {
593
- cursor: default;
594
- color: #ccc;
595
- }
596
- .react-datepicker__day--disabled .overlay,
597
- .react-datepicker__month-text--disabled .overlay,
598
- .react-datepicker__quarter-text--disabled .overlay,
599
- .react-datepicker__year-text--disabled .overlay {
600
- position: absolute;
601
- bottom: 70%;
602
- left: 50%;
603
- transform: translateX(-50%);
604
- background-color: #333;
605
- color: #fff;
606
- padding: 4px;
607
- border-radius: 4px;
608
- white-space: nowrap;
609
- visibility: hidden;
610
- opacity: 0;
611
- transition: visibility 0s, opacity 0.3s ease-in-out;
612
- }
613
-
614
- .react-datepicker__input-container {
615
- position: relative;
616
- display: inline-block;
617
- width: 100%;
618
- }
619
- .react-datepicker__input-container .react-datepicker__calendar-icon {
620
- position: absolute;
621
- padding: 0.5rem;
622
- box-sizing: content-box;
623
- }
624
-
625
- .react-datepicker__view-calendar-icon input {
626
- padding: 6px 10px 5px 25px;
627
- }
628
-
629
- .react-datepicker__year-read-view,
630
- .react-datepicker__month-read-view,
631
- .react-datepicker__month-year-read-view {
632
- border: 1px solid transparent;
633
- border-radius: 0.3rem;
634
- position: relative;
635
- }
636
- .react-datepicker__year-read-view:hover,
637
- .react-datepicker__month-read-view:hover,
638
- .react-datepicker__month-year-read-view:hover {
639
- cursor: pointer;
640
- }
641
- .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
642
- .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
643
- .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
644
- .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
645
- .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
646
- .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
647
- border-top-color: rgb(178.5, 178.5, 178.5);
648
- }
649
- .react-datepicker__year-read-view--down-arrow,
650
- .react-datepicker__month-read-view--down-arrow,
651
- .react-datepicker__month-year-read-view--down-arrow {
652
- transform: rotate(135deg);
653
- right: -16px;
654
- top: 0;
655
- }
656
-
657
- .react-datepicker__year-dropdown,
658
- .react-datepicker__month-dropdown,
659
- .react-datepicker__month-year-dropdown {
660
- background-color: #f0f0f0;
661
- position: absolute;
662
- width: 50%;
663
- left: 25%;
664
- top: 30px;
665
- z-index: 1;
666
- text-align: center;
667
- border-radius: 0.3rem;
668
- border: 1px solid #aeaeae;
669
- }
670
- .react-datepicker__year-dropdown:hover,
671
- .react-datepicker__month-dropdown:hover,
672
- .react-datepicker__month-year-dropdown:hover {
673
- cursor: pointer;
674
- }
675
- .react-datepicker__year-dropdown--scrollable,
676
- .react-datepicker__month-dropdown--scrollable,
677
- .react-datepicker__month-year-dropdown--scrollable {
678
- height: 150px;
679
- overflow-y: scroll;
680
- }
681
-
682
- .react-datepicker__year-option,
683
- .react-datepicker__month-option,
684
- .react-datepicker__month-year-option {
685
- line-height: 20px;
686
- width: 100%;
687
- display: block;
688
- margin-left: auto;
689
- margin-right: auto;
690
- }
691
- .react-datepicker__year-option:first-of-type,
692
- .react-datepicker__month-option:first-of-type,
693
- .react-datepicker__month-year-option:first-of-type {
694
- border-top-left-radius: 0.3rem;
695
- border-top-right-radius: 0.3rem;
696
- }
697
- .react-datepicker__year-option:last-of-type,
698
- .react-datepicker__month-option:last-of-type,
699
- .react-datepicker__month-year-option:last-of-type {
700
- -webkit-user-select: none;
701
- -moz-user-select: none;
702
- -ms-user-select: none;
703
- user-select: none;
704
- border-bottom-left-radius: 0.3rem;
705
- border-bottom-right-radius: 0.3rem;
706
- }
707
- .react-datepicker__year-option:hover,
708
- .react-datepicker__month-option:hover,
709
- .react-datepicker__month-year-option:hover {
710
- background-color: #ccc;
711
- }
712
- .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
713
- .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
714
- .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
715
- border-bottom-color: rgb(178.5, 178.5, 178.5);
716
- }
717
- .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
718
- .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
719
- .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
720
- border-top-color: rgb(178.5, 178.5, 178.5);
721
- }
722
- .react-datepicker__year-option--selected,
723
- .react-datepicker__month-option--selected,
724
- .react-datepicker__month-year-option--selected {
725
- position: absolute;
726
- left: 15px;
727
- }
728
-
729
- .react-datepicker__close-icon {
730
- cursor: pointer;
731
- background-color: transparent;
732
- border: 0;
733
- outline: 0;
734
- padding: 0 6px 0 0;
735
- position: absolute;
736
- top: 0;
737
- right: 0;
738
- height: 100%;
739
- display: table-cell;
740
- vertical-align: middle;
741
- }
742
- .react-datepicker__close-icon::after {
743
- cursor: pointer;
744
- background-color: #216ba5;
745
- color: #fff;
746
- border-radius: 50%;
747
- height: 16px;
748
- width: 16px;
749
- padding: 2px;
750
- font-size: 12px;
751
- line-height: 1;
752
- text-align: center;
753
- display: table-cell;
754
- vertical-align: middle;
755
- content: "×";
756
- }
757
- .react-datepicker__close-icon--disabled {
758
- cursor: default;
759
- }
760
- .react-datepicker__close-icon--disabled::after {
761
- cursor: default;
762
- background-color: #ccc;
763
- }
764
-
765
- .react-datepicker__today-button {
766
- background: #f0f0f0;
767
- border-top: 1px solid #aeaeae;
768
- cursor: pointer;
769
- text-align: center;
770
- font-weight: bold;
771
- padding: 5px 0;
772
- clear: left;
773
- }
774
-
775
- .react-datepicker__portal {
776
- position: fixed;
777
- width: 100vw;
778
- height: 100vh;
779
- background-color: rgba(0, 0, 0, 0.8);
780
- left: 0;
781
- top: 0;
782
- justify-content: center;
783
- align-items: center;
784
- display: flex;
785
- z-index: 2147483647;
786
- }
787
- .react-datepicker__portal .react-datepicker__day-name,
788
- .react-datepicker__portal .react-datepicker__day,
789
- .react-datepicker__portal .react-datepicker__time-name {
790
- width: 3rem;
791
- line-height: 3rem;
792
- }
793
- @media (max-width: 400px), (max-height: 550px) {
794
- .react-datepicker__portal .react-datepicker__day-name,
795
- .react-datepicker__portal .react-datepicker__day,
796
- .react-datepicker__portal .react-datepicker__time-name {
797
- width: 2rem;
798
- line-height: 2rem;
799
- }
800
- }
801
- .react-datepicker__portal .react-datepicker__current-month,
802
- .react-datepicker__portal .react-datepicker-time__header {
803
- font-size: 1.44rem;
804
- }
805
-
806
- .react-datepicker__children-container {
807
- width: 13.8rem;
808
- margin: 0.4rem;
809
- padding-right: 0.2rem;
810
- padding-left: 0.2rem;
811
- height: auto;
812
- }
813
-
814
- .react-datepicker__aria-live {
815
- position: absolute;
816
- clip-path: circle(0);
817
- border: 0;
818
- height: 1px;
819
- margin: -1px;
820
- overflow: hidden;
821
- padding: 0;
822
- width: 1px;
823
- white-space: nowrap;
824
- }
825
-
826
- .react-datepicker__calendar-icon {
827
- width: 1em;
828
- height: 1em;
829
- vertical-align: -0.125em;
830
- }