@cerebruminc/cerebellum 16.5.1-beta.dangerous.5e48942 → 16.5.1-beta.dangerous.7cf7dac

package/lib/cjs/InlineDatePicker.cjs

@@ -4,7 +4,7 @@ require('./_tslib-ByDtMVOd.js');
 require('react/jsx-runtime');
 require('dayjs');
 require('react');
-var InlineDatePicker = require('./InlineDatePicker-B7DTwvhv.js');
+var InlineDatePicker = require('./InlineDatePicker-BlRolFAH.js');
 require('./colors.cjs');
 require('./pressedEnter.cjs');
 require('./IconComponentStyles-oUWNoaaH.js');

package/lib/cjs/index.cjs

@@ -31,7 +31,7 @@ var ConfirmModal = require('./ConfirmModal-DRAHS2B-.js');
 var CreditCardInput = require('./CreditCardInput-bMyCXnqF.js');
 var CurrencyInput = require('./CurrencyInput-D_QGbxkC.js');
 var DatePicker = require('./DatePicker.cjs');
-var InlineDatePicker = require('./InlineDatePicker-B7DTwvhv.js');
+var InlineDatePicker = require('./InlineDatePicker-BlRolFAH.js');
 var DescriptiveSwitchMenu = require('./DescriptiveSwitchMenu-B1furuVq.js');
 var SwitchTypeEnum = require('./SwitchTypeEnum.cjs');
 var InlineInput = require('./InlineInput-CjzTCcMV.js');
@@ -44,7 +44,7 @@ var helpers$1 = require('./helpers-BBAfnycp.js');
 var DrawerDivider = require('./DrawerDivider-Dk2WXbXa.js');
 var EmailInput = require('./EmailInput-iV9AVBtl.js');
 var Footer = require('./Footer.cjs');
-var FormikContainer = require('./FormikContainer-BhowOVri.js');
+var FormikContainer = require('./FormikContainer-BcZ3P6Ns.js');
 var FormFieldTypeEnum = require('./FormFieldTypeEnum.cjs');
 var FiltersBar = require('./FiltersBar-BWs83vhr.js');
 var HorizontalTabMenu = require('./HorizontalTabMenu-B0VfB6Jb.js');

package/lib/esm/DatePicker.js

@@ -1,7 +1,7 @@
 import { _ as __assign } from './_tslib-CcAXazg4.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useState, useEffect } from 'react';
-import { D as DatePickerGroup, I as InlineDatePicker, V as ValidationText, H as HelperText } from './InlineDatePicker-BuxjkoV0.js';
+import { D as DatePickerGroup, I as InlineDatePicker, V as ValidationText, H as HelperText } from './InlineDatePicker-DYZHsKT6.js';
 import { u as useMeasure } from './useMeasure-D89v6c_A.js';
 import { s as showLabel } from './showLabel-D6KgNem4.js';
 import { L as LabelBox, A as Asterisk } from './Inputs-C6OWHviY.js';

package/lib/esm/Footer.js

