@jobber/components 7.1.2-MIKElock--7916eb4.2 → 7.1.2

package/dist/DatePicker-es.js

@@ -1,9 +1,9 @@
-import React__default, { cloneElement, createRef, Component, useRef, useEffect, useCallback, createElement, forwardRef, isValidElement, useState, useId } from 'react';
+import React__default, { cloneElement, Component, createRef, useRef, useCallback, useEffect, createElement, forwardRef, isValidElement, useState, useId } from 'react';
 import classnames from 'classnames';
 import { c as clsx } from './clsx-es.js';
 import { u as useFloating, m as FloatingArrow, b as useFloatingNodeId, a as useFloatingParentNodeId, e as FloatingTree, f as FloatingNode, F as FloatingPortal } from './floating-ui.react-es.js';
 import ReactDOM__default from 'react-dom';
-import { a as autoUpdate, f as flip, o as offset, b as arrow } from './floating-ui.react-dom-es.js';
+import { b as autoUpdate, f as flip, o as offset, a as arrow } from './floating-ui.react-dom-es.js';
 import { useRefocusOnActivator } from '@jobber/hooks';
 import { T as Typography } from './Typography-es.js';
 import { B as Button } from './Button-es.js';
@@ -2456,6 +2456,8 @@ const lightFormatters = {
 };
 
 const dayPeriodEnum = {
+  am: "am",
+  pm: "pm",
   midnight: "midnight",
   noon: "noon",
   morning: "morning",
@@ -6825,7 +6827,7 @@ function isWithinInterval(date, interval, options) {
  * //=> Fri Aug 22 2014 00:00:00
  */
 function subDays(date, amount, options) {
-  return addDays(date, -1, options);
+  return addDays(date, -amount, options);
 }
 
 /**
@@ -7376,7 +7378,7 @@ function subMonths(date, amount, options) {
  * //=> Sun Dec 01 2013 00:00:00
  */
 function subQuarters(date, amount, options) {
-  return addQuarters(date, -1, options);
+  return addQuarters(date, -amount, options);
 }
 
 /**
@@ -7406,7 +7408,7 @@ function subQuarters(date, amount, options) {
  * //=> Mon Aug 04 2014 00:00:00
  */
 function subWeeks(date, amount, options) {
-  return addWeeks(date, -1, options);
+  return addWeeks(date, -amount, options);
 }
 
 /**
@@ -7440,7 +7442,7 @@ function subYears(date, amount, options) {
 }
 
 /*!
-  react-datepicker v8.10.0
+  react-datepicker v8.7.0
   https://github.com/Hacker0x01/react-datepicker
   Released under the MIT License.
 */
@@ -7504,19 +7506,17 @@ 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, inline = _a.inline;
+    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 ariaLabel = showTimeSelectOnly
         ? "Choose Time"
         : "Choose Date".concat(showTime ? " and Time" : "");
-    return (React__default.createElement("div", { className: className, "aria-label": ariaLabel, role: inline ? undefined : "dialog", "aria-modal": inline ? undefined : "true" }, children));
+    return (React__default.createElement("div", { className: className, role: "dialog", "aria-label": ariaLabel, "aria-modal": "true" }, children));
 };
 
 var useDetectClickOutside = function (onClickOutside, ignoreClass) {
     var ref = useRef(null);
     var onClickOutsideRef = useRef(onClickOutside);
-    useEffect(function () {
-        onClickOutsideRef.current = onClickOutside;
-    }, [onClickOutside]);
+    onClickOutsideRef.current = onClickOutside;
     var handleClickOutside = useCallback(function (event) {
         var _a;
         var target = (event.composed &&
@@ -7602,7 +7602,10 @@ function parseDate(value, dateFormat, locale, strictParsing, refDate) {
     for (var _i = 0, formats_1 = formats; _i < formats_1.length; _i++) {
         var format_1 = formats_1[_i];
         var parsedDate = parse(value, format_1, refDate, {
-            locale: localeObject});
+            locale: localeObject,
+            useAdditionalWeekYearTokens: true,
+            useAdditionalDayOfYearTokens: true,
+        });
         if (isValid(parsedDate) &&
             (!strictParsing || value === formatDate(parsedDate, format_1, locale))) {
             return parsedDate;
@@ -8019,10 +8022,7 @@ function getQuarterShortInLocale(quarter, locale) {
  * @returns - Returns true if the day is disabled, false otherwise.
  */
 function isDayDisabled(day, _a) {
-    var _b = _a === void 0 ? {} : _a, minDate = _b.minDate, maxDate = _b.maxDate, excludeDates = _b.excludeDates, excludeDateIntervals = _b.excludeDateIntervals, includeDates = _b.includeDates, includeDateIntervals = _b.includeDateIntervals, filterDate = _b.filterDate, disabled = _b.disabled;
-    if (disabled) {
-        return true;
-    }
+    var _b = _a === void 0 ? {} : _a, minDate = _b.minDate, maxDate = _b.maxDate, excludeDates = _b.excludeDates, excludeDateIntervals = _b.excludeDateIntervals, includeDates = _b.includeDates, includeDateIntervals = _b.includeDateIntervals, filterDate = _b.filterDate;
     return (isOutOfBounds(day, { minDate: minDate, maxDate: maxDate }) ||
         (excludeDates &&
             excludeDates.some(function (excludeDate) {
@@ -8122,10 +8122,7 @@ function isMonthYearDisabled(date, _a) {
         false);
 }
 function isQuarterDisabled(quarter, _a) {
-    var _b = _a === void 0 ? {} : _a, minDate = _b.minDate, maxDate = _b.maxDate, excludeDates = _b.excludeDates, includeDates = _b.includeDates, filterDate = _b.filterDate, disabled = _b.disabled;
-    if (disabled) {
-        return true;
-    }
+    var _b = _a === void 0 ? {} : _a, minDate = _b.minDate, maxDate = _b.maxDate, excludeDates = _b.excludeDates, includeDates = _b.includeDates, filterDate = _b.filterDate;
     return (isOutOfBounds(quarter, { minDate: minDate, maxDate: maxDate }) ||
         (excludeDates === null || excludeDates === void 0 ? void 0 : excludeDates.some(function (excludeDate) {
             return isSameQuarter(quarter, excludeDate instanceof Date ? excludeDate : excludeDate.date);
@@ -8147,10 +8144,7 @@ function isYearInRange(year, start, end) {
     return startYear <= year && endYear >= year;
 }
 function isYearDisabled(year, _a) {
-    var _b = _a === void 0 ? {} : _a, minDate = _b.minDate, maxDate = _b.maxDate, excludeDates = _b.excludeDates, includeDates = _b.includeDates, filterDate = _b.filterDate, disabled = _b.disabled;
-    if (disabled) {
-        return true;
-    }
+    var _b = _a === void 0 ? {} : _a, minDate = _b.minDate, maxDate = _b.maxDate, excludeDates = _b.excludeDates, includeDates = _b.includeDates, filterDate = _b.filterDate;
     var date = new Date(year, 0, 1);
     return (isOutOfBounds(date, {
         minDate: minDate ? startOfYear(minDate) : undefined,
@@ -8222,7 +8216,6 @@ function isTimeInDisabledRange(time, _a) {
         valid = !isWithinInterval(baseTime, { start: min, end: max });
     }
     catch (err) {
-        /* istanbul ignore next - date-fns historically threw on invalid intervals */
         valid = false;
     }
     return valid;
@@ -8248,7 +8241,7 @@ function monthDisabledAfter(day, _a) {
 function quarterDisabledBefore(date, _a) {
     var _b = _a === void 0 ? {} : _a, minDate = _b.minDate, includeDates = _b.includeDates;
     var firstDateOfYear = startOfYear(date);
-    var previousQuarter = subQuarters(firstDateOfYear);
+    var previousQuarter = subQuarters(firstDateOfYear, 1);
     return ((minDate && differenceInCalendarQuarters(minDate, previousQuarter) > 0) ||
         (includeDates &&
             includeDates.every(function (includeDate) {
@@ -8741,7 +8734,6 @@ var Day = /** @class */ (function (_super) {
                 includeDateIntervals: _this.props.includeDateIntervals,
                 includeDates: _this.props.includeDates,
                 filterDate: _this.props.filterDate,
-                disabled: _this.props.disabled,
             });
         };
         _this.isExcluded = function () {
@@ -9389,7 +9381,6 @@ var Month = /** @class */ (function (_super) {
                 includeDateIntervals: _this.props.includeDateIntervals,
                 includeDates: _this.props.includeDates,
                 filterDate: _this.props.filterDate,
-                disabled: _this.props.disabled,
             });
         };
         _this.isExcluded = function (day) {
@@ -9526,12 +9517,7 @@ var Month = /** @class */ (function (_super) {
             });
         };
         _this.isSelectedQuarter = function (day, q, 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);
-            });
+            return getQuarter(day) === q && getYear(day) === getYear(selected);
         };
         _this.isMonthSelected = function () {
             var _a = _this.props, day = _a.day, selected = _a.selected, selectedDates = _a.selectedDates, selectsMultiple = _a.selectsMultiple;
@@ -9543,21 +9529,7 @@ var Month = /** @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;
@@ -9769,21 +9741,15 @@ var Month = /** @class */ (function (_super) {
                         if (!_this.props.preSelection) {
                             break;
                         }
-                        _this.handleQuarterNavigation(quarter === 1 ? 4 : quarter - 1, subQuarters(_this.props.preSelection));
+                        _this.handleQuarterNavigation(quarter === 1 ? 4 : quarter - 1, subQuarters(_this.props.preSelection, 1));
                         break;
                 }
             }
         };
         _this.isMonthDisabledForLabelDate = function (month) {
             var _a;
-            var _b = _this.props, day = _b.day, disabled = _b.disabled, minDate = _b.minDate, maxDate = _b.maxDate, excludeDates = _b.excludeDates, includeDates = _b.includeDates;
+            var _b = _this.props, day = _b.day, minDate = _b.minDate, maxDate = _b.maxDate, excludeDates = _b.excludeDates, includeDates = _b.includeDates;
             var labelDate = setMonth(day, month);
-            if (disabled) {
-                return {
-                    isDisabled: true,
-                    labelDate: setMonth(day, month),
-                };
-            }
             return {
                 isDisabled: (_a = ((minDate || maxDate || excludeDates || includeDates) &&
                     isMonthDisabled(labelDate, _this.props))) !== null && _a !== void 0 ? _a : false,
@@ -9854,24 +9820,17 @@ var Month = /** @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, 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 ||
-                includeDates ||
-                filterDate ||
-                disabled) &&
+            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;
+            var isDisabled = (minDate || maxDate || excludeDates || includeDates || filterDate) &&
                 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": selection
-                    ? _this.isSelectQuarterInList(day, q, selection)
+                "react-datepicker__quarter-text--selected": selected
+                    ? _this.isSelectedQuarter(day, q, selected)
                     : 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
@@ -9951,18 +9910,14 @@ var Month = /** @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": formattedAriaLabel, 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": "".concat(formattedAriaLabelPrefix).concat(formatDate(day, "MMMM, yyyy", this.props.locale)), 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": formattedAriaLabel, 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": "".concat(formattedAriaLabelPrefix).concat(formatDate(day, "MMMM, yyyy", this.props.locale)), role: "rowgroup" }, this.renderWeeks())));
     };
     return Month;
 }(Component));
@@ -10625,15 +10580,10 @@ var Year = /** @class */ (function (_super) {
             handleOnKeyDown && handleOnKeyDown(event);
         };
         _this.getYearClassNames = function (y) {
-            var _a = _this.props, date = _a.date, disabled = _a.disabled, minDate = _a.minDate, maxDate = _a.maxDate, excludeDates = _a.excludeDates, includeDates = _a.includeDates, filterDate = _a.filterDate, yearClassName = _a.yearClassName;
+            var _a = _this.props, date = _a.date, minDate = _a.minDate, maxDate = _a.maxDate, excludeDates = _a.excludeDates, includeDates = _a.includeDates, filterDate = _a.filterDate, yearClassName = _a.yearClassName;
             return clsx("react-datepicker__year-text", "react-datepicker__year-".concat(y), date ? yearClassName === null || yearClassName === void 0 ? void 0 : yearClassName(setYear(date, y)) : undefined, {
                 "react-datepicker__year-text--selected": _this.isSelectedYear(y),
-                "react-datepicker__year-text--disabled": (minDate ||
-                    maxDate ||
-                    excludeDates ||
-                    includeDates ||
-                    filterDate ||
-                    disabled) &&
+                "react-datepicker__year-text--disabled": (minDate || maxDate || excludeDates || includeDates || filterDate) &&
                     isYearDisabled(y, _this.props),
                 "react-datepicker__year-text--keyboard-selected": _this.isKeyboardSelected(y),
                 "react-datepicker__year-text--range-start": _this.isRangeStart(y),
@@ -11062,15 +11012,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 = [];
             if (_this.props.showWeekNumbers) {
-                dayNames.push(React__default.createElement("div", { key: "W", className: "react-datepicker__day-name ".concat(disabled ? "react-datepicker__day-name--disabled" : ""), role: "columnheader" },
+                dayNames.push(React__default.createElement("div", { key: "W", className: "react-datepicker__day-name", role: "columnheader" },
                     React__default.createElement("span", { className: "react-datepicker__sr-only" }, "Week number"),
                     React__default.createElement("span", { "aria-hidden": "true" }, _this.props.weekLabel || "#")));
             }
@@ -11080,7 +11025,7 @@ var Calendar = /** @class */ (function (_super) {
                 var weekDayClassName = _this.props.weekDayClassName
                     ? _this.props.weekDayClassName(day)
                     : undefined;
-                return (React__default.createElement("div", { key: offset, role: "columnheader", className: clsx("react-datepicker__day-name", weekDayClassName, disabled ? "react-datepicker__day-name--disabled" : "") },
+                return (React__default.createElement("div", { key: offset, role: "columnheader", className: clsx("react-datepicker__day-name", weekDayClassName) },
                     React__default.createElement("span", { className: "react-datepicker__sr-only" }, formatDate(day, "EEEE", _this.props.locale)),
                     React__default.createElement("span", { "aria-hidden": "true" }, weekDayName)));
             }));
@@ -11120,9 +11065,6 @@ var Calendar = /** @class */ (function (_super) {
             var fromMonthDate = subMonths(_this.state.date, monthSelectedIn);
             var allPrevDaysDisabled;
             switch (true) {
-                case _this.props.disabled:
-                    allPrevDaysDisabled = true;
-                    break;
                 case _this.props.showMonthYearPicker:
                     allPrevDaysDisabled = yearDisabledBefore(_this.state.date, _this.props);
                     break;
@@ -11190,9 +11132,6 @@ var Calendar = /** @class */ (function (_super) {
             }
             var allNextDaysDisabled;
             switch (true) {
-                case _this.props.disabled:
-                    allNextDaysDisabled = true;
-                    break;
                 case _this.props.showMonthYearPicker:
                     allNextDaysDisabled = yearDisabledAfter(_this.state.date, _this.props);
                     break;
@@ -11260,9 +11199,7 @@ var Calendar = /** @class */ (function (_super) {
             if (_this.props.showMonthYearDropdown) {
                 classes.push("react-datepicker__current-month--hasMonthYearDropdown");
             }
-            return (React__default.createElement("h2", { className: classes.join(" ") }, isValid(date)
-                ? formatDate(date, _this.props.dateFormat, _this.props.locale)
-                : ""));
+            return (React__default.createElement("h2", { className: classes.join(" ") }, formatDate(date, _this.props.dateFormat, _this.props.locale)));
         };
         _this.renderYearDropdown = function (overrideHide) {
             if (overrideHide === void 0) { overrideHide = false; }
@@ -11412,10 +11349,6 @@ 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) {
@@ -11477,7 +11410,6 @@ 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);
@@ -11498,7 +11430,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, inline: this.props.inline },
+                    }), showTime: this.props.showTimeSelect || this.props.showTimeInput, showTimeSelectOnly: this.props.showTimeSelectOnly },
                     this.renderAriaLiveRegion(),
                     this.renderPreviousButton(),
                     this.renderNextButton(),
@@ -11692,7 +11624,6 @@ 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 }) });
@@ -11703,7 +11634,7 @@ function withFloating(Component) {
 }
 
 // Exported for testing purposes
-var PopperComponent$1 = function (props) {
+var PopperComponent = function (props) {
     var className = props.className, wrapperClassName = props.wrapperClassName, _a = props.hidePopper, hidePopper = _a === void 0 ? true : _a, popperComponent = props.popperComponent, targetComponent = props.targetComponent, enableTabLoop = props.enableTabLoop, popperOnKeyDown = props.popperOnKeyDown, portalId = props.portalId, portalHost = props.portalHost, popperProps = props.popperProps, showArrow = props.showArrow;
     var popper = undefined;
     if (!hidePopper) {
@@ -11724,7 +11655,7 @@ var PopperComponent$1 = function (props) {
         React__default.createElement("div", { ref: popperProps.refs.setReference, className: wrapperClasses }, targetComponent),
         popper));
 };
-var PopperComponent = withFloating(PopperComponent$1);
+var PopperComponent$1 = withFloating(PopperComponent);
 
 // Compares dates year+month combinations
 function hasPreSelectionChanged(date1, date2) {
@@ -12002,11 +11933,9 @@ var DatePicker$1 = /** @class */ (function (_super) {
             }
         };
         _this.handleSelect = function (date, event, monthSelectedIn) {
-            var _a;
             if (_this.props.readOnly)
                 return;
-            var _b = _this.props, selectsRange = _b.selectsRange, startDate = _b.startDate, endDate = _b.endDate, locale = _b.locale, swapRange = _b.swapRange;
-            var dateFormat = (_a = _this.props.dateFormat) !== null && _a !== void 0 ? _a : DatePicker.defaultProps.dateFormat;
+            var _a = _this.props, selectsRange = _a.selectsRange, startDate = _a.startDate, endDate = _a.endDate, swapRange = _a.swapRange;
             var isDateSelectionComplete = !selectsRange ||
                 (startDate && !endDate && (swapRange || !isDateBefore(date, startDate)));
             if (_this.props.shouldCloseOnSelect &&
@@ -12017,11 +11946,7 @@ var DatePicker$1 = /** @class */ (function (_super) {
                 _this.sendFocusBackToInput();
             }
             if (_this.props.onChangeRaw) {
-                var formattedDate = safeDateFormat(date, {
-                    dateFormat: dateFormat,
-                    locale: locale,
-                });
-                _this.props.onChangeRaw(event, { date: date, formattedDate: formattedDate });
+                _this.props.onChangeRaw(event);
             }
             _this.setSelected(date, event, false, monthSelectedIn);
             if (_this.props.showDateSelect) {
@@ -12227,117 +12152,6 @@ var DatePicker$1 = /** @class */ (function (_super) {
             }
             (_b = (_a = _this.props).onInputClick) === null || _b === void 0 ? void 0 : _b.call(_a);
         };
-        _this.handleTimeOnlyArrowKey = function (eventKey) {
-            var _a, _b, _c, _d;
-            var currentTime = _this.props.selected || _this.state.preSelection || newDate();
-            var timeIntervals = (_a = _this.props.timeIntervals) !== null && _a !== void 0 ? _a : 30;
-            var dateFormat = (_b = _this.props.dateFormat) !== null && _b !== void 0 ? _b : DatePicker.defaultProps.dateFormat;
-            var formatStr = Array.isArray(dateFormat) ? dateFormat[0] : dateFormat;
-            var baseDate = getStartOfDay(currentTime);
-            var currentMinutes = getHours(currentTime) * 60 + getMinutes(currentTime);
-            var maxMinutes = 23 * 60 + 60 - timeIntervals; // Cap at last valid interval of the day
-            var newTime;
-            if (eventKey === KeyType.ArrowUp) {
-                var newMinutes = Math.max(0, currentMinutes - timeIntervals);
-                newTime = addMinutes(baseDate, newMinutes);
-            }
-            else {
-                var newMinutes = Math.min(maxMinutes, currentMinutes + timeIntervals);
-                newTime = addMinutes(baseDate, newMinutes);
-            }
-            var formattedTime = formatDate(newTime, formatStr || DatePicker.defaultProps.dateFormat, _this.props.locale);
-            _this.setState({
-                preSelection: newTime,
-                inputValue: formattedTime,
-            });
-            if (_this.props.selectsRange || _this.props.selectsMultiple) {
-                return;
-            }
-            var selected = _this.props.selected
-                ? _this.props.selected
-                : _this.getPreSelection();
-            var changedDate = _this.props.selected
-                ? newTime
-                : setTime(selected, {
-                    hour: getHours(newTime),
-                    minute: getMinutes(newTime),
-                });
-            (_d = (_c = _this.props).onChange) === null || _d === void 0 ? void 0 : _d.call(_c, changedDate);
-            if (_this.props.showTimeSelectOnly || _this.props.showTimeSelect) {
-                _this.setState({ isRenderAriaLiveMessage: true });
-            }
-            requestAnimationFrame(function () {
-                _this.scrollToTimeOption(newTime);
-            });
-        };
-        _this.handleTimeOnlyEnterKey = function (event) {
-            var _a, _b, _c, _d;
-            var inputElement = event.target;
-            var inputValue = inputElement.value;
-            var dateFormat = (_a = _this.props.dateFormat) !== null && _a !== void 0 ? _a : DatePicker.defaultProps.dateFormat;
-            var timeFormat = _this.props.timeFormat || "p";
-            var defaultTime = _this.state.preSelection || _this.props.selected || newDate();
-            var parsedDate = parseDate(inputValue, dateFormat, _this.props.locale, (_b = _this.props.strictParsing) !== null && _b !== void 0 ? _b : false, defaultTime);
-            var timeToCommit = defaultTime;
-            if (parsedDate && isValid(parsedDate)) {
-                timeToCommit = parsedDate;
-            }
-            else {
-                var highlightedItem = ((_c = _this.calendar) === null || _c === void 0 ? void 0 : _c.containerRef.current) instanceof Element &&
-                    _this.calendar.containerRef.current.querySelector(".react-datepicker__time-list-item[tabindex='0']");
-                if (highlightedItem instanceof HTMLElement) {
-                    var itemText = (_d = highlightedItem.textContent) === null || _d === void 0 ? void 0 : _d.trim();
-                    if (itemText) {
-                        var itemTime = parseDate(itemText, timeFormat, _this.props.locale, false, defaultTime);
-                        if (itemTime && isValid(itemTime)) {
-                            timeToCommit = itemTime;
-                        }
-                    }
-                }
-            }
-            _this.handleTimeChange(timeToCommit);
-            _this.setOpen(false);
-            _this.sendFocusBackToInput();
-        };
-        _this.scrollToTimeOption = function (time) {
-            var _a, _b;
-            if (!((_a = _this.calendar) === null || _a === void 0 ? void 0 : _a.containerRef.current)) {
-                return;
-            }
-            var container = _this.calendar.containerRef.current;
-            var timeListItems = Array.from(container.querySelectorAll(".react-datepicker__time-list-item"));
-            var targetItem = null;
-            var closestTimeDiff = Infinity;
-            var timeFormat = _this.props.timeFormat || "p";
-            for (var _i = 0, timeListItems_1 = timeListItems; _i < timeListItems_1.length; _i++) {
-                var item = timeListItems_1[_i];
-                var itemText = (_b = item.textContent) === null || _b === void 0 ? void 0 : _b.trim();
-                if (itemText) {
-                    var itemTime = parseDate(itemText, timeFormat, _this.props.locale, false, time);
-                    if (itemTime && isValid(itemTime)) {
-                        if (isSameMinute(itemTime, time)) {
-                            targetItem = item;
-                            break;
-                        }
-                        var timeDiff = Math.abs(itemTime.getTime() - time.getTime());
-                        if (timeDiff < closestTimeDiff) {
-                            closestTimeDiff = timeDiff;
-                            targetItem = item;
-                        }
-                    }
-                }
-            }
-            if (targetItem) {
-                timeListItems.forEach(function (item) {
-                    item.setAttribute("tabindex", "-1");
-                });
-                targetItem.setAttribute("tabindex", "0");
-                targetItem.scrollIntoView({
-                    behavior: "smooth",
-                    block: "center",
-                });
-            }
-        };
         _this.onInputKeyDown = function (event) {
             var _a, _b, _c, _d, _e, _f;
             (_b = (_a = _this.props).onKeyDown) === null || _b === void 0 ? void 0 : _b.call(_a, event);
@@ -12352,18 +12166,6 @@ var DatePicker$1 = /** @class */ (function (_super) {
                 }
                 return;
             }
-            if (_this.state.open && _this.props.showTimeSelectOnly) {
-                if (eventKey === KeyType.ArrowDown || eventKey === KeyType.ArrowUp) {
-                    event.preventDefault();
-                    _this.handleTimeOnlyArrowKey(eventKey);
-                    return;
-                }
-                if (eventKey === KeyType.Enter) {
-                    event.preventDefault();
-                    _this.handleTimeOnlyEnterKey(event);
-                    return;
-                }
-            }
             // if calendar is open, these keys will focus the selected item
             if (_this.state.open) {
                 if (eventKey === KeyType.ArrowDown || eventKey === KeyType.ArrowUp) {
@@ -12444,11 +12246,11 @@ var DatePicker$1 = /** @class */ (function (_super) {
                         break;
                     case KeyType.ArrowLeft:
                         newCalculatedDate = showWeekPicker
-                            ? subWeeks(date)
-                            : subDays(date);
+                            ? subWeeks(date, 1)
+                            : subDays(date, 1);
                         break;
                     case KeyType.ArrowUp:
-                        newCalculatedDate = subWeeks(date);
+                        newCalculatedDate = subWeeks(date, 1);
                         break;
                     case KeyType.ArrowDown:
                         newCalculatedDate = addWeeks(date, 1);
@@ -12554,12 +12356,20 @@ var DatePicker$1 = /** @class */ (function (_super) {
                 _this.setSelected(newSelection);
             }
             _this.setPreSelection(newSelection);
-            // In inline mode, always set shouldFocusDayInline to true when navigating via keyboard.
-            // This ensures focus is properly transferred to the new day element regardless of
-            // whether the month changed. The user initiated this navigation from a focused day,
-            // so we should always focus the destination day.
+            // need to figure out whether month has changed to focus day in inline version
             if (inline) {
-                _this.setState({ shouldFocusDayInline: true });
+                var prevMonth = getMonth(copy);
+                var newMonth = getMonth(newSelection);
+                var prevYear = getYear(copy);
+                var newYear = getYear(newSelection);
+                if (prevMonth !== newMonth || prevYear !== newYear) {
+                    // month has changed
+                    _this.setState({ shouldFocusDayInline: true });
+                }
+                else {
+                    // month hasn't changed
+                    _this.setState({ shouldFocusDayInline: false });
+                }
             }
         };
         // handle generic key down events in the popper that do not adjust or select dates
@@ -12661,31 +12471,39 @@ var DatePicker$1 = /** @class */ (function (_super) {
         };
         _this.renderDateInput = function () {
             var _a, _b;
-            var _c, _d, _e, _f;
             var className = clsx(_this.props.className, (_a = {},
                 _a[_this.props.outsideClickIgnoreClass ||
                     DatePicker.defaultProps.outsideClickIgnoreClass] = _this.state.open,
                 _a));
             var customInput = _this.props.customInput || React__default.createElement("input", { type: "text" });
             var customInputRef = _this.props.customInputRef || "ref";
-            // Build aria props object, only including defined values to avoid
-            // overwriting aria attributes that may be set on the custom input
-            var ariaProps = {};
-            var ariaDescribedBy = (_c = _this.props["aria-describedby"]) !== null && _c !== void 0 ? _c : _this.props.ariaDescribedBy;
-            var ariaInvalid = (_d = _this.props["aria-invalid"]) !== null && _d !== void 0 ? _d : _this.props.ariaInvalid;
-            var ariaLabelledBy = (_e = _this.props["aria-labelledby"]) !== null && _e !== void 0 ? _e : _this.props.ariaLabelledBy;
-            var ariaRequired = (_f = _this.props["aria-required"]) !== null && _f !== void 0 ? _f : _this.props.ariaRequired;
-            if (ariaDescribedBy != null)
-                ariaProps["aria-describedby"] = ariaDescribedBy;
-            if (ariaInvalid != null)
-                ariaProps["aria-invalid"] = ariaInvalid;
-            if (ariaLabelledBy != null)
-                ariaProps["aria-labelledby"] = ariaLabelledBy;
-            if (ariaRequired != null)
-                ariaProps["aria-required"] = ariaRequired;
-            return cloneElement(customInput, _assign((_b = {}, _b[customInputRef] = function (input) {
-                _this.input = input;
-            }, _b.value = _this.getInputValue(), _b.onBlur = _this.handleBlur, _b.onChange = _this.handleChange, _b.onClick = _this.onInputClick, _b.onFocus = _this.handleFocus, _b.onKeyDown = _this.onInputKeyDown, _b.id = _this.props.id, _b.name = _this.props.name, _b.form = _this.props.form, _b.autoFocus = _this.props.autoFocus, _b.placeholder = _this.props.placeholderText, _b.disabled = _this.props.disabled, _b.autoComplete = _this.props.autoComplete, _b.className = clsx(customInput.props.className, className), _b.title = _this.props.title, _b.readOnly = _this.props.readOnly, _b.required = _this.props.required, _b.tabIndex = _this.props.tabIndex, _b), ariaProps));
+            return cloneElement(customInput, (_b = {},
+                _b[customInputRef] = function (input) {
+                    _this.input = input;
+                },
+                _b.value = _this.getInputValue(),
+                _b.onBlur = _this.handleBlur,
+                _b.onChange = _this.handleChange,
+                _b.onClick = _this.onInputClick,
+                _b.onFocus = _this.handleFocus,
+                _b.onKeyDown = _this.onInputKeyDown,
+                _b.id = _this.props.id,
+                _b.name = _this.props.name,
+                _b.form = _this.props.form,
+                _b.autoFocus = _this.props.autoFocus,
+                _b.placeholder = _this.props.placeholderText,
+                _b.disabled = _this.props.disabled,
+                _b.autoComplete = _this.props.autoComplete,
+                _b.className = clsx(customInput.props.className, className),
+                _b.title = _this.props.title,
+                _b.readOnly = _this.props.readOnly,
+                _b.required = _this.props.required,
+                _b.tabIndex = _this.props.tabIndex,
+                _b["aria-describedby"] = _this.props.ariaDescribedBy,
+                _b["aria-invalid"] = _this.props.ariaInvalid,
+                _b["aria-labelledby"] = _this.props.ariaLabelledBy,
+                _b["aria-required"] = _this.props.ariaRequired,
+                _b));
         };
         _this.renderClearButton = function () {
             var _a = _this.props, isClearable = _a.isClearable, disabled = _a.disabled, selected = _a.selected, startDate = _a.startDate, endDate = _a.endDate, clearButtonTitle = _a.clearButtonTitle, _b = _a.clearButtonClassName, clearButtonClassName = _b === void 0 ? "" : _b, _c = _a.ariaLabelClose, ariaLabelClose = _c === void 0 ? "Close" : _c, selectedDates = _a.selectedDates, readOnly = _a.readOnly;
@@ -12773,9 +12591,6 @@ var DatePicker$1 = /** @class */ (function (_super) {
             prevProps.monthsShown !== this.props.monthsShown) {
             this.setState({ monthSelectedIn: 0 });
         }
-        if (this.props.selectsRange && this.state.monthSelectedIn !== 0) {
-            this.setState({ monthSelectedIn: 0 });
-        }
         if (prevProps.highlightDates !== this.props.highlightDates) {
             this.setState({
                 highlightDates: getHighLightDaysMap(this.props.highlightDates),
@@ -12829,14 +12644,14 @@ var DatePicker$1 = /** @class */ (function (_super) {
                 this.renderInputContainer(),
                 portalContainer));
         }
-        return (React__default.createElement(PopperComponent, _assign({}, this.props, { className: this.props.popperClassName, hidePopper: !this.isCalendarOpen(), targetComponent: this.renderInputContainer(), popperComponent: calendar, popperOnKeyDown: this.onPopperKeyDown, showArrow: this.props.showPopperArrow })));
+        return (React__default.createElement(PopperComponent$1, _assign({}, this.props, { className: this.props.popperClassName, hidePopper: !this.isCalendarOpen(), targetComponent: this.renderInputContainer(), popperComponent: calendar, popperOnKeyDown: this.onPopperKeyDown, showArrow: this.props.showPopperArrow })));
     };
     return DatePicker;
 }(Component));
 var PRESELECT_CHANGE_VIA_INPUT = "input";
 var PRESELECT_CHANGE_VIA_NAVIGATE = "navigate";
 
-var styles = {"datePickerWrapper":"OmFI-Bfdzgw-","fullWidth":"HWDFy10kcYA-","datePicker":"Ma55F5Y-XhE-","inline":"_58kEbTu-IAA-","portalContainer":"LDxKi0E-1rg-","header":"Epg-Ub8Dn9A-","month":"Wx3NP8La95k-"};
+var styles = {"datePickerWrapper":"OmFI-Bfdzgw-","fullWidth":"HWDFy10kcYA-","datePicker":"Ma55F5Y-XhE-","inline":"_58kEbTu-IAA-","portalContainer":"LDxKi0E-1rg-","header":"Epg-Ub8Dn9A-","month":"Wx3NP8La95k-","spinning":"o0JLwNATy-M-"};
 
 function DatePickerCustomHeader({ monthDate, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, }) {
     return (React__default.createElement("div", { className: styles.header },