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

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.
@@ -3,7 +3,7 @@
3
3
  var _tslib = require('./_tslib-ByDtMVOd.js');
4
4
  var jsxRuntime = require('react/jsx-runtime');
5
5
  var React = require('react');
6
- var InlineDatePicker = require('./InlineDatePicker-B7DTwvhv.js');
6
+ var InlineDatePicker = require('./InlineDatePicker-BlRolFAH.js');
7
7
  var useMeasure = require('./useMeasure-CDq3dPfD.js');
8
8
  var showLabel = require('./showLabel-BkZISyqw.js');
9
9
  var Inputs = require('./Inputs-IaHMnBKw.js');
@@ -80,7 +80,7 @@ var TermsBox = styled.styled.div(templateObject_6 || (templateObject_6 = _tslib.
80
80
  return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.footerLinksColor) || theme.footer.footerLinksColor;
81
81
  }, function (_a) {
82
82
  var $centerLinks = _a.$centerLinks;
83
- return ($centerLinks ? 100 : 0);
83
+ return ($centerLinks ? 200 : 0);
84
84
  }, MOBILE_LAYOUT_BREAKPOINT);
85
85
  var Copyright = styled.styled.p(templateObject_7 || (templateObject_7 = _tslib.__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) {
86
86
  var $themeOverride = _a.$themeOverride, theme = _a.theme;
package/lib/cjs/Form.cjs CHANGED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var FormWrapper = require('./FormStyles-zhTr63Di.js');
4
- var FormikContainer = require('./FormikContainer-BhowOVri.js');
4
+ var FormikContainer = require('./FormikContainer-BcZ3P6Ns.js');
5
5
  var FormFieldTypeEnum = require('./FormFieldTypeEnum.cjs');
6
6
  require('./_tslib-ByDtMVOd.js');
7
7
  require('styled-components');
@@ -96,7 +96,7 @@ require('./cardValidationStateMachine.cjs');
96
96
  require('./CurrencyInput-D_QGbxkC.js');
97
97
  require('./InlineCurrencyInput-UjEz4U3A.js');
98
98
  require('./DatePicker.cjs');
99
- require('./InlineDatePicker-B7DTwvhv.js');
99
+ require('./InlineDatePicker-BlRolFAH.js');
100
100
  require('./Calendar.cjs');
101
101
  require('./ClickOutHandler-b5mI7kuA.js');
102
102
  require('./CaretLeft.cjs');
@@ -40,7 +40,7 @@ var CurrencyInput = require('./CurrencyInput-D_QGbxkC.js');
40
40
  var InlineCurrencyInput = require('./InlineCurrencyInput-UjEz4U3A.js');
41
41
  var formatBytesToString = require('./formatBytesToString.cjs');
42
42
  var DatePicker = require('./DatePicker.cjs');
43
- var InlineDatePicker = require('./InlineDatePicker-B7DTwvhv.js');
43
+ var InlineDatePicker = require('./InlineDatePicker-BlRolFAH.js');
44
44
  require('./CheckboxStyles-CAzemGXD.js');
45
45
  require('./RadioStyles-2mVDOf96.js');
46
46
  require('./ToggleStyles-DsqemdEf.js');
@@ -1613,4 +1613,4 @@ var FormikContainer = function (props) {
1613
1613
  exports.FormikContainer = FormikContainer;
1614
1614
  exports.NationalityDropdown = NationalityDropdown;
1615
1615
  exports.nationalityList = nationalityList;
1616
- //# sourceMappingURL=FormikContainer-BhowOVri.js.map
1616
+ //# sourceMappingURL=FormikContainer-BcZ3P6Ns.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FormikContainer-BhowOVri.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"FormikContainer-BcZ3P6Ns.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -9696,7 +9696,7 @@ function useFloating(options) {
9696
9696
  }
9697
9697
 
9698
9698
  /*!
9699
- react-datepicker v8.8.0
9699
+ react-datepicker v8.9.0
9700
9700
  https://github.com/Hacker0x01/react-datepicker
9701
9701
  Released under the MIT License.
9702
9702
  */
@@ -9760,17 +9760,19 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
9760
9760
  };
9761
9761
 
9762
9762
  var CalendarContainer = function (_a) {
9763
- 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;
9763
+ 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;
9764
9764
  var ariaLabel = showTimeSelectOnly
9765
9765
  ? "Choose Time"
9766
9766
  : "Choose Date".concat(showTime ? " and Time" : "");
9767
- return (React__namespace.default.createElement("div", { className: className, role: "dialog", "aria-label": ariaLabel, "aria-modal": "true" }, children));
9767
+ return (React__namespace.default.createElement("div", { className: className, "aria-label": ariaLabel, role: inline ? undefined : "dialog", "aria-modal": inline ? undefined : "true" }, children));
9768
9768
  };
9769
9769
 
9770
9770
  var useDetectClickOutside = function (onClickOutside, ignoreClass) {
9771
9771
  var ref = React.useRef(null);
9772
9772
  var onClickOutsideRef = React.useRef(onClickOutside);
9773
- onClickOutsideRef.current = onClickOutside;
9773
+ React.useEffect(function () {
9774
+ onClickOutsideRef.current = onClickOutside;
9775
+ }, [onClickOutside]);
9774
9776
  var handleClickOutside = React.useCallback(function (event) {
9775
9777
  var _a;
9776
9778
  var target = (event.composed &&
@@ -11779,7 +11781,12 @@ var Month$1 = /** @class */ (function (_super) {
11779
11781
  });
11780
11782
  };
11781
11783
  _this.isSelectedQuarter = function (day, q, selected) {
11782
- return getQuarter(day) === q && getYear(day) === getYear(selected);
11784
+ return getQuarter(selected) === q && getYear(day) === getYear(selected);
11785
+ };
11786
+ _this.isSelectQuarterInList = function (day, q, selectedDates) {
11787
+ return selectedDates.some(function (selectedDate) {
11788
+ return _this.isSelectedQuarter(day, q, selectedDate);
11789
+ });
11783
11790
  };
11784
11791
  _this.isMonthSelected = function () {
11785
11792
  var _a = _this.props, day = _a.day, selected = _a.selected, selectedDates = _a.selectedDates, selectsMultiple = _a.selectsMultiple;
@@ -11791,7 +11798,21 @@ var Month$1 = /** @class */ (function (_super) {
11791
11798
  }
11792
11799
  return !!selected && _this.isSelectedMonth(day, monthIdx, selected);
11793
11800
  };
11801
+ _this.isQuarterSelected = function () {
11802
+ var _a = _this.props, day = _a.day, selected = _a.selected, selectedDates = _a.selectedDates, selectsMultiple = _a.selectsMultiple;
11803
+ var quarterIdx = getQuarter(day);
11804
+ if (selectsMultiple) {
11805
+ return selectedDates === null || selectedDates === void 0 ? void 0 : selectedDates.some(function (selectedDate) {
11806
+ return _this.isSelectedQuarter(day, quarterIdx, selectedDate);
11807
+ });
11808
+ }
11809
+ return !!selected && _this.isSelectedQuarter(day, quarterIdx, selected);
11810
+ };
11794
11811
  _this.renderWeeks = function () {
11812
+ // Return empty array if day is invalid
11813
+ if (!isValid(_this.props.day)) {
11814
+ return [];
11815
+ }
11795
11816
  var weeks = [];
11796
11817
  var isFixedHeight = _this.props.fixedHeight;
11797
11818
  var i = 0;
@@ -12088,7 +12109,7 @@ var Month$1 = /** @class */ (function (_super) {
12088
12109
  return "".concat(prefix, " ").concat(formatDate(labelDate, "MMMM yyyy", locale));
12089
12110
  };
12090
12111
  _this.getQuarterClassNames = function (q) {
12091
- 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;
12112
+ 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;
12092
12113
  var isDisabled = (minDate ||
12093
12114
  maxDate ||
12094
12115
  excludeDates ||
@@ -12096,14 +12117,16 @@ var Month$1 = /** @class */ (function (_super) {
12096
12117
  filterDate ||
12097
12118
  disabled) &&
12098
12119
  isQuarterDisabled(setQuarter(day, q), _this.props);
12120
+ var selection = _this.getSelection();
12099
12121
  return clsx("react-datepicker__quarter-text", "react-datepicker__quarter-".concat(q), {
12100
12122
  "react-datepicker__quarter-text--disabled": isDisabled,
12101
- "react-datepicker__quarter-text--selected": selected
12102
- ? _this.isSelectedQuarter(day, q, selected)
12123
+ "react-datepicker__quarter-text--selected": selection
12124
+ ? _this.isSelectQuarterInList(day, q, selection)
12103
12125
  : undefined,
12104
12126
  "react-datepicker__quarter-text--keyboard-selected": !disabledKeyboardNavigation &&
12105
12127
  preSelection &&
12106
12128
  _this.isSelectedQuarter(day, q, preSelection) &&
12129
+ !_this.isQuarterSelected() &&
12107
12130
  !isDisabled,
12108
12131
  "react-datepicker__quarter-text--in-selecting-range": _this.isInSelectingRangeQuarter(q),
12109
12132
  "react-datepicker__quarter-text--in-range": startDate && endDate
@@ -12183,14 +12206,18 @@ var Month$1 = /** @class */ (function (_super) {
12183
12206
  var formattedAriaLabelPrefix = ariaLabelPrefix
12184
12207
  ? ariaLabelPrefix.trim() + " "
12185
12208
  : "";
12209
+ // Format aria-label, return empty string if date is invalid
12210
+ var formattedAriaLabel = isValid(day)
12211
+ ? "".concat(formattedAriaLabelPrefix).concat(formatDate(day, "MMMM, yyyy", this.props.locale))
12212
+ : "";
12186
12213
  var shouldUseListboxRole = showMonthYearPicker || showQuarterYearPicker;
12187
12214
  if (shouldUseListboxRole) {
12188
- return (React__namespace.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()));
12215
+ return (React__namespace.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()));
12189
12216
  }
12190
12217
  // For regular calendar view, use table structure
12191
12218
  return (React__namespace.default.createElement("div", { role: "table" },
12192
12219
  this.props.dayNamesHeader && (React__namespace.default.createElement("div", { role: "rowgroup" }, this.props.dayNamesHeader)),
12193
- React__namespace.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())));
12220
+ React__namespace.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())));
12194
12221
  };
12195
12222
  return Month;
12196
12223
  }(React.Component));
@@ -13290,6 +13317,10 @@ var Calendar = /** @class */ (function (_super) {
13290
13317
  };
13291
13318
  _this.header = function (date) {
13292
13319
  if (date === void 0) { date = _this.state.date; }
13320
+ // Return empty array if date is invalid
13321
+ if (!isValid(date)) {
13322
+ return [];
13323
+ }
13293
13324
  var disabled = _this.props.disabled;
13294
13325
  var startOfWeek = getStartOfWeek(date, _this.props.locale, _this.props.calendarStartDay);
13295
13326
  var dayNames = [];
@@ -13484,7 +13515,9 @@ var Calendar = /** @class */ (function (_super) {
13484
13515
  if (_this.props.showMonthYearDropdown) {
13485
13516
  classes.push("react-datepicker__current-month--hasMonthYearDropdown");
13486
13517
  }
13487
- return (React__namespace.default.createElement("h2", { className: classes.join(" ") }, formatDate(date, _this.props.dateFormat, _this.props.locale)));
13518
+ return (React__namespace.default.createElement("h2", { className: classes.join(" ") }, isValid(date)
13519
+ ? formatDate(date, _this.props.dateFormat, _this.props.locale)
13520
+ : ""));
13488
13521
  };
13489
13522
  _this.renderYearDropdown = function (overrideHide) {
13490
13523
  if (overrideHide === void 0) { overrideHide = false; }
@@ -13634,6 +13667,10 @@ var Calendar = /** @class */ (function (_super) {
13634
13667
  };
13635
13668
  _this.renderAriaLiveRegion = function () {
13636
13669
  var _a;
13670
+ // Don't render aria-live message if date is invalid
13671
+ if (!isValid(_this.state.date)) {
13672
+ return (React__namespace.default.createElement("span", { role: "alert", "aria-live": "polite", className: "react-datepicker__aria-live" }));
13673
+ }
13637
13674
  var _b = getYearsPeriod(_this.state.date, (_a = _this.props.yearItemNumber) !== null && _a !== void 0 ? _a : Calendar.defaultProps.yearItemNumber), startPeriod = _b.startPeriod, endPeriod = _b.endPeriod;
13638
13675
  var ariaLiveMessage;
13639
13676
  if (_this.props.showYearPicker) {
@@ -13695,6 +13732,7 @@ var Calendar = /** @class */ (function (_super) {
13695
13732
  Calendar.prototype.componentDidUpdate = function (prevProps) {
13696
13733
  var _this = this;
13697
13734
  if (this.props.preSelection &&
13735
+ isValid(this.props.preSelection) &&
13698
13736
  (!isSameDay(this.props.preSelection, prevProps.preSelection) ||
13699
13737
  this.props.monthSelectedIn !== prevProps.monthSelectedIn)) {
13700
13738
  var hasMonthChanged_1 = !isSameMonth(this.state.date, this.props.preSelection);
@@ -13715,7 +13753,7 @@ var Calendar = /** @class */ (function (_super) {
13715
13753
  React__namespace.default.createElement("div", { style: { display: "contents" }, ref: this.containerRef },
13716
13754
  React__namespace.default.createElement(Container, { className: clsx("react-datepicker", this.props.className, {
13717
13755
  "react-datepicker--time-only": this.props.showTimeSelectOnly,
13718
- }), showTime: this.props.showTimeSelect || this.props.showTimeInput, showTimeSelectOnly: this.props.showTimeSelectOnly },
13756
+ }), showTime: this.props.showTimeSelect || this.props.showTimeInput, showTimeSelectOnly: this.props.showTimeSelectOnly, inline: this.props.inline },
13719
13757
  this.renderAriaLiveRegion(),
13720
13758
  this.renderPreviousButton(),
13721
13759
  this.renderNextButton(),
@@ -13909,6 +13947,7 @@ function withFloating(Component) {
13909
13947
  var floatingProps = useFloating(_assign({ open: !hidePopper, whileElementsMounted: autoUpdate, placement: props.popperPlacement, middleware: __spreadArray([
13910
13948
  flip({ padding: 15 }),
13911
13949
  offset(10),
13950
+ // eslint-disable-next-line react-hooks/refs -- Floating UI requires refs to be passed during render
13912
13951
  arrow({ element: arrowRef })
13913
13952
  ], ((_a = props.popperModifiers) !== null && _a !== void 0 ? _a : []), true) }, props.popperProps));
13914
13953
  var componentProps = _assign(_assign({}, props), { hidePopper: hidePopper, popperProps: _assign(_assign({}, floatingProps), { arrowRef: arrowRef }) });
@@ -15343,4 +15382,4 @@ exports.DatePickerGroup = DatePickerGroup;
15343
15382
  exports.HelperText = HelperText;
15344
15383
  exports.InlineDatePicker = InlineDatePicker;
15345
15384
  exports.ValidationText = ValidationText;
15346
- //# sourceMappingURL=InlineDatePicker-B7DTwvhv.js.map
15385
+ //# sourceMappingURL=InlineDatePicker-BlRolFAH.js.map