@useblu/ocean-react 1.139.0 → 1.139.2
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/CHANGELOG.md +12 -0
- package/Date/DatePicker.d.ts +3 -1
- package/Date/DatePicker.d.ts.map +1 -1
- package/Date/DateRange.d.ts +2 -2
- package/Date/DateRange.d.ts.map +1 -1
- package/Date/hooks/useDateRange.d.ts +1 -1
- package/Date/hooks/useDateRange.d.ts.map +1 -1
- package/Date/types/DatePicker.types.d.ts +3 -1
- package/Date/types/DatePicker.types.d.ts.map +1 -1
- package/Date/types/DateRange.types.d.ts +11 -3
- package/Date/types/DateRange.types.d.ts.map +1 -1
- package/index.es.js +23 -4
- package/index.es.js.map +1 -1
- package/index.js +23 -4
- package/index.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,18 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [1.139.2](https://github.com/ocean-ds/ocean-web/compare/v1.139.1...v1.139.2) (2026-09-18)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
- **tag:** tipografia definida só pelo size e highlight neutral em brandPrimaryPure (MR-802) ([#1258](https://github.com/ocean-ds/ocean-web/issues/1258)) ([2167d99](https://github.com/ocean-ds/ocean-web/commit/2167d99da9383c40e1499d24dcb18648f50ab6a6))
|
|
11
|
+
|
|
12
|
+
## [1.139.1](https://github.com/ocean-ds/ocean-web/compare/v1.139.0...v1.139.1) (2026-09-18)
|
|
13
|
+
|
|
14
|
+
### Bug Fixes
|
|
15
|
+
|
|
16
|
+
- **core:** MR-772 calendário do DateRange/DatePicker na largura dos dois campos ([#1257](https://github.com/ocean-ds/ocean-web/issues/1257)) ([0e533a5](https://github.com/ocean-ds/ocean-web/commit/0e533a55eed990e8a0bdd9f9c871934825362d3e))
|
|
17
|
+
|
|
6
18
|
# [1.139.0](https://github.com/ocean-ds/ocean-web/compare/v1.138.0...v1.139.0) (2026-09-17)
|
|
7
19
|
|
|
8
20
|
### Features
|
package/Date/DatePicker.d.ts
CHANGED
|
@@ -6,6 +6,8 @@ declare const DatePickerSingle: React.ForwardRefExoticComponent<{
|
|
|
6
6
|
disabledDays?: import("react-day-picker").Matcher | import("react-day-picker").Matcher[];
|
|
7
7
|
disabledDaysMessage?: import("./hooks/useDisabledDaysTooltip").DisabledDaysMessageProp;
|
|
8
8
|
inline?: boolean;
|
|
9
|
-
|
|
9
|
+
error?: boolean;
|
|
10
|
+
helperText?: string;
|
|
11
|
+
} & Omit<import("./types/DateRange.types").DatePickerProps, "onSelect" | "labels" | "values" | "error" | "helperText"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
12
|
export default DatePickerSingle;
|
|
11
13
|
//# sourceMappingURL=DatePicker.d.ts.map
|
package/Date/DatePicker.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/Date/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,QAAA,MAAM,gBAAgB
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/Date/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,QAAA,MAAM,gBAAgB;;;;;;;;;6JA4IrB,CAAC;AAIF,eAAe,gBAAgB,CAAC"}
|
package/Date/DateRange.d.ts
CHANGED
|
@@ -7,8 +7,8 @@ declare const DatePickerRange: React.ForwardRefExoticComponent<{
|
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
disabledDays?: import("react-day-picker").Matcher | import("react-day-picker").Matcher[];
|
|
9
9
|
disabledDaysMessage?: import("./hooks/useDisabledDaysTooltip").DisabledDaysMessageProp;
|
|
10
|
-
error?: boolean;
|
|
11
|
-
helperText?: string;
|
|
10
|
+
error?: boolean | import("./types/DateRange.types").DateFieldFlags;
|
|
11
|
+
helperText?: string | import("./types/DateRange.types").DateFieldTexts;
|
|
12
12
|
startsToday?: boolean;
|
|
13
13
|
locale?: import("date-fns").Locale;
|
|
14
14
|
className?: string;
|
package/Date/DateRange.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRange.d.ts","sourceRoot":"","sources":["../../src/Date/DateRange.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,QAAA,MAAM,eAAe;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"DateRange.d.ts","sourceRoot":"","sources":["../../src/Date/DateRange.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,QAAA,MAAM,eAAe;;;;;;;;;;;;;kLA8KpB,CAAC;AAIF,eAAe,eAAe,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IDatePickerReturn, IDatePickerProps } from '../types/DateRange.types';
|
|
2
|
-
export default function useDatePicker({ values, onSelect, startsToday, locale, disabledDaysMessage, }: IDatePickerProps): IDatePickerReturn;
|
|
2
|
+
export default function useDatePicker({ values, onSelect, startsToday, locale, disabledDaysMessage, error, }: IDatePickerProps): IDatePickerReturn;
|
|
3
3
|
//# sourceMappingURL=useDateRange.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDateRange.d.ts","sourceRoot":"","sources":["../../../src/Date/hooks/useDateRange.ts"],"names":[],"mappings":"AAMA,OAAO,EAEL,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAWlC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,MAAM,EACN,QAAQ,EACR,WAAW,EACX,MAAM,EACN,mBAAmB,
|
|
1
|
+
{"version":3,"file":"useDateRange.d.ts","sourceRoot":"","sources":["../../../src/Date/hooks/useDateRange.ts"],"names":[],"mappings":"AAMA,OAAO,EAEL,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAWlC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,MAAM,EACN,QAAQ,EACR,WAAW,EACX,MAAM,EACN,mBAAmB,EACnB,KAAK,GACN,EAAE,gBAAgB,GAAG,iBAAiB,CAkOtC"}
|
|
@@ -9,7 +9,9 @@ export type DatePickerSingleProps = {
|
|
|
9
9
|
disabledDays?: Matcher | Matcher[];
|
|
10
10
|
disabledDaysMessage?: DisabledDaysMessageProp;
|
|
11
11
|
inline?: boolean;
|
|
12
|
-
|
|
12
|
+
error?: boolean;
|
|
13
|
+
helperText?: string;
|
|
14
|
+
} & Omit<DatePickerProps, 'labels' | 'values' | 'onSelect' | 'error' | 'helperText'>;
|
|
13
15
|
export type IDatePickerProps = Pick<DatePickerSingleProps, 'value' | 'onSelect' | 'startsToday' | 'locale' | 'disabledDays' | 'disabledDaysMessage'>;
|
|
14
16
|
export type IDatePickerReturn = {
|
|
15
17
|
input1Ref: React.Ref<HTMLInputElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.types.d.ts","sourceRoot":"","sources":["../../../src/Date/types/DatePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,UAAU,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EACL,uBAAuB,EACvB,eAAe,EAChB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;IAKnC,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;IAC9C,MAAM,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DatePicker.types.d.ts","sourceRoot":"","sources":["../../../src/Date/types/DatePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,UAAU,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EACL,uBAAuB,EACvB,eAAe,EAChB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;IAKnC,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;IAC9C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,IAAI,CACN,eAAe,EACf,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,CAC1D,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,qBAAqB,EACnB,OAAO,GACP,UAAU,GACV,aAAa,GACb,QAAQ,GACR,cAAc,GACd,qBAAqB,CACxB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,IAAI,CAAC;IAClB,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,UAAU,CAAC;IAC9C,YAAY,EAAE,OAAO,CAAC,MAAM,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACvE,uBAAuB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,SAAS,EAAE,aAAa,CAAC;IACzB,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,qBAAqB,EAAE,IAAI,GAAG,SAAS,CAAC;IACxC,mBAAmB,EAAE,OAAO,CAAC;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,eAAe,CAAC;IACjC,mBAAmB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACvE,2BAA2B,EAAE,CAC3B,GAAG,EAAE,IAAI,EACT,SAAS,EAAE,OAAO,kBAAkB,EAAE,eAAe,KAClD,IAAI,CAAC;CACX,CAAC"}
|
|
@@ -7,6 +7,14 @@ export type DatePickerFields = {
|
|
|
7
7
|
from: string;
|
|
8
8
|
to: string;
|
|
9
9
|
};
|
|
10
|
+
export type DateFieldFlags = {
|
|
11
|
+
from?: boolean;
|
|
12
|
+
to?: boolean;
|
|
13
|
+
};
|
|
14
|
+
export type DateFieldTexts = {
|
|
15
|
+
from?: string;
|
|
16
|
+
to?: string;
|
|
17
|
+
};
|
|
10
18
|
export type DatePickerProps = {
|
|
11
19
|
labels?: DatePickerFields;
|
|
12
20
|
values: DatePickerFields;
|
|
@@ -15,13 +23,13 @@ export type DatePickerProps = {
|
|
|
15
23
|
disabled?: boolean;
|
|
16
24
|
disabledDays?: Matcher | Matcher[];
|
|
17
25
|
disabledDaysMessage?: DisabledDaysMessageProp;
|
|
18
|
-
error?: boolean;
|
|
19
|
-
helperText?: string;
|
|
26
|
+
error?: boolean | DateFieldFlags;
|
|
27
|
+
helperText?: string | DateFieldTexts;
|
|
20
28
|
startsToday?: boolean;
|
|
21
29
|
locale?: Locale;
|
|
22
30
|
className?: string;
|
|
23
31
|
} & React.ComponentPropsWithoutRef<'div'>;
|
|
24
|
-
export type IDatePickerProps = Pick<DatePickerProps, 'values' | 'onSelect' | 'startsToday' | 'locale' | 'disabledDaysMessage'>;
|
|
32
|
+
export type IDatePickerProps = Pick<DatePickerProps, 'values' | 'onSelect' | 'startsToday' | 'locale' | 'disabledDaysMessage' | 'error'>;
|
|
25
33
|
export type IDatePickerReturn = {
|
|
26
34
|
input1Ref: React.Ref<HTMLInputElement>;
|
|
27
35
|
input2Ref: React.Ref<HTMLInputElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRange.types.d.ts","sourceRoot":"","sources":["../../../src/Date/types/DateRange.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,OAAO,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,SAAS,EACT,UAAU,EACV,aAAa,EACb,OAAO,EACR,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,uBAAuB,EACvB,eAAe,EAChB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;
|
|
1
|
+
{"version":3,"file":"DateRange.types.d.ts","sourceRoot":"","sources":["../../../src/Date/types/DateRange.types.ts"],"names":[],"mappings":"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"}
|
package/index.es.js
CHANGED
|
@@ -34906,7 +34906,9 @@ var DatePickerSingle = e.forwardRef(function (_a, ref) {
|
|
|
34906
34906
|
'date-field-focussed': currentField === 'start-date',
|
|
34907
34907
|
}), name: "start-date", value: value, onChange: (editable && inputChange) || undefined, placeholder: inputPlaceholder, adornment: e.createElement(On, { size: 20, stroke: "#B6B9CC" }), autoComplete: "off", readOnly: !editable, disabled: disabled, error: !disabled && error, inputMode: "numeric", helperText: (!disabled && !showDayPicker && helperText) || undefined, maxLength: 10 }))),
|
|
34908
34908
|
inline && label && (e.createElement("div", { className: "ods-date__inline-label" }, label)),
|
|
34909
|
-
!disabled && calendarOpen && (e.createElement("div", { "data-testid": "datepicker-calendar", className:
|
|
34909
|
+
!disabled && calendarOpen && (e.createElement("div", { "data-testid": "datepicker-calendar", className: classNames('ods-date__calendar-container', {
|
|
34910
|
+
'ods-date__calendar-container--inline': inline,
|
|
34911
|
+
}), role: "presentation", onClick: handleCalendarClick },
|
|
34910
34912
|
e.createElement(DayPicker, { mode: "single", locale: localeOption, weekStartsOn: 0, classNames: CustomStyles(inline), className: className, onDayClick: handleDayClickWithModifiers, formatters: { formatDay: formatDay }, selected: selectedDay, disabled: startsToday ? { before: new Date() } : disabledDays, defaultMonth: currentMonthToDisplay, components: {
|
|
34911
34913
|
Caption: CaptionWithTooltip,
|
|
34912
34914
|
} }),
|
|
@@ -34915,7 +34917,7 @@ var DatePickerSingle = e.forwardRef(function (_a, ref) {
|
|
|
34915
34917
|
DatePickerSingle.displayName = 'DatePickerSingle';
|
|
34916
34918
|
|
|
34917
34919
|
function useDatePicker(_a) {
|
|
34918
|
-
var values = _a.values, onSelect = _a.onSelect, startsToday = _a.startsToday, locale = _a.locale, disabledDaysMessage = _a.disabledDaysMessage;
|
|
34920
|
+
var values = _a.values, onSelect = _a.onSelect, startsToday = _a.startsToday, locale = _a.locale, disabledDaysMessage = _a.disabledDaysMessage, error = _a.error;
|
|
34919
34921
|
var localeOption = locale || ptBr;
|
|
34920
34922
|
var localeDateFormat = localeOption &&
|
|
34921
34923
|
localeOption.formatLong &&
|
|
@@ -35025,6 +35027,13 @@ function useDatePicker(_a) {
|
|
|
35025
35027
|
}
|
|
35026
35028
|
}
|
|
35027
35029
|
};
|
|
35030
|
+
var hasError = typeof error === 'object' ? !!(error.from || error.to) : !!error;
|
|
35031
|
+
e.useEffect(function () {
|
|
35032
|
+
if (hasError) {
|
|
35033
|
+
setShowDayPicker(false);
|
|
35034
|
+
setCurrentField('');
|
|
35035
|
+
}
|
|
35036
|
+
}, [hasError]);
|
|
35028
35037
|
var handleCloseByOutside = function () {
|
|
35029
35038
|
if (showDayPicker) {
|
|
35030
35039
|
setShowDayPicker(false);
|
|
@@ -35100,7 +35109,17 @@ var DatePickerRange = e.forwardRef(function (_a, ref) {
|
|
|
35100
35109
|
startsToday: startsToday,
|
|
35101
35110
|
locale: locale,
|
|
35102
35111
|
disabledDaysMessage: disabledDaysMessage,
|
|
35112
|
+
error: error,
|
|
35103
35113
|
}), input1Ref = _b.input1Ref, input2Ref = _b.input2Ref, showDayPicker = _b.showDayPicker, selectedDays = _b.selectedDays, CustomStyles = _b.CustomStyles, localeOption = _b.localeOption, currentField = _b.currentField, inputPlaceholder = _b.inputPlaceholder, handleDayMouseEnter = _b.handleDayMouseEnter, handleDayClickWithModifiers = _b.handleDayClickWithModifiers, showDisabledTooltip = _b.showDisabledTooltip, tooltipMessage = _b.tooltipMessage, tooltipPosition = _b.tooltipPosition, handleCalendarClick = _b.handleCalendarClick, handleDisplayMonth = _b.handleDisplayMonth, inputChange = _b.inputChange, createHandleToggleClick = _b.createHandleToggleClick, formatDay = _b.formatDay, handleCloseByOutside = _b.handleCloseByOutside, currentMonthToDisplay = _b.currentMonthToDisplay;
|
|
35114
|
+
var fieldError = function (field) {
|
|
35115
|
+
return !disabled && (typeof error === 'object' ? !!error[field] : !!error);
|
|
35116
|
+
};
|
|
35117
|
+
var fieldHelperText = function (field) {
|
|
35118
|
+
if (disabled || showDayPicker)
|
|
35119
|
+
return undefined;
|
|
35120
|
+
var text = typeof helperText === 'object' ? helperText[field] : helperText;
|
|
35121
|
+
return text || undefined;
|
|
35122
|
+
};
|
|
35104
35123
|
return (e.createElement("div", null,
|
|
35105
35124
|
showDayPicker && (e.createElement("div", { className: "ods-date-background", "data-testid": "date-picker-outside", onClick: handleCloseByOutside })),
|
|
35106
35125
|
e.createElement("div", __assign$1({ className: classNames('ods-date', className), ref: ref }, rest),
|
|
@@ -35109,12 +35128,12 @@ var DatePickerRange = e.forwardRef(function (_a, ref) {
|
|
|
35109
35128
|
labels && labels.from && (e.createElement("label", { htmlFor: "start-date" }, labels.from)),
|
|
35110
35129
|
e.createElement(Input, { ref: input1Ref, "data-testid": "datepicker-input-1", id: "start-date", type: "text", className: classNames({
|
|
35111
35130
|
'date-field-focussed': currentField === 'start-date',
|
|
35112
|
-
}), name: "start-date", value: values.from, onChange: (editable && inputChange) || undefined, placeholder: inputPlaceholder, adornment: e.createElement(On, { size: 20, stroke: "#B6B9CC" }), autoComplete: "off", readOnly: !editable, disabled: disabled, error:
|
|
35131
|
+
}), name: "start-date", value: values.from, onChange: (editable && inputChange) || undefined, placeholder: inputPlaceholder, adornment: e.createElement(On, { size: 20, stroke: "#B6B9CC" }), autoComplete: "off", readOnly: !editable, disabled: disabled, error: fieldError('from'), inputMode: "numeric", helperText: fieldHelperText('from'), maxLength: 10 })),
|
|
35113
35132
|
e.createElement("div", { className: "ods-date__form-controls", "data-testid": "date-picker-second-field-wrapper", onClick: function () { return createHandleToggleClick('end-date'); } },
|
|
35114
35133
|
labels && labels.to && (e.createElement("label", { htmlFor: "end-date" }, labels.to)),
|
|
35115
35134
|
e.createElement(Input, { ref: input2Ref, "data-testid": "datepicker-input-2", id: "end-date", type: "text", className: classNames({
|
|
35116
35135
|
'date-field-focussed': currentField === 'end-date',
|
|
35117
|
-
}), name: "end-date", value: values.to, onChange: (editable && inputChange) || undefined, placeholder: inputPlaceholder, adornment: e.createElement(On, { size: 20, stroke: "#B6B9CC" }), autoComplete: "off", readOnly: !editable, disabled: disabled, error:
|
|
35136
|
+
}), name: "end-date", value: values.to, onChange: (editable && inputChange) || undefined, placeholder: inputPlaceholder, adornment: e.createElement(On, { size: 20, stroke: "#B6B9CC" }), autoComplete: "off", readOnly: !editable, disabled: disabled, error: fieldError('to'), inputMode: "numeric", helperText: fieldHelperText('to'), maxLength: 10 })),
|
|
35118
35137
|
!disabled && showDayPicker && (e.createElement("div", { "data-testid": "datepicker-calendar", className: "ods-date__calendar-container", role: "presentation", onClick: handleCalendarClick },
|
|
35119
35138
|
e.createElement(DayPicker, { mode: "range", locale: localeOption, weekStartsOn: 0, classNames: CustomStyles, className: className, onDayClick: handleDayClickWithModifiers, onDayMouseEnter: function (day) { return handleDayMouseEnter(day); }, formatters: { formatDay: formatDay }, selected: selectedDays, disabled: startsToday ? { before: new Date() } : disabledDays, defaultMonth: currentMonthToDisplay, components: {
|
|
35120
35139
|
Caption: function (_a) {
|