@itcase/ui 1.0.26 → 1.0.28
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.
|
@@ -10201,9 +10201,12 @@ function DatePickerInput(props) {
|
|
|
10201
10201
|
return /*#__PURE__*/React__namespace.default.createElement("div", {
|
|
10202
10202
|
className: clsx__default.default(className, 'datepicker', (datePickerProps == null ? void 0 : datePickerProps.monthsShown) && 'datepicker_type_multiple-months', (datePickerProps == null ? void 0 : datePickerProps.customTimeInput) && 'datepicker_type_button')
|
|
10203
10203
|
}, /*#__PURE__*/React__namespace.default.createElement(Xt, Object.assign({
|
|
10204
|
-
customInput: /*#__PURE__*/React__namespace.default.createElement(DatePickerСustomInput, inputProps
|
|
10204
|
+
customInput: /*#__PURE__*/React__namespace.default.createElement(DatePickerСustomInput, Object.assign({}, inputProps, {
|
|
10205
|
+
inputProps: inputProps
|
|
10206
|
+
})),
|
|
10205
10207
|
endDate: (datePickerProps == null ? void 0 : datePickerProps.selectsRange) && endDate,
|
|
10206
10208
|
locale: ru,
|
|
10209
|
+
minDate: datePickerProps != null && datePickerProps.disablePastDays ? new Date() : null,
|
|
10207
10210
|
renderCustomHeader: renderCustomHeader,
|
|
10208
10211
|
renderDayContents: renderDayContents,
|
|
10209
10212
|
selected: startDate,
|
|
@@ -10213,6 +10216,7 @@ function DatePickerInput(props) {
|
|
|
10213
10216
|
}
|
|
10214
10217
|
var DatePickerСustomInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
10215
10218
|
return /*#__PURE__*/React__namespace.default.createElement(index.Input, Object.assign({}, props, {
|
|
10219
|
+
placeholder: props.inputProps.placeholder,
|
|
10216
10220
|
ref: ref
|
|
10217
10221
|
}));
|
|
10218
10222
|
});
|
|
@@ -19,11 +19,12 @@ function NotificationItem(props) {
|
|
|
19
19
|
status = props.status,
|
|
20
20
|
size = props.size,
|
|
21
21
|
text = props.text,
|
|
22
|
-
title = props.title
|
|
22
|
+
title = props.title,
|
|
23
|
+
className = props.className;
|
|
23
24
|
return /*#__PURE__*/React__default.default.createElement("div", {
|
|
24
25
|
className: clsx__default.default('notification__item', status && "notification__item_status_" + status, set && "notification__item_set_" + set, size && "notification__item_set_" + size)
|
|
25
26
|
}, before, /*#__PURE__*/React__default.default.createElement("div", {
|
|
26
|
-
className:
|
|
27
|
+
className: clsx__default.default(className, 'notification__item-wrapper')
|
|
27
28
|
}, title && /*#__PURE__*/React__default.default.createElement("div", {
|
|
28
29
|
className: "notification__item-title"
|
|
29
30
|
}, title), text && /*#__PURE__*/React__default.default.createElement("div", {
|
|
@@ -808,6 +808,17 @@
|
|
|
808
808
|
background: var(--date-picker-day-hover-background);
|
|
809
809
|
color: var(--date-picker-day-hover-text-color);
|
|
810
810
|
}
|
|
811
|
+
&:focus {
|
|
812
|
+
outline: none;
|
|
813
|
+
}
|
|
814
|
+
&--disabled {
|
|
815
|
+
cursor: default !important;
|
|
816
|
+
background: var(--date-picker-day-outside-background) !important;
|
|
817
|
+
& .button__label {
|
|
818
|
+
cursor: default !important;
|
|
819
|
+
color: var(--date-picker-day-outside-text-color) !important;
|
|
820
|
+
}
|
|
821
|
+
}
|
|
811
822
|
&--in-selecting-range:not(.react-datepicker__day--in-range):not(
|
|
812
823
|
.react-datepicker__month-text--in-range
|
|
813
824
|
):not(.react-datepicker__quarter-text--in-range):not(
|
|
@@ -900,9 +911,10 @@
|
|
|
900
911
|
color: var(--date-picker-day-today-text-color);
|
|
901
912
|
}
|
|
902
913
|
}
|
|
903
|
-
|
|
904
|
-
background:
|
|
905
|
-
|
|
914
|
+
&--keyboard-selected {
|
|
915
|
+
background: var(--date-picker-day-hover-background);
|
|
916
|
+
color: var(--date-picker-day-hover-text-color);
|
|
917
|
+
}
|
|
906
918
|
&--selected {
|
|
907
919
|
background: var(--date-picker-day-selected-background);
|
|
908
920
|
& .button__label {
|
|
@@ -968,8 +980,10 @@
|
|
|
968
980
|
}
|
|
969
981
|
}
|
|
970
982
|
&--outside-month {
|
|
983
|
+
cursor: default !important;
|
|
971
984
|
background: var(--date-picker-day-outside-background) !important;
|
|
972
985
|
& .button__label {
|
|
986
|
+
cursor: default !important;
|
|
973
987
|
color: var(--date-picker-day-outside-text-color) !important;
|
|
974
988
|
}
|
|
975
989
|
}
|