@true-engineering/true-react-common-ui-kit 4.0.0-alpha19 → 4.0.0-alpha20
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.
- package/dist/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/components/DatePicker/DatePicker.styles.d.ts +1 -1
- package/dist/components/DatePicker/components/PopperContainer/PopperContainer.d.ts +2 -4
- package/dist/components/DatePicker/types.d.ts +2 -2
- package/dist/style.css +78 -142
- package/dist/theme/types.d.ts +1 -1
- package/dist/true-react-common-ui-kit.js +653 -526
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +652 -525
- package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
- package/package.json +4 -5
- package/src/components/DatePicker/DatePicker.stories.tsx +2 -1
- package/src/components/DatePicker/DatePicker.styles.ts +3 -1
- package/src/components/DatePicker/DatePicker.tsx +3 -3
- package/src/components/DatePicker/components/PopperContainer/PopperContainer.tsx +4 -4
- package/src/components/DatePicker/types.ts +5 -3
- package/src/components/FiltersPane/components/FilterWithDates/FilterWithDates.tsx +3 -4
- package/src/theme/types.ts +1 -1
|
@@ -23,4 +23,4 @@ export interface IDatePickerProps extends IDatePickerBaseProps, ICommonProps<IDa
|
|
|
23
23
|
onChangeDate?: (date: Date | null, event?: SyntheticEvent) => void;
|
|
24
24
|
onChangeRange?: (date: IRange, event?: SyntheticEvent) => void;
|
|
25
25
|
}
|
|
26
|
-
export declare const DatePicker: import("react").ForwardRefExoticComponent<IDatePickerProps & import("react").RefAttributes<ReactDatePicker
|
|
26
|
+
export declare const DatePicker: import("react").ForwardRefExoticComponent<IDatePickerProps & import("react").RefAttributes<ReactDatePicker>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
2
|
import { IDateInputStyles } from '../DateInput';
|
|
3
|
-
export declare const useStyles: import("../../theme").IUseStyles<"popper" | "root" | "day" | "datepicker", unknown>;
|
|
3
|
+
export declare const useStyles: import("../../theme").IUseStyles<"popper" | "root" | "day" | "dayInner" | "datepicker", unknown>;
|
|
4
4
|
export type IDatePickerStyles = ITweakStyles<typeof useStyles, {
|
|
5
5
|
tweakDateInput: IDateInputStyles;
|
|
6
6
|
}>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { DatePickerProps } from 'react-datepicker';
|
|
2
2
|
import { type Locale } from 'date-fns';
|
|
3
3
|
import { type IDateInputProps } from '../DateInput';
|
|
4
4
|
export type IRange = [Date | null, Date | null] | null;
|
|
5
5
|
export type IDatePickerLocale = 'ru' | 'en' | Locale;
|
|
6
|
-
export type IDatePickerBaseProps = Pick<
|
|
6
|
+
export type IDatePickerBaseProps = Pick<DatePickerProps, 'startDate' | 'endDate' | 'minDate' | 'maxDate' | 'allowSameDay' | 'disabledKeyboardNavigation' | 'monthsShown' | 'popperModifiers' | 'popperPlacement' | 'filterDate' | 'dayClassName' | 'calendarContainer' | 'onCalendarOpen' | 'onCalendarClose' | 'onYearChange' | 'onMonthChange' | 'focusSelectedMonth' | 'shouldCloseOnSelect' | 'showPreviousMonths' | 'todayButton' | 'renderCustomHeader' | 'customInputRef' | 'preventOpenOnFocus' | 'strictParsing' | 'highlightDates' | 'fixedHeight' | 'swapRange' | 'onKeyDown'> & Omit<IDateInputProps, 'date' | 'startDate' | 'endDate' | 'isRange' | 'isActive' | 'icon' | 'maxLength' | 'onChange' | 'onClick' | 'tweakStyles' | 'onKeyDown'>;
|
package/dist/style.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
-
.react-datepicker__year-read-view--down-arrow,
|
|
2
|
+
.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
|
|
3
3
|
.react-datepicker__month-read-view--down-arrow,
|
|
4
|
-
.react-datepicker__month-year-read-view--down-arrow
|
|
4
|
+
.react-datepicker__month-year-read-view--down-arrow {
|
|
5
5
|
border-color: #ccc;
|
|
6
6
|
border-style: solid;
|
|
7
7
|
border-width: 3px 3px 0 0;
|
|
@@ -12,58 +12,6 @@
|
|
|
12
12
|
top: 6px;
|
|
13
13
|
width: 9px;
|
|
14
14
|
}
|
|
15
|
-
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
|
|
16
|
-
margin-left: -4px;
|
|
17
|
-
position: absolute;
|
|
18
|
-
width: 0;
|
|
19
|
-
}
|
|
20
|
-
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
|
|
21
|
-
box-sizing: content-box;
|
|
22
|
-
position: absolute;
|
|
23
|
-
border: 8px solid transparent;
|
|
24
|
-
height: 0;
|
|
25
|
-
width: 1px;
|
|
26
|
-
content: "";
|
|
27
|
-
z-index: -1;
|
|
28
|
-
border-width: 8px;
|
|
29
|
-
left: -8px;
|
|
30
|
-
}
|
|
31
|
-
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
|
|
32
|
-
border-bottom-color: #aeaeae;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
|
|
36
|
-
top: 0;
|
|
37
|
-
margin-top: -8px;
|
|
38
|
-
}
|
|
39
|
-
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
|
|
40
|
-
border-top: none;
|
|
41
|
-
border-bottom-color: #f0f0f0;
|
|
42
|
-
}
|
|
43
|
-
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
|
|
44
|
-
top: 0;
|
|
45
|
-
}
|
|
46
|
-
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
|
|
47
|
-
top: -1px;
|
|
48
|
-
border-bottom-color: #aeaeae;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
|
|
52
|
-
bottom: 0;
|
|
53
|
-
margin-bottom: -8px;
|
|
54
|
-
}
|
|
55
|
-
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
|
|
56
|
-
border-bottom: none;
|
|
57
|
-
border-top-color: #fff;
|
|
58
|
-
}
|
|
59
|
-
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
|
|
60
|
-
bottom: 0;
|
|
61
|
-
}
|
|
62
|
-
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
|
|
63
|
-
bottom: -1px;
|
|
64
|
-
border-top-color: #aeaeae;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
15
|
.react-datepicker-wrapper {
|
|
68
16
|
display: inline-block;
|
|
69
17
|
padding: 0;
|
|
@@ -79,11 +27,9 @@
|
|
|
79
27
|
border-radius: 0.3rem;
|
|
80
28
|
display: inline-block;
|
|
81
29
|
position: relative;
|
|
30
|
+
line-height: initial;
|
|
82
31
|
}
|
|
83
32
|
|
|
84
|
-
.react-datepicker--time-only .react-datepicker__triangle {
|
|
85
|
-
left: 35px;
|
|
86
|
-
}
|
|
87
33
|
.react-datepicker--time-only .react-datepicker__time-container {
|
|
88
34
|
border-left: 0;
|
|
89
35
|
}
|
|
@@ -93,37 +39,20 @@
|
|
|
93
39
|
border-bottom-right-radius: 0.3rem;
|
|
94
40
|
}
|
|
95
41
|
|
|
96
|
-
.react-datepicker__triangle {
|
|
97
|
-
position: absolute;
|
|
98
|
-
left: 50px;
|
|
99
|
-
}
|
|
100
|
-
|
|
101
42
|
.react-datepicker-popper {
|
|
102
43
|
z-index: 1;
|
|
44
|
+
line-height: 0;
|
|
103
45
|
}
|
|
104
|
-
.react-datepicker-popper
|
|
105
|
-
|
|
106
|
-
}
|
|
107
|
-
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
|
|
108
|
-
left: auto;
|
|
109
|
-
right: 50px;
|
|
110
|
-
}
|
|
111
|
-
.react-datepicker-popper[data-placement^=top] {
|
|
112
|
-
padding-bottom: 10px;
|
|
46
|
+
.react-datepicker-popper .react-datepicker__triangle {
|
|
47
|
+
stroke: #aeaeae;
|
|
113
48
|
}
|
|
114
|
-
.react-datepicker-popper[data-placement^=
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
|
|
118
|
-
left: auto;
|
|
119
|
-
right: 42px;
|
|
120
|
-
}
|
|
121
|
-
.react-datepicker-popper[data-placement^=left] {
|
|
122
|
-
padding-right: 8px;
|
|
49
|
+
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
|
|
50
|
+
fill: #f0f0f0;
|
|
51
|
+
color: #f0f0f0;
|
|
123
52
|
}
|
|
124
|
-
.react-datepicker-popper[data-placement^=
|
|
125
|
-
|
|
126
|
-
|
|
53
|
+
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
|
|
54
|
+
fill: #fff;
|
|
55
|
+
color: #fff;
|
|
127
56
|
}
|
|
128
57
|
|
|
129
58
|
.react-datepicker__header {
|
|
@@ -165,6 +94,11 @@
|
|
|
165
94
|
font-size: 0.944rem;
|
|
166
95
|
}
|
|
167
96
|
|
|
97
|
+
h2.react-datepicker__current-month {
|
|
98
|
+
padding: 0;
|
|
99
|
+
margin: 0;
|
|
100
|
+
}
|
|
101
|
+
|
|
168
102
|
.react-datepicker-time__header {
|
|
169
103
|
text-overflow: ellipsis;
|
|
170
104
|
white-space: nowrap;
|
|
@@ -211,7 +145,7 @@
|
|
|
211
145
|
top: -4px;
|
|
212
146
|
}
|
|
213
147
|
.react-datepicker__navigation:hover *::before {
|
|
214
|
-
border-color:
|
|
148
|
+
border-color: rgb(165.75, 165.75, 165.75);
|
|
215
149
|
}
|
|
216
150
|
|
|
217
151
|
.react-datepicker__navigation-icon {
|
|
@@ -369,8 +303,7 @@
|
|
|
369
303
|
.react-datepicker__week-number.react-datepicker__week-number--clickable {
|
|
370
304
|
cursor: pointer;
|
|
371
305
|
}
|
|
372
|
-
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected
|
|
373
|
-
.react-datepicker__week-number--keyboard-selected):hover {
|
|
306
|
+
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
|
|
374
307
|
border-radius: 0.3rem;
|
|
375
308
|
background-color: #f0f0f0;
|
|
376
309
|
}
|
|
@@ -380,15 +313,7 @@
|
|
|
380
313
|
color: #fff;
|
|
381
314
|
}
|
|
382
315
|
.react-datepicker__week-number--selected:hover {
|
|
383
|
-
background-color:
|
|
384
|
-
}
|
|
385
|
-
.react-datepicker__week-number--keyboard-selected {
|
|
386
|
-
border-radius: 0.3rem;
|
|
387
|
-
background-color: #2a87d0;
|
|
388
|
-
color: #fff;
|
|
389
|
-
}
|
|
390
|
-
.react-datepicker__week-number--keyboard-selected:hover {
|
|
391
|
-
background-color: #1d5d90;
|
|
316
|
+
background-color: rgb(28.75, 93.2196969697, 143.75);
|
|
392
317
|
}
|
|
393
318
|
|
|
394
319
|
.react-datepicker__day-names {
|
|
@@ -417,10 +342,10 @@
|
|
|
417
342
|
.react-datepicker__year-text {
|
|
418
343
|
cursor: pointer;
|
|
419
344
|
}
|
|
420
|
-
.react-datepicker__day:hover,
|
|
421
|
-
.react-datepicker__month-text:hover,
|
|
422
|
-
.react-datepicker__quarter-text:hover,
|
|
423
|
-
.react-datepicker__year-text:hover {
|
|
345
|
+
.react-datepicker__day:not([aria-disabled=true]):hover,
|
|
346
|
+
.react-datepicker__month-text:not([aria-disabled=true]):hover,
|
|
347
|
+
.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
|
|
348
|
+
.react-datepicker__year-text:not([aria-disabled=true]):hover {
|
|
424
349
|
border-radius: 0.3rem;
|
|
425
350
|
background-color: #f0f0f0;
|
|
426
351
|
}
|
|
@@ -438,11 +363,11 @@
|
|
|
438
363
|
background-color: #3dcc4a;
|
|
439
364
|
color: #fff;
|
|
440
365
|
}
|
|
441
|
-
.react-datepicker__day--highlighted:hover,
|
|
442
|
-
.react-datepicker__month-text--highlighted:hover,
|
|
443
|
-
.react-datepicker__quarter-text--highlighted:hover,
|
|
444
|
-
.react-datepicker__year-text--highlighted:hover {
|
|
445
|
-
background-color:
|
|
366
|
+
.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
|
|
367
|
+
.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
|
|
368
|
+
.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
|
|
369
|
+
.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
|
|
370
|
+
background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
|
|
446
371
|
}
|
|
447
372
|
.react-datepicker__day--highlighted-custom-1,
|
|
448
373
|
.react-datepicker__month-text--highlighted-custom-1,
|
|
@@ -465,10 +390,10 @@
|
|
|
465
390
|
background-color: #ff6803;
|
|
466
391
|
color: #fff;
|
|
467
392
|
}
|
|
468
|
-
.react-datepicker__day--holidays .
|
|
469
|
-
.react-datepicker__month-text--holidays .
|
|
470
|
-
.react-datepicker__quarter-text--holidays .
|
|
471
|
-
.react-datepicker__year-text--holidays .
|
|
393
|
+
.react-datepicker__day--holidays .overlay,
|
|
394
|
+
.react-datepicker__month-text--holidays .overlay,
|
|
395
|
+
.react-datepicker__quarter-text--holidays .overlay,
|
|
396
|
+
.react-datepicker__year-text--holidays .overlay {
|
|
472
397
|
position: absolute;
|
|
473
398
|
bottom: 100%;
|
|
474
399
|
left: 50%;
|
|
@@ -482,16 +407,16 @@
|
|
|
482
407
|
opacity: 0;
|
|
483
408
|
transition: visibility 0s, opacity 0.3s ease-in-out;
|
|
484
409
|
}
|
|
485
|
-
.react-datepicker__day--holidays:hover,
|
|
486
|
-
.react-datepicker__month-text--holidays:hover,
|
|
487
|
-
.react-datepicker__quarter-text--holidays:hover,
|
|
488
|
-
.react-datepicker__year-text--holidays:hover {
|
|
489
|
-
background-color:
|
|
410
|
+
.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
|
|
411
|
+
.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
|
|
412
|
+
.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
|
|
413
|
+
.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
|
|
414
|
+
background-color: rgb(207, 82.9642857143, 0);
|
|
490
415
|
}
|
|
491
|
-
.react-datepicker__day--holidays:hover .
|
|
492
|
-
.react-datepicker__month-text--holidays:hover .
|
|
493
|
-
.react-datepicker__quarter-text--holidays:hover .
|
|
494
|
-
.react-datepicker__year-text--holidays:hover .
|
|
416
|
+
.react-datepicker__day--holidays:hover .overlay,
|
|
417
|
+
.react-datepicker__month-text--holidays:hover .overlay,
|
|
418
|
+
.react-datepicker__quarter-text--holidays:hover .overlay,
|
|
419
|
+
.react-datepicker__year-text--holidays:hover .overlay {
|
|
495
420
|
visibility: visible;
|
|
496
421
|
opacity: 1;
|
|
497
422
|
}
|
|
@@ -509,31 +434,31 @@
|
|
|
509
434
|
background-color: #216ba5;
|
|
510
435
|
color: #fff;
|
|
511
436
|
}
|
|
512
|
-
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
|
|
513
|
-
.react-datepicker__month-text--selected:hover,
|
|
514
|
-
.react-datepicker__month-text--in-selecting-range:hover,
|
|
515
|
-
.react-datepicker__month-text--in-range:hover,
|
|
516
|
-
.react-datepicker__quarter-text--selected:hover,
|
|
517
|
-
.react-datepicker__quarter-text--in-selecting-range:hover,
|
|
518
|
-
.react-datepicker__quarter-text--in-range:hover,
|
|
519
|
-
.react-datepicker__year-text--selected:hover,
|
|
520
|
-
.react-datepicker__year-text--in-selecting-range:hover,
|
|
521
|
-
.react-datepicker__year-text--in-range:hover {
|
|
522
|
-
background-color:
|
|
437
|
+
.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,
|
|
438
|
+
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
|
|
439
|
+
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
|
|
440
|
+
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
|
|
441
|
+
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
|
|
442
|
+
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
|
|
443
|
+
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
|
|
444
|
+
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
|
|
445
|
+
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
|
|
446
|
+
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
|
|
447
|
+
background-color: rgb(28.75, 93.2196969697, 143.75);
|
|
523
448
|
}
|
|
524
449
|
.react-datepicker__day--keyboard-selected,
|
|
525
450
|
.react-datepicker__month-text--keyboard-selected,
|
|
526
451
|
.react-datepicker__quarter-text--keyboard-selected,
|
|
527
452
|
.react-datepicker__year-text--keyboard-selected {
|
|
528
453
|
border-radius: 0.3rem;
|
|
529
|
-
background-color:
|
|
454
|
+
background-color: rgb(186.25, 217.0833333333, 241.25);
|
|
530
455
|
color: rgb(0, 0, 0);
|
|
531
456
|
}
|
|
532
|
-
.react-datepicker__day--keyboard-selected:hover,
|
|
533
|
-
.react-datepicker__month-text--keyboard-selected:hover,
|
|
534
|
-
.react-datepicker__quarter-text--keyboard-selected:hover,
|
|
535
|
-
.react-datepicker__year-text--keyboard-selected:hover {
|
|
536
|
-
background-color:
|
|
457
|
+
.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
|
|
458
|
+
.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
|
|
459
|
+
.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
|
|
460
|
+
.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
|
|
461
|
+
background-color: rgb(28.75, 93.2196969697, 143.75);
|
|
537
462
|
}
|
|
538
463
|
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
|
|
539
464
|
.react-datepicker__month-text--in-range,
|
|
@@ -594,11 +519,22 @@
|
|
|
594
519
|
cursor: default;
|
|
595
520
|
color: #ccc;
|
|
596
521
|
}
|
|
597
|
-
.react-datepicker__day--disabled
|
|
598
|
-
.react-datepicker__month-text--disabled
|
|
599
|
-
.react-datepicker__quarter-text--disabled
|
|
600
|
-
.react-datepicker__year-text--disabled
|
|
601
|
-
|
|
522
|
+
.react-datepicker__day--disabled .overlay,
|
|
523
|
+
.react-datepicker__month-text--disabled .overlay,
|
|
524
|
+
.react-datepicker__quarter-text--disabled .overlay,
|
|
525
|
+
.react-datepicker__year-text--disabled .overlay {
|
|
526
|
+
position: absolute;
|
|
527
|
+
bottom: 70%;
|
|
528
|
+
left: 50%;
|
|
529
|
+
transform: translateX(-50%);
|
|
530
|
+
background-color: #333;
|
|
531
|
+
color: #fff;
|
|
532
|
+
padding: 4px;
|
|
533
|
+
border-radius: 4px;
|
|
534
|
+
white-space: nowrap;
|
|
535
|
+
visibility: hidden;
|
|
536
|
+
opacity: 0;
|
|
537
|
+
transition: visibility 0s, opacity 0.3s ease-in-out;
|
|
602
538
|
}
|
|
603
539
|
|
|
604
540
|
.react-datepicker__input-container {
|
|
@@ -634,7 +570,7 @@
|
|
|
634
570
|
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
|
|
635
571
|
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
|
|
636
572
|
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
|
|
637
|
-
border-top-color:
|
|
573
|
+
border-top-color: rgb(178.5, 178.5, 178.5);
|
|
638
574
|
}
|
|
639
575
|
.react-datepicker__year-read-view--down-arrow,
|
|
640
576
|
.react-datepicker__month-read-view--down-arrow,
|
|
@@ -702,12 +638,12 @@
|
|
|
702
638
|
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
|
|
703
639
|
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
|
|
704
640
|
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
|
|
705
|
-
border-bottom-color:
|
|
641
|
+
border-bottom-color: rgb(178.5, 178.5, 178.5);
|
|
706
642
|
}
|
|
707
643
|
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
|
|
708
644
|
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
|
|
709
645
|
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
|
|
710
|
-
border-top-color:
|
|
646
|
+
border-top-color: rgb(178.5, 178.5, 178.5);
|
|
711
647
|
}
|
|
712
648
|
.react-datepicker__year-option--selected,
|
|
713
649
|
.react-datepicker__month-option--selected,
|
package/dist/theme/types.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Styles } from 'react-jss';
|
|
2
2
|
import { Classes, JssValue } from 'jss';
|
|
3
|
-
import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, ICommonIcon, IComplexIcon,
|
|
3
|
+
import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, ICommonIcon, IComplexIcon, IControlWrapperStyles, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDotsPreloaderStyles, IFileInputStyles, IFileItemStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterValueViewStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFlexibleTableStyles, IIconButtonStyles, IIconStyles, IIncrementInputStyles, IInputStyles, IListItemStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INewMoreMenuStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectorStyles, ISelectStyles, ISkeletonStyles, IStatusStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextButtonStyles, ITextWithInfoStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles, IWithMessagesStyles, IWithPopupStyles, IWithTooltipStyles } from '../components';
|
|
4
4
|
export type IStyles<C extends string, P = unknown> = Styles<C, P, Partial<Styles<C, P>>>;
|
|
5
5
|
export type IMaybeArray<T> = T[] | T;
|
|
6
6
|
export type IMixedStyles<T> = IMaybeArray<T | boolean | undefined>;
|