@@ -78,7 +78,7 @@ var TermsBox = styled.div(templateObject_6 || (templateObject_6 = __makeTemplate
     return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.footerLinksColor) || theme.footer.footerLinksColor;
 }, function (_a) {
     var $centerLinks = _a.$centerLinks;
-    return ($centerLinks ? 100 : 0);
+    return ($centerLinks ? 200 : 0);
 }, MOBILE_LAYOUT_BREAKPOINT);
 var Copyright = styled.p(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 14px;\n  font-weight: 400;\n  letter-spacing: 0.824px;\n  position: relative;\n"], ["\n  color: ", ";\n  font-size: 14px;\n  font-weight: 400;\n  letter-spacing: 0.824px;\n  position: relative;\n"])), function (_a) {
     var $themeOverride = _a.$themeOverride, theme = _a.theme;

package/lib/esm/Form.js

@@ -1,5 +1,5 @@
 export { F as FormWrapper } from './FormStyles-DMlwBOz8.js';
-export { F as Form } from './FormikContainer-C2RIrqq6.js';
+export { F as Form } from './FormikContainer-fr9LkLt3.js';
 export { FormFieldTypeEnum, RemovableFieldTypeEnum, isAddress, isCheckbox, isCheckboxGroup, isColorPicker, isConfigurableInput, isCountrySelect, isCountySelect, isCreditCard, isCurrency, isDatePicker, isDescriptiveDropdownInput, isEmail, isFormFieldType, isImagePicker, isMultiSelect, isNationalitySelect, isNumber, isPassword, isPhone, isRadioGroup, isRemovable, isSectionHeader, isSelect, isSocialSecurity, isSplitLine, isStateSelect, isTextarea, isToggle, isToggleGroup, isZipCode } from './FormFieldTypeEnum.js';
 import './_tslib-CcAXazg4.js';
 import 'styled-components';
@@ -94,7 +94,7 @@ import './cardValidationStateMachine.js';
 import './CurrencyInput-CzI4uaoz.js';
 import './InlineCurrencyInput-DPpU3QyZ.js';
 import './DatePicker.js';
-import './InlineDatePicker-BuxjkoV0.js';
+import './InlineDatePicker-DYZHsKT6.js';
 import './Calendar.js';
 import './ClickOutHandler-CcKVoXIs.js';
 import './CaretLeft.js';

package/lib/esm/{FormikContainer-C2RIrqq6.js → FormikContainer-fr9LkLt3.js}

@@ -38,7 +38,7 @@ import { C as CurrencyInput } from './CurrencyInput-CzI4uaoz.js';
 import { I as InlineCurrencyInput } from './InlineCurrencyInput-DPpU3QyZ.js';
 import { getFloatValueFromString } from './formatBytesToString.js';
 import { DatePicker } from './DatePicker.js';
-import { I as InlineDatePicker } from './InlineDatePicker-BuxjkoV0.js';
+import { I as InlineDatePicker } from './InlineDatePicker-DYZHsKT6.js';
 import './CheckboxStyles-Cx6hCn3t.js';
 import './RadioStyles-CjeGoQU0.js';
 import './ToggleStyles-DxTKSAXl.js';
@@ -1609,4 +1609,4 @@ var FormikContainer = function (props) {
 };
 
 export { FormikContainer as F, NationalityDropdown as N, nationalityList as n };
-//# sourceMappingURL=FormikContainer-C2RIrqq6.js.map
+//# sourceMappingURL=FormikContainer-fr9LkLt3.js.map

package/lib/esm/{FormikContainer-C2RIrqq6.js.map → FormikContainer-fr9LkLt3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FormikContainer-C2RIrqq6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FormikContainer-fr9LkLt3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/esm/{InlineDatePicker-BuxjkoV0.js → InlineDatePicker-DYZHsKT6.js}

@@ -2,7 +2,7 @@ import { b as __makeTemplateObject, f as __rest, _ as __assign } from './_tslib-
 import { jsxs, jsx } from 'react/jsx-runtime';
 import dayjs from 'dayjs';
 import * as React from 'react';
-import React__default, { useLayoutEffect, cloneElement, createRef, Component, useRef, useCallback, useEffect, createElement, useState, forwardRef } from 'react';
+import React__default, { useLayoutEffect, cloneElement, createRef, Component, useRef, useEffect, useCallback, createElement, useState, forwardRef } from 'react';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
 import { colors } from './colors.js';
@@ -9672,7 +9672,7 @@ function useFloating(options) {
 }
 
 /*!
-  react-datepicker v8.8.0
+  react-datepicker v8.9.0
   https://github.com/Hacker0x01/react-datepicker
   Released under the MIT License.
 */
@@ -9736,17 +9736,19 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
 };
 
 var CalendarContainer = function (_a) {
-    var _b = _a.showTimeSelectOnly, showTimeSelectOnly = _b === void 0 ? false : _b, _c = _a.showTime, showTime = _c === void 0 ? false : _c, className = _a.className, children = _a.children;
+    var _b = _a.showTimeSelectOnly, showTimeSelectOnly = _b === void 0 ? false : _b, _c = _a.showTime, showTime = _c === void 0 ? false : _c, className = _a.className, children = _a.children, inline = _a.inline;
     var ariaLabel = showTimeSelectOnly
         ? "Choose Time"
         : "Choose Date".concat(showTime ? " and Time" : "");
-    return (React__default.createElement("div", { className: className, role: "dialog", "aria-label": ariaLabel, "aria-modal": "true" }, children));
+    return (React__default.createElement("div", { className: className, "aria-label": ariaLabel, role: inline ? undefined : "dialog", "aria-modal": inline ? undefined : "true" }, children));
 };
 
 var useDetectClickOutside = function (onClickOutside, ignoreClass) {
     var ref = useRef(null);
     var onClickOutsideRef = useRef(onClickOutside);
-    onClickOutsideRef.current = onClickOutside;
+    useEffect(function () {
+        onClickOutsideRef.current = onClickOutside;
+    }, [onClickOutside]);
     var handleClickOutside = useCallback(function (event) {
         var _a;
         var target = (event.composed &&
@@ -11755,7 +11757,12 @@ var Month$1 = /** @class */ (function (_super) {
             });
         };
         _this.isSelectedQuarter = function (day, q, selected) {
-            return getQuarter(day) === q && getYear(day) === getYear(selected);
+            return getQuarter(selected) === q && getYear(day) === getYear(selected);
+        };
+        _this.isSelectQuarterInList = function (day, q, selectedDates) {
+            return selectedDates.some(function (selectedDate) {
+                return _this.isSelectedQuarter(day, q, selectedDate);
+            });
         };
         _this.isMonthSelected = function () {
             var _a = _this.props, day = _a.day, selected = _a.selected, selectedDates = _a.selectedDates, selectsMultiple = _a.selectsMultiple;
@@ -11767,7 +11774,21 @@ var Month$1 = /** @class */ (function (_super) {
             }
             return !!selected && _this.isSelectedMonth(day, monthIdx, selected);
         };
+        _this.isQuarterSelected = function () {
+            var _a = _this.props, day = _a.day, selected = _a.selected, selectedDates = _a.selectedDates, selectsMultiple = _a.selectsMultiple;
+            var quarterIdx = getQuarter(day);
+            if (selectsMultiple) {
+                return selectedDates === null || selectedDates === void 0 ? void 0 : selectedDates.some(function (selectedDate) {
+                    return _this.isSelectedQuarter(day, quarterIdx, selectedDate);
+                });
+            }
+            return !!selected && _this.isSelectedQuarter(day, quarterIdx, selected);
+        };
         _this.renderWeeks = function () {
+            // Return empty array if day is invalid
+            if (!isValid(_this.props.day)) {
+                return [];
+            }
             var weeks = [];
             var isFixedHeight = _this.props.fixedHeight;
             var i = 0;
@@ -12064,7 +12085,7 @@ var Month$1 = /** @class */ (function (_super) {
             return "".concat(prefix, " ").concat(formatDate(labelDate, "MMMM yyyy", locale));
         };
         _this.getQuarterClassNames = function (q) {
-            var _a = _this.props, day = _a.day, startDate = _a.startDate, endDate = _a.endDate, selected = _a.selected, minDate = _a.minDate, maxDate = _a.maxDate, excludeDates = _a.excludeDates, includeDates = _a.includeDates, filterDate = _a.filterDate, preSelection = _a.preSelection, disabledKeyboardNavigation = _a.disabledKeyboardNavigation, disabled = _a.disabled;
+            var _a = _this.props, day = _a.day, startDate = _a.startDate, endDate = _a.endDate, minDate = _a.minDate, maxDate = _a.maxDate, excludeDates = _a.excludeDates, includeDates = _a.includeDates, filterDate = _a.filterDate, preSelection = _a.preSelection, disabledKeyboardNavigation = _a.disabledKeyboardNavigation, disabled = _a.disabled;
             var isDisabled = (minDate ||
                 maxDate ||
                 excludeDates ||
@@ -12072,14 +12093,16 @@ var Month$1 = /** @class */ (function (_super) {
                 filterDate ||
                 disabled) &&
                 isQuarterDisabled(setQuarter(day, q), _this.props);
+            var selection = _this.getSelection();
             return clsx("react-datepicker__quarter-text", "react-datepicker__quarter-".concat(q), {
                 "react-datepicker__quarter-text--disabled": isDisabled,
-                "react-datepicker__quarter-text--selected": selected
-                    ? _this.isSelectedQuarter(day, q, selected)
+                "react-datepicker__quarter-text--selected": selection
+                    ? _this.isSelectQuarterInList(day, q, selection)
                     : undefined,
                 "react-datepicker__quarter-text--keyboard-selected": !disabledKeyboardNavigation &&
                     preSelection &&
                     _this.isSelectedQuarter(day, q, preSelection) &&
+                    !_this.isQuarterSelected() &&
                     !isDisabled,
                 "react-datepicker__quarter-text--in-selecting-range": _this.isInSelectingRangeQuarter(q),
                 "react-datepicker__quarter-text--in-range": startDate && endDate
@@ -12159,14 +12182,18 @@ var Month$1 = /** @class */ (function (_super) {
         var formattedAriaLabelPrefix = ariaLabelPrefix
             ? ariaLabelPrefix.trim() + " "
             : "";
+        // Format aria-label, return empty string if date is invalid
+        var formattedAriaLabel = isValid(day)
+            ? "".concat(formattedAriaLabelPrefix).concat(formatDate(day, "MMMM, yyyy", this.props.locale))
+            : "";
         var shouldUseListboxRole = showMonthYearPicker || showQuarterYearPicker;
         if (shouldUseListboxRole) {
-            return (React__default.createElement("div", { className: this.getClassNames(), onMouseLeave: !this.props.usePointerEvent ? this.handleMouseLeave : undefined, onPointerLeave: this.props.usePointerEvent ? this.handleMouseLeave : undefined, "aria-label": "".concat(formattedAriaLabelPrefix).concat(formatDate(day, "MMMM, yyyy", this.props.locale)), role: "listbox" }, showMonthYearPicker ? this.renderMonths() : this.renderQuarters()));
+            return (React__default.createElement("div", { className: this.getClassNames(), onMouseLeave: !this.props.usePointerEvent ? this.handleMouseLeave : undefined, onPointerLeave: this.props.usePointerEvent ? this.handleMouseLeave : undefined, "aria-label": formattedAriaLabel, role: "listbox" }, showMonthYearPicker ? this.renderMonths() : this.renderQuarters()));
         }
         // For regular calendar view, use table structure
         return (React__default.createElement("div", { role: "table" },
             this.props.dayNamesHeader && (React__default.createElement("div", { role: "rowgroup" }, this.props.dayNamesHeader)),
-            React__default.createElement("div", { className: this.getClassNames(), onMouseLeave: !this.props.usePointerEvent ? this.handleMouseLeave : undefined, onPointerLeave: this.props.usePointerEvent ? this.handleMouseLeave : undefined, "aria-label": "".concat(formattedAriaLabelPrefix).concat(formatDate(day, "MMMM, yyyy", this.props.locale)), role: "rowgroup" }, this.renderWeeks())));
+            React__default.createElement("div", { className: this.getClassNames(), onMouseLeave: !this.props.usePointerEvent ? this.handleMouseLeave : undefined, onPointerLeave: this.props.usePointerEvent ? this.handleMouseLeave : undefined, "aria-label": formattedAriaLabel, role: "rowgroup" }, this.renderWeeks())));
     };
     return Month;
 }(Component));
@@ -13266,6 +13293,10 @@ var Calendar = /** @class */ (function (_super) {
         };
         _this.header = function (date) {
             if (date === void 0) { date = _this.state.date; }
+            // Return empty array if date is invalid
+            if (!isValid(date)) {
+                return [];
+            }
             var disabled = _this.props.disabled;
             var startOfWeek = getStartOfWeek(date, _this.props.locale, _this.props.calendarStartDay);
             var dayNames = [];
@@ -13460,7 +13491,9 @@ var Calendar = /** @class */ (function (_super) {
             if (_this.props.showMonthYearDropdown) {
                 classes.push("react-datepicker__current-month--hasMonthYearDropdown");
             }
-            return (React__default.createElement("h2", { className: classes.join(" ") }, formatDate(date, _this.props.dateFormat, _this.props.locale)));
+            return (React__default.createElement("h2", { className: classes.join(" ") }, isValid(date)
+                ? formatDate(date, _this.props.dateFormat, _this.props.locale)
+                : ""));
         };
         _this.renderYearDropdown = function (overrideHide) {
             if (overrideHide === void 0) { overrideHide = false; }
@@ -13610,6 +13643,10 @@ var Calendar = /** @class */ (function (_super) {
         };
         _this.renderAriaLiveRegion = function () {
             var _a;
+            // Don't render aria-live message if date is invalid
+            if (!isValid(_this.state.date)) {
+                return (React__default.createElement("span", { role: "alert", "aria-live": "polite", className: "react-datepicker__aria-live" }));
+            }
             var _b = getYearsPeriod(_this.state.date, (_a = _this.props.yearItemNumber) !== null && _a !== void 0 ? _a : Calendar.defaultProps.yearItemNumber), startPeriod = _b.startPeriod, endPeriod = _b.endPeriod;
             var ariaLiveMessage;
             if (_this.props.showYearPicker) {
@@ -13671,6 +13708,7 @@ var Calendar = /** @class */ (function (_super) {
     Calendar.prototype.componentDidUpdate = function (prevProps) {
         var _this = this;
         if (this.props.preSelection &&
+            isValid(this.props.preSelection) &&
             (!isSameDay(this.props.preSelection, prevProps.preSelection) ||
                 this.props.monthSelectedIn !== prevProps.monthSelectedIn)) {
             var hasMonthChanged_1 = !isSameMonth(this.state.date, this.props.preSelection);
@@ -13691,7 +13729,7 @@ var Calendar = /** @class */ (function (_super) {
             React__default.createElement("div", { style: { display: "contents" }, ref: this.containerRef },
                 React__default.createElement(Container, { className: clsx("react-datepicker", this.props.className, {
                         "react-datepicker--time-only": this.props.showTimeSelectOnly,
-                    }), showTime: this.props.showTimeSelect || this.props.showTimeInput, showTimeSelectOnly: this.props.showTimeSelectOnly },
+                    }), showTime: this.props.showTimeSelect || this.props.showTimeInput, showTimeSelectOnly: this.props.showTimeSelectOnly, inline: this.props.inline },
                     this.renderAriaLiveRegion(),
                     this.renderPreviousButton(),
                     this.renderNextButton(),
@@ -13885,6 +13923,7 @@ function withFloating(Component) {
         var floatingProps = useFloating(_assign({ open: !hidePopper, whileElementsMounted: autoUpdate, placement: props.popperPlacement, middleware: __spreadArray([
                 flip({ padding: 15 }),
                 offset(10),
+                // eslint-disable-next-line react-hooks/refs -- Floating UI requires refs to be passed during render
                 arrow({ element: arrowRef })
             ], ((_a = props.popperModifiers) !== null && _a !== void 0 ? _a : []), true) }, props.popperProps));
         var componentProps = _assign(_assign({}, props), { hidePopper: hidePopper, popperProps: _assign(_assign({}, floatingProps), { arrowRef: arrowRef }) });
@@ -15316,4 +15355,4 @@ var InlineDatePicker = function (props) {
 };
 
 export { DatePickerGroup as D, HelperText as H, InlineDatePicker as I, ValidationText as V };
-//# sourceMappingURL=InlineDatePicker-BuxjkoV0.js.map
+//# sourceMappingURL=InlineDatePicker-DYZHsKT6.js.map