@useblu/ocean-react 1.36.0 → 1.36.3

package/index.js

@@ -34094,27 +34094,27 @@ var DatePicker = e__default["default"].forwardRef(function DatePicker(_a, ref) {
     var DatePickerHeader = function (props) {
         var _a = useNavigation(), goToMonth = _a.goToMonth, nextMonth = _a.nextMonth, previousMonth = _a.previousMonth;
         return (e__default["default"].createElement("div", { className: "ods-datepicker__caption" },
-            e__default["default"].createElement(IconButton, { "data-testid": "calendar-left-arrow", size: "sm", className: classNames('ods-datepicker__navButtons', 'ods-datepicker__navButtonPrev'), disabled: !previousMonth, onClick: function () { return previousMonth && goToMonth(previousMonth); } },
+            e__default["default"].createElement(IconButton, { type: "button", "data-testid": "calendar-left-arrow", size: "sm", className: classNames('ods-datepicker__navButtons', 'ods-datepicker__navButtonPrev'), disabled: !previousMonth, onClick: function () { return previousMonth && goToMonth(previousMonth); } },
                 e__default["default"].createElement($, { size: 20 })),
             e__default["default"].createElement("h2", { "data-testid": "calendar-caption-month" }, format(props.displayMonth, 'MMMM yyyy', { locale: localeOption })),
-            e__default["default"].createElement(IconButton, { "data-testid": "calendar-right-arrow", size: "sm", className: classNames('ods-datepicker__navButtons', 'ods-datepicker__navButtonNext'), disabled: !nextMonth, onClick: function () { return nextMonth && goToMonth(nextMonth); } },
+            e__default["default"].createElement(IconButton, { type: "button", "data-testid": "calendar-right-arrow", size: "sm", className: classNames('ods-datepicker__navButtons', 'ods-datepicker__navButtonNext'), disabled: !nextMonth, onClick: function () { return nextMonth && goToMonth(nextMonth); } },
                 e__default["default"].createElement(ee, { size: 20 }))));
     };
     return (e__default["default"].createElement("div", null,
-        e__default["default"].createElement("div", { className: "ods-datepicker-background", "data-testid": "date-picker-outside", onClick: handleCloseByOutside }),
+        showDayPicker && (e__default["default"].createElement("div", { className: "ods-datepicker-background", "data-testid": "date-picker-outside", onClick: handleCloseByOutside })),
         e__default["default"].createElement("div", __assign$1({ className: classNames('ods-datepicker', className), ref: ref }, rest),
             e__default["default"].createElement("div", { className: "ods-datepicker__form-row" },
                 e__default["default"].createElement("div", { className: "ods-datepicker__form-controls", "data-testid": "date-picker-first-field-wrapper", onClick: function () { return createHandleToggleClick('start-date'); } },
                     labels && labels.from && (e__default["default"].createElement("label", { htmlFor: "start-date" }, labels.from)),
                     e__default["default"].createElement(Input, { ref: input1Ref, "data-testid": "datepicker-input-1", id: "start-date", type: "text", className: classNames({
                             'date-field-focussed': currentField === 'start-date'
-                        }), name: "start-date", value: values.from, onChange: (editable && inputChange) || undefined, placeholder: getInputPlaceholder(), adornment: e__default["default"].createElement(wn, { size: 20, stroke: "#B6B9CC" }), autoComplete: "off", readOnly: !editable, disabled: disabled, error: !disabled && error, pattern: "[0-9]*", inputMode: "numeric", helperText: (!disabled && !showDayPicker && error && helperText) ||
+                        }), name: "start-date", value: values.from, onChange: (editable && inputChange) || undefined, placeholder: getInputPlaceholder(), adornment: e__default["default"].createElement(wn, { size: 20, stroke: "#B6B9CC" }), autoComplete: "off", readOnly: !editable, disabled: disabled, error: !disabled && error, inputMode: "numeric", helperText: (!disabled && !showDayPicker && error && helperText) ||
                             undefined, maxLength: 10 })),
                 e__default["default"].createElement("div", { className: "ods-datepicker__form-controls", "data-testid": "date-picker-second-field-wrapper", onClick: function () { return createHandleToggleClick('end-date'); } },
                     labels && labels.to && (e__default["default"].createElement("label", { htmlFor: "end-date" }, labels.to)),
                     e__default["default"].createElement(Input, { ref: input2Ref, "data-testid": "datepicker-input-2", id: "end-date", type: "text", className: classNames({
                             'date-field-focussed': currentField === 'end-date'
-                        }), name: "end-date", value: values.to, onChange: (editable && inputChange) || undefined, placeholder: getInputPlaceholder(), adornment: e__default["default"].createElement(wn, { size: 20, stroke: "#B6B9CC" }), autoComplete: "off", readOnly: !editable, disabled: disabled, error: !disabled && error, pattern: "[0-9]*", inputMode: "numeric", helperText: (!disabled && !showDayPicker && error && helperText) ||
+                        }), name: "end-date", value: values.to, onChange: (editable && inputChange) || undefined, placeholder: getInputPlaceholder(), adornment: e__default["default"].createElement(wn, { size: 20, stroke: "#B6B9CC" }), autoComplete: "off", readOnly: !editable, disabled: disabled, error: !disabled && error, inputMode: "numeric", helperText: (!disabled && !showDayPicker && error && helperText) ||
                             undefined, maxLength: 10 })),
                 !disabled && showDayPicker && (e__default["default"].createElement("div", { "data-testid": "datepicker-calendar" },
                     e__default["default"].createElement(DayPicker, { mode: "range", locale: localeOption, weekStartsOn: 0, classNames: CustomStyles, className: className, onDayClick: function (day) { return handleDayClick(day); }, onDayMouseEnter: function (day) { return handleDayMouseEnter(day); }, formatters: { formatDay: formatDay }, selected: selectedDays, disabled: disabledDays, components: {