@stenajs-webui/calendar 17.6.0 → 17.7.0

package/dist/index.js

@@ -1,2149 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var elements = require('@stenajs-webui/elements');
-var core = require('@stenajs-webui/core');
-var dateFns = require('date-fns');
-var lodash = require('lodash');
-var styled = require('@emotion/styled');
-var faAngleDoubleLeft = require('@fortawesome/free-solid-svg-icons/faAngleDoubleLeft');
-var faAngleDoubleRight = require('@fortawesome/free-solid-svg-icons/faAngleDoubleRight');
-var faCaretLeft = require('@fortawesome/free-solid-svg-icons/faCaretLeft');
-var faCaretRight = require('@fortawesome/free-solid-svg-icons/faCaretRight');
-var forms = require('@stenajs-webui/forms');
-var tooltip = require('@stenajs-webui/tooltip');
-var theme = require('@stenajs-webui/theme');
-var faLongArrowAltRight = require('@fortawesome/free-solid-svg-icons/faLongArrowAltRight');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n["default"] = e;
-    return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __spreadArray(to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-}
-
-var DateFormats = {
-    yearAndMonth: "yyyy-MM",
-    fullDate: "yyyy-MM-dd",
-    fullMonthName: "LLLL",
-    fullDateAndTime: "yyyy-MM-dd HH:mm",
-    fullDateAndTimeSystem: "yyyy-MM-ddTHH:MM",
-    weekDayName: "EEEE",
-    weekDayNameShort: "EEE",
-    dateAndMonth: "d MMM",
-    monthAndDate: "MMM do", // Jan 2nd
-};
-
-var buildDayStateForDateRange = function (statePerMonth, start, end) {
-    if (statePerMonth === void 0) { statePerMonth = {}; }
-    if (start && end && dateFns.isAfter(end, start)) {
-        return dateFns.eachDayOfInterval({ start: start, end: end }).reduce(function (result, date) {
-            var isFirstInRange = dateFns.isSameDay(date, start);
-            var isLastInRange = dateFns.isSameDay(date, end);
-            var highlights = isFirstInRange
-                ? ["selected", "selectedStart", "range"]
-                : isLastInRange
-                    ? ["selected", "selectedEnd", "range"]
-                    : ["range"];
-            return addDayStateHighlights(result, date, highlights);
-        }, statePerMonth);
-    }
-    var state = statePerMonth;
-    if (start) {
-        state = addDayStateHighlights(state, start, ["selected", "singleSelected"]);
-    }
-    if (end) {
-        state = addDayStateHighlights(state, end, ["selected", "singleSelected"]);
-    }
-    return state;
-};
-var buildDayStateForSingleMonth = function (statePerMonth, start, end, dateInFocus) {
-    if (statePerMonth === void 0) { statePerMonth = {}; }
-    return buildDayStateForRange(statePerMonth, start, end, dateFns.startOfMonth(dateInFocus), dateFns.endOfMonth(dateInFocus));
-};
-var buildDayStateForRange = function (statePerMonth, start, end, startLimit, endLimit) {
-    if (statePerMonth === void 0) { statePerMonth = {}; }
-    if (start && end) {
-        return buildDayStateForDateRange(statePerMonth, dateFns.max([start, dateFns.subDays(startLimit, 1)]), dateFns.min([end, dateFns.addDays(endLimit, 1)]));
-    }
-    else {
-        return buildDayStateForDateRange(statePerMonth, start, end);
-    }
-};
-var setDayStateValue = function (state, date, values) {
-    var _a, _b, _c;
-    var monthString = dateFns.format(date, DateFormats.yearAndMonth);
-    var weekNumber = dateFns.getISOWeek(date);
-    var dayInMonth = dateFns.getDate(date);
-    return __assign(__assign({}, state), (_a = {}, _a[monthString] = __assign(__assign({}, (state && state[monthString])), (_b = {}, _b[weekNumber] = __assign(__assign({}, (state && state[monthString] && state[monthString][weekNumber])), (_c = {}, _c[dayInMonth] = __assign(__assign({}, (state &&
-        state[monthString] &&
-        state[monthString][weekNumber] &&
-        state[monthString][weekNumber][dayInMonth])), values), _c)), _b)), _a));
-};
-var setDayStateValueFunction = function (state, date, setter) {
-    var _a, _b, _c;
-    var monthString = dateFns.format(date, DateFormats.yearAndMonth);
-    var weekNumber = dateFns.getISOWeek(date);
-    var dayInMonth = dateFns.getDate(date);
-    return __assign(__assign({}, state), (_a = {}, _a[monthString] = __assign(__assign({}, (state && state[monthString])), (_b = {}, _b[weekNumber] = __assign(__assign({}, (state && state[monthString] && state[monthString][weekNumber])), (_c = {}, _c[dayInMonth] = __assign(__assign({}, (state &&
-        state[monthString] &&
-        state[monthString][weekNumber] &&
-        state[monthString][weekNumber][dayInMonth])), setter(state &&
-        state[monthString] &&
-        state[monthString][weekNumber] &&
-        state[monthString][weekNumber][dayInMonth])), _c)), _b)), _a));
-};
-var addDayStateHighlights = function (calendarState, date, highlights) {
-    var _a, _b, _c;
-    var month = date.getMonth() + 1;
-    var monthString = "".concat(date.getFullYear(), "-").concat(month < 10 ? "0" : "").concat(month);
-    var weekNumber = dateFns.getISOWeek(date);
-    var dayInMonth = dateFns.getDate(date);
-    var dayState = calendarState &&
-        calendarState[monthString] &&
-        calendarState[monthString][weekNumber] &&
-        calendarState[monthString][weekNumber][dayInMonth];
-    return __assign(__assign({}, calendarState), (_a = {}, _a[monthString] = __assign(__assign({}, (calendarState && calendarState[monthString])), (_b = {}, _b[weekNumber] = __assign(__assign({}, (calendarState &&
-        calendarState[monthString] &&
-        calendarState[monthString][weekNumber])), (_c = {}, _c[dayInMonth] = addDayStateHighlightsOnSingleDay(dayState, highlights), _c)), _b)), _a));
-};
-var addDayStateHighlightsOnSingleDay = function (dayState, highlights) {
-    var _a;
-    return __assign(__assign({}, dayState), { highlights: __spreadArray(__spreadArray([], ((_a = dayState === null || dayState === void 0 ? void 0 : dayState.highlights) !== null && _a !== void 0 ? _a : []), true), highlights, true) });
-};
-var addWeekStateHighlights = function (calendarState, week, highlights) {
-    var _a, _b;
-    var date = week.days[0].date;
-    var month = date.getMonth() + 1;
-    var monthString = "".concat(date.getFullYear(), "-").concat(month < 10 ? "0" : "").concat(month);
-    var weekNumber = week.weekNumber;
-    var state = calendarState;
-    week.days.forEach(function (day) {
-        state = addDayStateHighlights(state, day.date, highlights);
-    });
-    var weekState = state && state[monthString] ? state[monthString][weekNumber] : undefined;
-    var newHighlights = weekState && weekState.highlights
-        ? __spreadArray(__spreadArray([], weekState.highlights, true), highlights, true) : highlights;
-    var newWeekState = __assign(__assign({}, weekState), { highlights: newHighlights });
-    return __assign(__assign({}, state), (_a = {}, _a[monthString] = __assign(__assign({}, (calendarState && calendarState[monthString])), (_b = {}, _b[weekNumber] = newWeekState, _b)), _a));
-};
-var addWeekRangeHighlights = function (calendarState, week) {
-    var _a;
-    if (!week.days.length) {
-        return __assign({}, calendarState);
-    }
-    var startDate = week.days[0].date;
-    var endDate = (_a = lodash.last(week.days)) === null || _a === void 0 ? void 0 : _a.date;
-    return __assign({}, buildDayStateForDateRange(calendarState, startDate, endDate));
-};
-
-var useHighlightToday = function (enabled, statePerMonth) {
-    return React.useMemo(function () {
-        return enabled
-            ? addDayStateHighlights(statePerMonth, new Date(), ["today"])
-            : statePerMonth;
-    }, [enabled, statePerMonth]);
-};
-
-exports.Month = void 0;
-(function (Month) {
-    Month[Month["JANUARY"] = 0] = "JANUARY";
-    Month[Month["FEBRUARY"] = 1] = "FEBRUARY";
-    Month[Month["MARCH"] = 2] = "MARCH";
-    Month[Month["APRIL"] = 3] = "APRIL";
-    Month[Month["MAY"] = 4] = "MAY";
-    Month[Month["JUNE"] = 5] = "JUNE";
-    Month[Month["JULY"] = 6] = "JULY";
-    Month[Month["AUGUST"] = 7] = "AUGUST";
-    Month[Month["SEPTEMBER"] = 8] = "SEPTEMBER";
-    Month[Month["OCTOBER"] = 9] = "OCTOBER";
-    Month[Month["NOVEMBER"] = 10] = "NOVEMBER";
-    Month[Month["DECEMBER"] = 11] = "DECEMBER";
-})(exports.Month || (exports.Month = {}));
-exports.WeekDay = void 0;
-(function (WeekDay) {
-    WeekDay[WeekDay["SUNDAY"] = 0] = "SUNDAY";
-    WeekDay[WeekDay["MONDAY"] = 1] = "MONDAY";
-    WeekDay[WeekDay["TUESDAY"] = 2] = "TUESDAY";
-    WeekDay[WeekDay["WEDNESDAY"] = 3] = "WEDNESDAY";
-    WeekDay[WeekDay["THURSDAY"] = 4] = "THURSDAY";
-    WeekDay[WeekDay["FRIDAY"] = 5] = "FRIDAY";
-    WeekDay[WeekDay["SATURDAY"] = 6] = "SATURDAY";
-})(exports.WeekDay || (exports.WeekDay = {}));
-var getMonthsInYear = function (year, startMonth, numMonths) {
-    var months = [];
-    for (var i = 0; i < numMonths; i++) {
-        months.push(getMonthInYear(year, startMonth + i));
-    }
-    return months;
-};
-var getMonthInYear = function (year, month) {
-    var yearToUse = year + Math.floor(month / 12);
-    var monthToUse = month % 12;
-    var firstDayOfMonth = new Date(yearToUse, monthToUse, 1);
-    return {
-        monthString: dateFns.format(firstDayOfMonth, DateFormats.yearAndMonth),
-        name: dateFns.format(firstDayOfMonth, DateFormats.fullMonthName),
-        year: yearToUse,
-        monthInYear: monthToUse,
-        weeks: getWeeksForMonth(yearToUse, monthToUse),
-    };
-};
-var getWeeksForMonth = function (year, month, forceSixWeeks) {
-    if (forceSixWeeks === void 0) { forceSixWeeks = true; }
-    var firstDayOfMonth = new Date(year, month, 1);
-    var firstDayOfFirstWeek = dateFns.startOfISOWeek(firstDayOfMonth);
-    var weeks = [];
-    for (var i = 0; i < 6; i++) {
-        var week = getWeekForDate(dateFns.addWeeks(firstDayOfFirstWeek, i));
-        if (i > 0 && week.startMonth !== month && !forceSixWeeks) {
-            return weeks;
-        }
-        weeks.push(week);
-    }
-    return weeks;
-};
-var getWeekForDate = function (firstDayOfWeek) {
-    var isLastWeekOfMonth = dateFns.getMonth(dateFns.addDays(firstDayOfWeek, 7)) !== dateFns.getMonth(firstDayOfWeek);
-    return {
-        weekNumber: dateFns.getISOWeek(firstDayOfWeek),
-        startMonth: dateFns.getMonth(firstDayOfWeek),
-        startYear: dateFns.getYear(firstDayOfWeek),
-        endMonth: dateFns.getMonth(dateFns.addDays(firstDayOfWeek, 6)),
-        endYear: dateFns.getYear(dateFns.addDays(firstDayOfWeek, 6)),
-        days: getDaysForWeekForDate(firstDayOfWeek),
-        isLastWeekOfMonth: isLastWeekOfMonth,
-    };
-};
-var createDay = function (date) {
-    var dayOfWeek = dateFns.getISODay(date);
-    return {
-        date: date,
-        name: dateFns.format(date, "EEE"),
-        dateString: dateFns.format(dateFns.addHours(date, 12), DateFormats.fullDate),
-        weekNumber: dateFns.getISOWeek(date),
-        year: dateFns.getYear(date),
-        month: dateFns.getMonth(date),
-        dayOfMonth: dateFns.getDate(date),
-        dayOfWeek: dayOfWeek,
-        isFirstDayOfWeek: dayOfWeek === 1,
-        isLastDayOfWeek: dayOfWeek === 7,
-        isFirstDayOfMonth: dateFns.isSameDay(dateFns.startOfMonth(date), date),
-        isLastDayOfMonth: dateFns.isSameDay(dateFns.endOfMonth(date), date),
-    };
-};
-var getDaysForWeekForDate = function (firstDayOfWeek) {
-    return dateFns.eachDayOfInterval({
-        start: firstDayOfWeek,
-        end: dateFns.addDays(firstDayOfWeek, 6),
-    }).map(createDay);
-};
-var getStartDateOfISOWeek = function (weekNumber, year) {
-    var simple = new Date(year, 0, 1 + (weekNumber - 1) * 7);
-    var dayOfWeek = simple.getDay();
-    var isoWeekStart = simple;
-    if (dayOfWeek <= 4) {
-        isoWeekStart.setDate(simple.getDate() - simple.getDay() + 1);
-    }
-    else {
-        isoWeekStart.setDate(simple.getDate() + 8 - simple.getDay());
-    }
-    return isoWeekStart;
-};
-var calculateOverflowingMonth = function (year, month) {
-    if (month > exports.Month.DECEMBER) {
-        return { year: year + Math.floor(month / 12), month: month % 12 };
-    }
-    if (month < exports.Month.JANUARY) {
-        return { year: year + Math.floor(month / 12), month: 12 + (month % 12) };
-    }
-    return { year: year, month: month };
-};
-
-var dayHasHighlight = function (dayState, defaultHighlights, highlight) {
-    if (defaultHighlights && defaultHighlights.indexOf(highlight) >= 0) {
-        return true;
-    }
-    if (dayState &&
-        dayState.highlights &&
-        dayState.highlights.indexOf(highlight) >= 0) {
-        return true;
-    }
-    return false;
-};
-var dayHighlightSelect = function (dayState, defaultHighlights, highlightsOrBoolean, returnValues, fallbackValue) {
-    if (highlightsOrBoolean.length !== returnValues.length) {
-        throw new Error("Select highlight failed, number of values do not equal number of highlights.");
-    }
-    if (highlightsOrBoolean.length === 0) {
-        return fallbackValue;
-    }
-    for (var i = 0; i < highlightsOrBoolean.length; i++) {
-        if (typeof highlightsOrBoolean[i] === "boolean" && highlightsOrBoolean[i]) {
-            return returnValues[i];
-        }
-        if (typeof highlightsOrBoolean[i] === "string" &&
-            dayHasHighlight(dayState, defaultHighlights, highlightsOrBoolean[i])) {
-            return returnValues[i];
-        }
-    }
-    return fallbackValue;
-};
-
-var defaultWrapperStyleProvider = function (_a) {
-    var selectedBackground = _a.selectedBackground, todayBackground = _a.todayBackground, rangeBackground = _a.rangeBackground, _b = _a.borderColor, borderColor = _b === void 0 ? "transparent" : _b;
-    return function (defaultHighlights, dayState, day, _, month) {
-        var style = {};
-        var backgroundColor = dayHighlightSelect(dayState, defaultHighlights, ["selected", "range", "today", day.month === month.monthInYear], [selectedBackground, rangeBackground, todayBackground, "#fff"], "transparent");
-        return __assign(__assign({}, style), { backgroundColor: backgroundColor, borderTopLeftRadius: dayHighlightSelect(dayState, defaultHighlights, ["selectedStart", "singleSelected"], [
-                "var(--swui-calendar-day-border-radius)",
-                "var(--swui-calendar-day-border-radius)",
-            ], borderColor), borderBottomLeftRadius: dayHighlightSelect(dayState, defaultHighlights, ["selectedStart", "singleSelected"], [
-                "var(--swui-calendar-day-border-radius)",
-                "var(--swui-calendar-day-border-radius)",
-            ], borderColor), borderTopRightRadius: dayHighlightSelect(dayState, defaultHighlights, ["selectedEnd", "singleSelected"], [
-                "var(--swui-calendar-day-border-radius)",
-                "var(--swui-calendar-day-border-radius)",
-            ], borderColor), borderBottomRightRadius: dayHighlightSelect(dayState, defaultHighlights, ["selectedEnd", "singleSelected"], [
-                "var(--swui-calendar-day-border-radius)",
-                "var(--swui-calendar-day-border-radius)",
-            ], borderColor), boxSizing: "border-box" });
-    };
-};
-var defaultTextPropsProvider = function (_a) {
-    var selectedColor = _a.selectedColor, disabledColor = _a.disabledColor, inOtherMonthColor = _a.inOtherMonthColor, rangeTextColor = _a.rangeTextColor;
-    return function (defaultHighlights, dayState, day, _, month) {
-        var isOtherMonth = day.month !== month.monthInYear;
-        var color = dayHighlightSelect(dayState, defaultHighlights, [isOtherMonth, "selected", "range", "enabled", "disabled"], [
-            inOtherMonthColor,
-            selectedColor,
-            rangeTextColor,
-            undefined,
-            disabledColor,
-        ]);
-        return {
-            color: color,
-        };
-    };
-};
-var defaultCalendarTheme = {
-    width: "var(--swui-calendar-day-width)",
-    height: "var(--swui-calendar-day-height)",
-    WeekNumber: {
-        backgroundColor: "var(--swui-calendar-week-number-bg-color)",
-        textColor: "var(--swui-calendar-week-number-text-color)",
-        clickableTextColor: "var(--swui-calendar-week-number-clickable-text-color)",
-        show: true,
-    },
-    WeekDay: {
-        textColor: "var(--swui-calendar-week-day-text-color)",
-        clickableTextColor: "var(--swui-calendar-week-day-clickable-text-color)",
-    },
-    CalendarDay: {
-        tdStyle: defaultWrapperStyleProvider({
-            selectedBackground: "var(--swui-calendar-wrapper-selected-background)",
-            rangeBackground: "var(--swui-calendar-wrapper-range-background)",
-            todayBackground: "var(--swui-calendar-wrapper-today-background)",
-        }),
-        textProps: defaultTextPropsProvider({
-            selectedColor: "var(--swui-calendar-text-selected-color)",
-            disabledColor: "var(--swui-calendar-text-disabled-color)",
-            inOtherMonthColor: "var(--swui-calendar-text-in-other-month-color)",
-        }),
-    },
-    CalendarMonth: {
-        headerTextColor: "var(--swui-calendar-week-day-text-color)",
-    },
-};
-var extranetCalendarTheme = __assign(__assign({}, defaultCalendarTheme), { width: "37px", height: "37px" });
-
-var isDateInMinMaxRange = function (date, min, max) {
-    if (min && dateFns.isBefore(date, min)) {
-        return dateFns.isSameDay(date, min);
-    }
-    if (max && dateFns.isAfter(date, max)) {
-        return dateFns.isSameDay(date, max);
-    }
-    return true;
-};
-
-var DisabledDayWrapper = function DisabledDayWrapper(_a) {
-    var DayComponent = _a.dayComponent, minDate = _a.minDate, maxDate = _a.maxDate, dayState = _a.dayState, day = _a.day, props = __rest(_a, ["dayComponent", "minDate", "maxDate", "dayState", "day"]);
-    var activeDayState = React.useMemo(function () {
-        return !isDateInMinMaxRange(day.date, minDate, maxDate)
-            ? addDayStateHighlightsOnSingleDay(dayState, ["disabled"])
-            : dayState;
-    }, [day.date, dayState, maxDate, minDate]);
-    return React__namespace.createElement(DayComponent, __assign({ day: day }, props, { dayState: activeDayState }));
-};
-
-var WeekNumberCell = function (_a) {
-    var onClickWeek = _a.onClickWeek, theme = _a.theme, week = _a.week, background = _a.background, backgroundColor = _a.backgroundColor, prefix = _a.prefix;
-    var content = (React__namespace.createElement(core.Box, { width: theme.width, height: theme.height, justifyContent: "center", alignItems: "center" },
-        background && React__namespace.createElement(core.Box, { position: "absolute" }, background),
-        React__namespace.createElement(core.Box, { position: "absolute" },
-            React__namespace.createElement(core.Text, { color: onClickWeek
-                    ? theme.WeekNumber.clickableTextColor
-                    : theme.WeekNumber.textColor },
-                prefix,
-                week.weekNumber))));
-    return (React__namespace.createElement(core.Box, { background: backgroundColor || theme.WeekNumber.backgroundColor, position: "relative" }, onClickWeek ? (React__namespace.createElement(core.Clickable, { borderRadius: "var(--swui-calendar-day-border-radius)", onClick: function (ev) { return onClickWeek(week, ev); }, disableFocusHighlight: !onClickWeek }, content)) : (content)));
-};
-
-function CalendarWeek(_a) {
-    var week = _a.week, month = _a.month, dayComponent = _a.dayComponent, statePerWeekDay = _a.statePerWeekDay, userDataPerWeekDay = _a.userDataPerWeekDay, minDate = _a.minDate, maxDate = _a.maxDate, onClickWeek = _a.onClickWeek, onClickDay = _a.onClickDay, theme = _a.theme, renderWeekNumber = _a.renderWeekNumber, extraDayContent = _a.extraDayContent, defaultHighlights = _a.defaultHighlights;
-    return (React__namespace.createElement("tr", { key: week.weekNumber },
-        theme.WeekNumber.show && (React__namespace.createElement("td", null, renderWeekNumber ? (renderWeekNumber(week, theme, onClickWeek)) : (React__namespace.createElement(WeekNumberCell, { week: week, onClickWeek: onClickWeek, theme: theme })))),
-        week.days.map(function (day) { return (React__namespace.createElement(DisabledDayWrapper, { dayComponent: dayComponent, key: day.dateString, day: day, week: week, month: month, dayState: statePerWeekDay && statePerWeekDay[day.dayOfMonth], userData: userDataPerWeekDay && userDataPerWeekDay[day.dayOfMonth], onClickDay: onClickDay, theme: theme, extraDayContent: extraDayContent, defaultHighlights: defaultHighlights, minDate: minDate, maxDate: maxDate })); })));
-}
-
-var WeekDayCell = function (_a) {
-    var onClickWeekDay = _a.onClickWeekDay, day = _a.day, theme = _a.theme;
-    var content = (React__namespace.createElement(core.Box, { width: theme.width, height: theme.height, justifyContent: "center", alignItems: "center" },
-        React__namespace.createElement(core.Text, { size: "small", color: onClickWeekDay
-                ? theme.WeekDay.clickableTextColor
-                : theme.WeekDay.textColor }, day.name)));
-    if (onClickWeekDay) {
-        return (React__namespace.createElement(core.Clickable, { borderRadius: "var(--swui-calendar-day-border-radius)", onClick: function (ev) { return onClickWeekDay(day.dayOfWeek, ev); }, disableFocusHighlight: !onClickWeekDay }, content));
-    }
-    return content;
-};
-
-var CalendarDay = function CalendarDay(_a) {
-    var day = _a.day, week = _a.week, month = _a.month, dayState = _a.dayState, userData = _a.userData, onClickDay = _a.onClickDay, theme = _a.theme, ExtraDayContent = _a.extraDayContent, defaultHighlights = _a.defaultHighlights;
-    var content = (React__namespace.createElement(core.Box, { width: "100%", height: "100%", justifyContent: "center", alignItems: "center" },
-        React__namespace.createElement(core.Text, __assign({}, (theme.CalendarDay.textProps &&
-            theme.CalendarDay.textProps(defaultHighlights, dayState, day, week, month, userData))), day.dayOfMonth)));
-    var WrapperTd = styled__default["default"].td(__assign({}, (theme.CalendarDay.tdStyle &&
-        theme.CalendarDay.tdStyle(defaultHighlights, dayState, day, week, month, userData))));
-    var InnerWrapperDiv = styled__default["default"].div(__assign(__assign({}, (theme.CalendarDay.innerWrapperStyle &&
-        theme.CalendarDay.innerWrapperStyle(defaultHighlights, dayState, day, week, month, userData))), { width: "100%", height: "100%" }));
-    var CellWrapperDiv = styled__default["default"].div(__assign(__assign({}, (theme.CalendarDay.cellWrapperStyle &&
-        theme.CalendarDay.cellWrapperStyle(defaultHighlights, dayState, day, week, month, userData))), { width: "100%", height: "100%", position: "relative" }));
-    return (React__namespace.createElement(WrapperTd, null,
-        React__namespace.createElement(InnerWrapperDiv, null,
-            React__namespace.createElement(CellWrapperDiv, null, day.month === month.monthInYear && (React__namespace.createElement(React__namespace.Fragment, null,
-                ExtraDayContent && (React__namespace.createElement(ExtraDayContent, { week: week, month: month, day: day, dayState: dayState, theme: theme, userData: userData })),
-                onClickDay && isClickable(defaultHighlights, dayState) ? (React__namespace.createElement(core.Clickable, { onClick: function (ev) { return onClickDay(day, userData, ev); }, style: { width: "100%", height: "100%" }, borderRadius: "var(--swui-calendar-day-border-radius)" }, content)) : (React__namespace.createElement(React__namespace.Fragment, null, content))))))));
-};
-var isClickable = function (defaultHighlights, dayState) {
-    return !!dayHighlightSelect(dayState, defaultHighlights, ["enabled", "disabled"], [true, false], true);
-};
-
-function CalendarMonth(_a) {
-    var month = _a.month, _b = _a.dayComponent, dayComponent = _b === void 0 ? CalendarDay : _b, statePerWeek = _a.statePerWeek, userDataPerWeek = _a.userDataPerWeek, minDate = _a.minDate, maxDate = _a.maxDate, onClickDay = _a.onClickDay, onClickWeek = _a.onClickWeek, onClickWeekDay = _a.onClickWeekDay, onClickMonth = _a.onClickMonth, onClickYear = _a.onClickYear, renderWeekNumber = _a.renderWeekNumber, renderWeekDay = _a.renderWeekDay, headerLeftContent = _a.headerLeftContent, headerRightContent = _a.headerRightContent, _c = _a.theme, theme = _c === void 0 ? defaultCalendarTheme : _c, extraDayContent = _a.extraDayContent, defaultHighlights = _a.defaultHighlights;
-    var showWeekNumber = theme.WeekNumber.show;
-    return (React__namespace.createElement(React__namespace.Fragment, null,
-        React__namespace.createElement(core.Box, { alignItems: "stretch" },
-            React__namespace.createElement(core.Row, { justifyContent: "space-between", alignItems: "center", height: "32px" },
-                React__namespace.createElement(core.Box, { alignItems: "center" }, headerLeftContent),
-                React__namespace.createElement(core.Row, { alignItems: "center" },
-                    React__namespace.createElement(core.Row, { width: "104px", justifyContent: "center" }, onClickMonth ? (React__namespace.createElement(elements.FlatButton, { onClick: function () { return onClickMonth(month); }, label: month.name })) : (React__namespace.createElement(core.Text, null, month.name))),
-                    React__namespace.createElement(core.Space, null),
-                    React__namespace.createElement(core.Row, { width: "64px", justifyContent: "center" }, onClickYear ? (React__namespace.createElement(elements.FlatButton, { onClick: function () { return onClickYear(month.year); }, label: String(month.year) })) : (React__namespace.createElement(core.Text, null, month.year)))),
-                React__namespace.createElement(core.Box, { alignItems: "center" }, headerRightContent)),
-            React__namespace.createElement("table", null,
-                React__namespace.createElement("tbody", null,
-                    React__namespace.createElement("tr", null,
-                        showWeekNumber && (React__namespace.createElement("td", null,
-                            React__namespace.createElement(core.Box, { width: theme.width, height: theme.height, justifyContent: "center", alignItems: "center" },
-                                React__namespace.createElement(core.Text, { size: "small", color: theme.CalendarMonth.headerTextColor }, "W")))),
-                        month.weeks[0].days.map(function (day) { return (React__namespace.createElement("td", { key: day.name }, renderWeekDay ? (renderWeekDay(day.name, theme, onClickWeekDay)) : (React__namespace.createElement(WeekDayCell, { day: day, onClickWeekDay: onClickWeekDay, theme: theme })))); })),
-                    month.weeks.map(function (week) { return (React__namespace.createElement(CalendarWeek, { key: week.weekNumber, month: month, week: week, dayComponent: dayComponent, statePerWeekDay: statePerWeek && statePerWeek[week.weekNumber], userDataPerWeekDay: userDataPerWeek && userDataPerWeek[week.weekNumber], onClickDay: onClickDay, onClickWeek: onClickWeek, theme: theme, renderWeekNumber: renderWeekNumber, extraDayContent: extraDayContent, defaultHighlights: defaultHighlights, minDate: minDate, maxDate: maxDate })); }))))));
-}
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z$1 = ".Calendar-module_calendar__Ztvgm {\n  --swui-calendar-day-width: 40px;\n  --swui-calendar-day-height: 38px;\n  --swui-calendar-day-border-radius: 4px;\n\n  /* Week number */\n\n  --swui-calendar-week-number-bg-color: transparent;\n  --swui-calendar-week-number-text-color: var(--lhds-color-ui-500);\n  --swui-calendar-week-number-clickable-text-color: var(--lhds-color-ui-500);\n\n  /* Week day */\n\n  --swui-calendar-week-day-text-color: var(--lhds-color-ui-500);\n  --swui-calendar-week-day-clickable-text-color: var(--lhds-color-ui-500);\n\n  /* Wrapper */\n\n  --swui-calendar-wrapper-selected-border: var(--swui-primary-action-color);\n  --swui-calendar-wrapper-selected-background: var(--swui-primary-action-color);\n  --swui-calendar-wrapper-range-border: var(--lhds-color-blue-100);\n  --swui-calendar-wrapper-range-background: var(--lhds-color-blue-100);\n  --swui-calendar-wrapper-today-border: var(--lhds-color-ui-200);\n  --swui-calendar-wrapper-today-background: var(--lhds-color-ui-200);\n\n  /* Text */\n\n  --swui-calendar-text-selected-color: #fff;\n  --swui-calendar-text-disabled-color: var(--swui-text-disabled-color);\n  --swui-calendar-text-in-other-month-color: var(--swui-text-disabled-color);\n}\n\n  .Calendar-module_calendar__Ztvgm table {\n    border-spacing: 0 4px;\n  }\n\n  .Calendar-module_calendar__Ztvgm span {\n    line-height: 100%;\n  }\n\n  .Calendar-module_calendar__Ztvgm tr td:last-child {\n    border-top-right-radius: var(--swui-calendar-day-border-radius);\n    border-bottom-right-radius: var(--swui-calendar-day-border-radius);\n  }\n\n  .Calendar-module_calendar__Ztvgm tr td:nth-child(2) {\n    border-top-left-radius: var(--swui-calendar-day-border-radius);\n    border-bottom-left-radius: var(--swui-calendar-day-border-radius);\n  }\n\n  .Calendar-module_calendar__Ztvgm td {\n    padding: 0;\n    width: var(--swui-calendar-day-width);\n    height: var(--swui-calendar-day-height);\n  }\n";
-var styles$1 = {"calendar":"Calendar-module_calendar__Ztvgm"};
-styleInject(css_248z$1);
-
-function CalendarPanel(_a) {
-    var monthRows = _a.monthRows, _b = _a.dayComponent, dayComponent = _b === void 0 ? CalendarDay : _b, userDataPerMonth = _a.userDataPerMonth, statePerMonth = _a.statePerMonth, minDate = _a.minDate, maxDate = _a.maxDate, onClickDay = _a.onClickDay, onClickWeekDay = _a.onClickWeekDay, onClickWeek = _a.onClickWeek, onClickMonth = _a.onClickMonth, onClickYear = _a.onClickYear, renderWeekDay = _a.renderWeekDay, renderWeekNumber = _a.renderWeekNumber, headerLeftContent = _a.headerLeftContent, headerRightContent = _a.headerRightContent, extraDayContent = _a.extraDayContent, defaultHighlights = _a.defaultHighlights, _c = _a.theme, theme = _c === void 0 ? defaultCalendarTheme : _c;
-    var minDateObj = React.useMemo(function () { return (minDate ? dateFns.parse(minDate, "yyyy-MM-dd", new Date()) : undefined); }, [minDate]);
-    var maxDateObj = React.useMemo(function () { return (maxDate ? dateFns.parse(maxDate, "yyyy-MM-dd", new Date()) : undefined); }, [maxDate]);
-    return (React__namespace.createElement("div", { className: styles$1.calendar }, monthRows.map(function (monthRow, rowIndex) { return (React__namespace.createElement(core.Spacing, { key: rowIndex },
-        React__namespace.createElement(core.Row, null, monthRow.map(function (month, index) { return (React__namespace.createElement(React__namespace.Fragment, { key: month.name },
-            index > 0 && React__namespace.createElement(core.Space, null),
-            React__namespace.createElement(CalendarMonth, { month: month, dayComponent: dayComponent, userDataPerWeek: userDataPerMonth && userDataPerMonth[month.monthString], statePerWeek: statePerMonth && statePerMonth[month.monthString], onClickDay: onClickDay, onClickWeekDay: onClickWeekDay, onClickWeek: onClickWeek, onClickMonth: onClickMonth, onClickYear: onClickYear, theme: theme, renderWeekNumber: renderWeekNumber, renderWeekDay: renderWeekDay, headerLeftContent: headerLeftContent, headerRightContent: headerRightContent, extraDayContent: extraDayContent, defaultHighlights: defaultHighlights, minDate: minDateObj, maxDate: maxDateObj }))); })))); })));
-}
-function Calendar(props) {
-    var initialDate = getInitialDate(props.year, props.month, props.date);
-    var _a = calculateOverflowingMonth(initialDate.year, initialDate.month), year = _a.year, month = _a.month;
-    var monthRows = getMonthRows(year, month, props.numMonths, props.monthsPerRow);
-    var statePerMonth = useHighlightToday(props.highlightToday, props.statePerMonth);
-    return (React__namespace.createElement(CalendarPanel, __assign({ year: year, month: month, monthRows: monthRows }, props, { statePerMonth: statePerMonth })));
-}
-var getInitialDate = function (year, month, date) {
-    if (month && year) {
-        return {
-            month: month,
-            year: year,
-        };
-    }
-    if (date) {
-        return {
-            month: dateFns.getMonth(date),
-            year: dateFns.getYear(date),
-        };
-    }
-    var now = new Date();
-    return {
-        month: dateFns.getMonth(now),
-        year: dateFns.getYear(now),
-    };
-};
-var getMonthRows = function (year, month, numMonths, monthsPerRow) {
-    if (numMonths == null) {
-        return [[getMonthInYear(year, month)]];
-    }
-    if (monthsPerRow == null) {
-        return [getMonthsInYear(year, month, numMonths)];
-    }
-    return lodash.chunk(getMonthsInYear(year, month, numMonths), monthsPerRow);
-};
-
-var useSelectedMonthStepperLogic = function (dateInFocus, setDateInFocus, monthsPerRow, numMonths) {
-    var nextMonth = React.useCallback(function () {
-        var _a;
-        var d = dateFns.addMonths(dateInFocus, (_a = monthsPerRow !== null && monthsPerRow !== void 0 ? monthsPerRow : numMonths) !== null && _a !== void 0 ? _a : 1);
-        setDateInFocus === null || setDateInFocus === void 0 ? void 0 : setDateInFocus(d);
-    }, [setDateInFocus, dateInFocus, monthsPerRow, numMonths]);
-    var nextYear = React.useCallback(function () {
-        var d = dateFns.addYears(dateInFocus, 1);
-        setDateInFocus === null || setDateInFocus === void 0 ? void 0 : setDateInFocus(d);
-    }, [setDateInFocus, dateInFocus]);
-    var prevMonth = React.useCallback(function () {
-        var _a;
-        var d = dateFns.subMonths(dateInFocus, (_a = monthsPerRow !== null && monthsPerRow !== void 0 ? monthsPerRow : numMonths) !== null && _a !== void 0 ? _a : 1);
-        setDateInFocus === null || setDateInFocus === void 0 ? void 0 : setDateInFocus(d);
-    }, [setDateInFocus, dateInFocus, monthsPerRow, numMonths]);
-    var prevYear = React.useCallback(function () {
-        var d = dateFns.subYears(dateInFocus, 1);
-        setDateInFocus === null || setDateInFocus === void 0 ? void 0 : setDateInFocus(d);
-    }, [setDateInFocus, dateInFocus]);
-    return {
-        nextMonth: nextMonth,
-        prevMonth: prevMonth,
-        nextYear: nextYear,
-        prevYear: prevYear,
-    };
-};
-
-var WithMonthSwitcherBelow = function (_a) {
-    var children = _a.children, prevMonth = _a.prevMonth, nextMonth = _a.nextMonth, prevYear = _a.prevYear, nextYear = _a.nextYear;
-    return (React__namespace.createElement("div", null,
-        children,
-        React__namespace.createElement(core.Indent, null,
-            React__namespace.createElement(core.Row, null,
-                React__namespace.createElement(elements.FlatButton, { onClick: prevYear, leftIcon: faAngleDoubleLeft.faAngleDoubleLeft }),
-                React__namespace.createElement(core.Space, null),
-                React__namespace.createElement(elements.FlatButton, { onClick: prevMonth, leftIcon: elements.stenaAngleLeft }),
-                React__namespace.createElement(core.Indent, { num: 2 }),
-                React__namespace.createElement(elements.FlatButton, { onClick: nextMonth, leftIcon: elements.stenaAngleRight }),
-                React__namespace.createElement(core.Space, null),
-                React__namespace.createElement(elements.FlatButton, { onClick: nextYear, leftIcon: faAngleDoubleRight.faAngleDoubleRight }))),
-        React__namespace.createElement(core.Space, null)));
-};
-
-var MonthPickerCell = function (_a) {
-    var value = _a.value, onValueChange = _a.onValueChange, month = _a.month;
-    var label = React.useMemo(function () {
-        var now = new Date(2000, month, 1);
-        return dateFns.format(now, "MMM");
-    }, [month]);
-    return (React__namespace.createElement(core.Row, { width: "64px", justifyContent: "center", spacing: 0.5, indent: 0.5 }, value === month ? (React__namespace.createElement(elements.PrimaryButton, { label: label, onClick: function () { return onValueChange && onValueChange(month); } })) : (React__namespace.createElement(elements.FlatButton, { label: label, onClick: function () { return onValueChange && onValueChange(month); } }))));
-};
-
-var monthMatrix = [
-    [exports.Month.JANUARY, exports.Month.FEBRUARY, exports.Month.MARCH],
-    [exports.Month.APRIL, exports.Month.MAY, exports.Month.JUNE],
-    [exports.Month.JULY, exports.Month.AUGUST, exports.Month.SEPTEMBER],
-    [exports.Month.OCTOBER, exports.Month.NOVEMBER, exports.Month.DECEMBER],
-];
-var MonthPicker = function (_a) {
-    var value = _a.value, onValueChange = _a.onValueChange;
-    return (React__namespace.createElement(core.Column, null, monthMatrix.map(function (monthRow) { return (React__namespace.createElement(core.Row, { key: monthRow[0] }, monthRow.map(function (month) { return (React__namespace.createElement(MonthPickerCell, { key: month, month: month, onValueChange: onValueChange, value: value })); }))); })));
-};
-
-var createStandardDateRangePresets = function (now) { return [
-    {
-        label: "Past",
-        presets: [
-            { label: "Last 3 days", startDate: now, endDate: dateFns.subDays(now, 2) },
-            { label: "Last 7 days", startDate: now, endDate: dateFns.subDays(now, 6) },
-            { label: "Last 30 days", startDate: now, endDate: dateFns.subDays(now, 29) },
-            { label: "Last 45 days", startDate: now, endDate: dateFns.subDays(now, 44) },
-        ],
-    },
-    {
-        label: "Future",
-        presets: [
-            { label: "Next 3 days", startDate: now, endDate: dateFns.addDays(now, 2) },
-            { label: "Next 7 days", startDate: now, endDate: dateFns.addDays(now, 6) },
-            { label: "Next 30 days", startDate: now, endDate: dateFns.addDays(now, 29) },
-            { label: "Next 45 days", startDate: now, endDate: dateFns.addDays(now, 44) },
-        ],
-    },
-]; };
-
-var PresetPicker = function (_a) {
-    var _b;
-    var onClickPreset = _a.onClickPreset;
-    var _c = React.useState(0), pageIndex = _c[0], setPageIndex = _c[1];
-    var pages = React.useMemo(function () { return createStandardDateRangePresets(new Date()); }, []);
-    var currentPage = (_b = pages[pageIndex]) !== null && _b !== void 0 ? _b : pages[0];
-    return (React__namespace.createElement(core.Column, null,
-        React__namespace.createElement(core.Row, { justifyContent: "space-between", alignItems: "center", width: "200px" },
-            React__namespace.createElement(elements.FlatButton, { size: "small", leftIcon: elements.stenaAngleLeft, disabled: pageIndex === 0, onClick: function () { return setPageIndex(pageIndex - 1); } }),
-            React__namespace.createElement(core.Text, null, currentPage.label),
-            React__namespace.createElement(elements.FlatButton, { size: "small", leftIcon: elements.stenaAngleRight, disabled: pageIndex === pages.length - 1, onClick: function () { return setPageIndex(pageIndex + 1); } })),
-        React__namespace.createElement(core.Space, null),
-        React__namespace.createElement(core.Column, { alignItems: "center" }, currentPage.presets.map(function (preset) { return (React__namespace.createElement(React__namespace.Fragment, { key: preset.label },
-            React__namespace.createElement(elements.PrimaryButton, { label: preset.label, onClick: function () { return onClickPreset(preset); } }),
-            React__namespace.createElement(core.Space, null))); }))));
-};
-
-var YearPickerCell = function (_a) {
-    var value = _a.value, onValueChange = _a.onValueChange, year = _a.year;
-    var label = String(year);
-    return (React__namespace.createElement(core.Row, { width: "64px", justifyContent: "center", spacing: 0.5, indent: 0.5 }, value === year ? (React__namespace.createElement(elements.PrimaryButton, { label: label, onClick: function () { return onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(year); } })) : (React__namespace.createElement(elements.FlatButton, { label: label, onClick: function () { return onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(year); } }))));
-};
-
-var YearPicker = function (_a) {
-    var value = _a.value, onValueChange = _a.onValueChange, initialLastYear = _a.initialLastYear;
-    var _b = React.useState(function () {
-        if (value) {
-            return value + 4;
-        }
-        return initialLastYear !== null && initialLastYear !== void 0 ? initialLastYear : new Date().getFullYear() + 4;
-    }), lastYear = _b[0], setLastYear = _b[1];
-    var yearRows = React.useMemo(function () {
-        var startYear = lastYear - 11;
-        return lodash.chunk(lodash.range(startYear, lastYear + 1), 3);
-    }, [lastYear]);
-    React.useEffect(function () {
-        setLastYear(function (prev) { return calculateLastYearInFocus(value, prev); });
-    }, [value]);
-    return (React__namespace.createElement(core.Row, null,
-        React__namespace.createElement(core.Column, { justifyContent: "center" },
-            React__namespace.createElement(elements.FlatButton, { leftIcon: faCaretLeft.faCaretLeft, onClick: function () { return setLastYear(lastYear - 3); } })),
-        React__namespace.createElement(core.Column, null, yearRows.map(function (yearRow) { return (React__namespace.createElement(core.Row, { key: yearRow[0] }, yearRow.map(function (year) { return (React__namespace.createElement(YearPickerCell, { key: year, year: year, onValueChange: onValueChange, value: value })); }))); })),
-        React__namespace.createElement(core.Column, { justifyContent: "center" },
-            React__namespace.createElement(elements.FlatButton, { leftIcon: faCaretRight.faCaretRight, onClick: function () { return setLastYear(lastYear + 3); } }))));
-};
-var calculateLastYearInFocus = function (value, lastYear) {
-    if (value == null) {
-        return lastYear;
-    }
-    if (value > lastYear) {
-        var yearDiff = value - lastYear;
-        var remaining = yearDiff % 3;
-        var yearsToAdd = yearDiff - remaining + 3;
-        return lastYear + yearsToAdd;
-    }
-    var startYear = lastYear - 11;
-    if (value < startYear) {
-        var yearDiff = startYear - value;
-        var remaining = yearDiff % 3;
-        var yearsToSubtract = yearDiff - remaining + 3;
-        return lastYear - yearsToSubtract;
-    }
-    return lastYear;
-};
-
-var CalendarWithMonthYearPickers = function CalendarWithMonthYearPickers(_a) {
-    var dateInFocus = _a.dateInFocus, setDateInFocus = _a.setDateInFocus, currentPanel = _a.currentPanel, setCurrentPanel = _a.setCurrentPanel, props = __rest(_a, ["dateInFocus", "setDateInFocus", "currentPanel", "setCurrentPanel"]);
-    var onChangeSelectedMonth = React.useCallback(function (selectedMonth) {
-        var newDate = dateInFocus ? new Date(dateInFocus) : new Date();
-        newDate.setMonth(selectedMonth);
-        if (setDateInFocus) {
-            setDateInFocus(newDate);
-        }
-        setCurrentPanel("calendar");
-    }, [dateInFocus, setDateInFocus, setCurrentPanel]);
-    var onChangeSelectedYear = React.useCallback(function (selectedYear) {
-        var newDate = dateInFocus ? new Date(dateInFocus) : new Date();
-        newDate.setFullYear(selectedYear);
-        if (setDateInFocus) {
-            setDateInFocus(newDate);
-        }
-        setCurrentPanel("calendar");
-    }, [dateInFocus, setDateInFocus, setCurrentPanel]);
-    var onClickYear = React.useCallback(function () {
-        setCurrentPanel("year");
-    }, [setCurrentPanel]);
-    var onClickMonth = React.useCallback(function () {
-        setCurrentPanel("month");
-    }, [setCurrentPanel]);
-    switch (currentPanel) {
-        case "calendar":
-            return (React__namespace.createElement(React__namespace.Fragment, null,
-                React__namespace.createElement(Calendar, __assign({}, props, { date: dateInFocus, onClickYear: onClickYear, onClickMonth: onClickMonth }))));
-        case "month":
-            return (React__namespace.createElement(MonthPicker, { value: dateInFocus.getMonth(), onValueChange: onChangeSelectedMonth }));
-        case "year":
-            return (React__namespace.createElement(YearPicker, { value: dateInFocus.getFullYear(), onValueChange: onChangeSelectedYear }));
-        case "presets":
-            return React__namespace.createElement(PresetPicker, { onClickPreset: function () { } });
-        default:
-            return (React__namespace.createElement(core.Box, null,
-                React__namespace.createElement(elements.PrimaryButton, { label: "Show calendar", onClick: function () { return setCurrentPanel("calendar"); } })));
-    }
-};
-
-var noop = function () { };
-function CalendarWithMonthSwitcher(_a) {
-    var monthSwitcherPlacement = _a.monthSwitcherPlacement, _b = _a.theme, theme = _b === void 0 ? defaultCalendarTheme : _b, dateInFocus = _a.dateInFocus, setDateInFocus = _a.setDateInFocus, currentPanel = _a.currentPanel, setCurrentPanel = _a.setCurrentPanel, _c = _a.onSelectPreset, onSelectPreset = _c === void 0 ? noop : _c, _d = _a.hideYearPagination, hideYearPagination = _d === void 0 ? false : _d, calendarProps = __rest(_a, ["monthSwitcherPlacement", "theme", "dateInFocus", "setDateInFocus", "currentPanel", "setCurrentPanel", "onSelectPreset", "hideYearPagination"]);
-    var _e = useSelectedMonthStepperLogic(dateInFocus, setDateInFocus, calendarProps.monthsPerRow, calendarProps.numMonths), nextMonth = _e.nextMonth, prevMonth = _e.prevMonth, nextYear = _e.nextYear, prevYear = _e.prevYear;
-    var placement = fallbackIfNoPlacement(monthSwitcherPlacement, calendarProps.numMonths);
-    switch (placement) {
-        case "below": {
-            return (React__namespace.createElement(WithMonthSwitcherBelow, { theme: theme, nextMonth: nextMonth, prevMonth: prevMonth, nextYear: nextYear, prevYear: prevYear },
-                React__namespace.createElement(Calendar, __assign({}, calendarProps, { theme: theme, date: dateInFocus }))));
-        }
-        case "header": {
-            return (React__namespace.createElement(core.Column, null,
-                React__namespace.createElement(CalendarWithMonthYearPickers, __assign({}, calendarProps, { theme: theme, dateInFocus: dateInFocus, setDateInFocus: setDateInFocus, currentPanel: currentPanel, setCurrentPanel: setCurrentPanel, onSelectPreset: onSelectPreset, headerLeftContent: React__namespace.createElement(core.Row, { alignItems: "center" },
-                        !hideYearPagination && (React__namespace.createElement(elements.FlatButton, { size: "small", onClick: prevYear, leftIcon: faAngleDoubleLeft.faAngleDoubleLeft })),
-                        React__namespace.createElement(core.Space, null),
-                        React__namespace.createElement(elements.FlatButton, { size: "small", onClick: prevMonth, leftIcon: elements.stenaAngleLeft })), headerRightContent: React__namespace.createElement(core.Row, { alignItems: "center" },
-                        React__namespace.createElement(elements.FlatButton, { size: "small", onClick: nextMonth, leftIcon: elements.stenaAngleRight }),
-                        React__namespace.createElement(core.Space, null),
-                        !hideYearPagination && (React__namespace.createElement(elements.FlatButton, { size: "small", onClick: nextYear, leftIcon: faAngleDoubleRight.faAngleDoubleRight }))) }))));
-        }
-        default: {
-            return (React__namespace.createElement(Calendar, __assign({}, calendarProps, { theme: theme, date: dateInFocus })));
-        }
-    }
-}
-var fallbackIfNoPlacement = function (monthSwitcherPlacement, numMonths) {
-    return monthSwitcherPlacement || (numMonths || 1) > 1 ? "below" : "header";
-};
-
-var dateRangeToStrings = function (dateRange) { return ({
-    startDate: dateRange.startDate
-        ? dateFns.format(dateRange.startDate, "yyyy-MM-dd")
-        : undefined,
-    endDate: dateRange.endDate
-        ? dateFns.format(dateRange.endDate, "yyyy-MM-dd")
-        : undefined,
-}); };
-var stringsToDateRange = function (_a) {
-    var startDate = _a.startDate, endDate = _a.endDate;
-    var now = new Date();
-    return {
-        startDate: startDate ? dateFns.parse(startDate, "yyyy-MM-dd", now) : undefined,
-        endDate: endDate ? dateFns.parse(endDate, "yyyy-MM-dd", now) : undefined,
-    };
-};
-
-var isDateRangeInvalid = function (_a) {
-    var startDate = _a.startDate, endDate = _a.endDate;
-    return Boolean(startDate &&
-        endDate &&
-        !dateFns.isSameDay(startDate, endDate) &&
-        dateFns.isAfter(startDate, endDate));
-};
-var toggleDatesIfEndIsEarlierThanStart = function (dateRange) {
-    if (isDateRangeInvalid(dateRange)) {
-        return {
-            startDate: dateRange.endDate,
-            endDate: dateRange.startDate,
-        };
-    }
-    return dateRange;
-};
-var toggleDateStringsIfEndIsEarlierThanStart = function (dateRange) {
-    if (dateRange.startDate && dateRange.endDate) {
-        return dateRangeToStrings(toggleDatesIfEndIsEarlierThanStart(stringsToDateRange(dateRange)));
-    }
-    return dateRange;
-};
-
-var useDateRangeOnClickDayHandler = function (value, onValueChange, focusedInput, setFocusedInput) {
-    return React.useCallback(function (day) {
-        var dateRange = {
-            startDate: focusedInput === "startDate" ? day.date : value === null || value === void 0 ? void 0 : value.startDate,
-            endDate: focusedInput === "endDate" ? day.date : value === null || value === void 0 ? void 0 : value.endDate,
-        };
-        if (!isDateRangeInvalid(dateRange)) {
-            setFocusedInput(focusedInput === "startDate" ? "endDate" : "startDate");
-        }
-        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(toggleDatesIfEndIsEarlierThanStart(dateRange));
-    }, [
-        focusedInput,
-        onValueChange,
-        setFocusedInput,
-        value === null || value === void 0 ? void 0 : value.endDate,
-        value === null || value === void 0 ? void 0 : value.startDate,
-    ]);
-};
-
-var useInternalPanelState = function (onChangePanel) {
-    var _a = React.useState("calendar"), currentPanel = _a[0], _setCurrentPanel = _a[1];
-    var setCurrentPanel = React.useCallback(function (currentPanel) {
-        _setCurrentPanel(currentPanel);
-        onChangePanel === null || onChangePanel === void 0 ? void 0 : onChangePanel(currentPanel);
-    }, [onChangePanel]);
-    return {
-        currentPanel: currentPanel,
-        setCurrentPanel: setCurrentPanel,
-    };
-};
-
-var useDateRangeSelection = function (_a) {
-    var focusedInput = _a.focusedInput, value = _a.value, onValueChange = _a.onValueChange, setFocusedInput = _a.setFocusedInput, statePerMonth = _a.statePerMonth, onChangePanel = _a.onChangePanel;
-    var _b = useInternalPanelState(onChangePanel), currentPanel = _b.currentPanel, setCurrentPanel = _b.setCurrentPanel;
-    var _c = React.useState(function () { return new Date(); }), dateInFocus = _c[0], setDateInFocus = _c[1];
-    var onClickDay = useDateRangeOnClickDayHandler(value, onValueChange, focusedInput, setFocusedInput);
-    var statePerMonthWithSelection = React.useMemo(function () {
-        return buildDayStateForDateRange(statePerMonth, value === null || value === void 0 ? void 0 : value.startDate, value === null || value === void 0 ? void 0 : value.endDate);
-    }, [statePerMonth, value === null || value === void 0 ? void 0 : value.endDate, value === null || value === void 0 ? void 0 : value.startDate]);
-    return {
-        onClickDay: onClickDay,
-        statePerMonth: statePerMonthWithSelection,
-        currentPanel: currentPanel,
-        setCurrentPanel: setCurrentPanel,
-        setDateInFocus: setDateInFocus,
-        dateInFocus: dateInFocus,
-    };
-};
-
-function DateRangeCalendar(props) {
-    var dateRangeSelectionProps = useDateRangeSelection(props);
-    return (React__namespace.createElement(CalendarWithMonthSwitcher, __assign({}, props, dateRangeSelectionProps)));
-}
-
-var useDateRangeCalendarState = function () {
-    var _a = React.useState(), startDate = _a[0], setStartDate = _a[1];
-    var _b = React.useState(), endDate = _b[0], setEndDate = _b[1];
-    var _c = React.useState("startDate"), focusedInput = _c[0], setFocusedInput = _c[1];
-    return {
-        startDate: startDate,
-        setStartDate: setStartDate,
-        endDate: endDate,
-        setEndDate: setEndDate,
-        focusedInput: focusedInput,
-        setFocusedInput: setFocusedInput,
-    };
-};
-
-var useSingleDateSelection = function (_a) {
-    var onChange = _a.onChange, value = _a.value, statePerMonth = _a.statePerMonth, onChangePanel = _a.onChangePanel;
-    var _b = useInternalPanelState(onChangePanel), currentPanel = _b.currentPanel, setCurrentPanel = _b.setCurrentPanel;
-    var _c = React.useState(function () { return value !== null && value !== void 0 ? value : new Date(); }), dateInFocus = _c[0], setDateInFocus = _c[1];
-    var onClickDay = React.useCallback(function (day) {
-        if (onChange) {
-            onChange(day.date);
-        }
-    }, [onChange]);
-    var statePerMonthWithSelectedDate = React.useMemo(function () {
-        return value
-            ? addDayStateHighlights(statePerMonth, value, [
-                "selected",
-                "singleSelected",
-            ])
-            : statePerMonth;
-    }, [statePerMonth, value]);
-    return {
-        onClickDay: onClickDay,
-        statePerMonth: statePerMonthWithSelectedDate,
-        date: value,
-        currentPanel: currentPanel,
-        setCurrentPanel: setCurrentPanel,
-        dateInFocus: dateInFocus,
-        setDateInFocus: setDateInFocus,
-    };
-};
-
-function SingleDateCalendar(props) {
-    var singleDateSelectionProps = useSingleDateSelection(props);
-    return (React__namespace.createElement(CalendarWithMonthSwitcher, __assign({}, props, singleDateSelectionProps)));
-}
-
-var useMultiDateSelection = function (_a) {
-    var onChange = _a.onChange, value = _a.value, statePerMonth = _a.statePerMonth, onChangePanel = _a.onChangePanel;
-    var _b = useInternalPanelState(onChangePanel), currentPanel = _b.currentPanel, setCurrentPanel = _b.setCurrentPanel;
-    var _c = React.useState(function () { return new Date(); }), dateInFocus = _c[0], setDateInFocus = _c[1];
-    var onClickDay = React.useCallback(function (day) {
-        if (!onChange) {
-            return;
-        }
-        var isSelected = value && value.find(function (d) { return dateFns.isSameDay(d, day.date); });
-        if (value && isSelected) {
-            onChange(value.filter(function (v) { return !dateFns.isSameDay(v, day.date); }));
-        }
-        else {
-            onChange(__spreadArray(__spreadArray([], (value || []), true), [day.date], false));
-        }
-    }, [onChange, value]);
-    var statePerMonthWithSelectedDate = React.useMemo(function () {
-        if (!value) {
-            return statePerMonth;
-        }
-        return value.reduce(function (stateSum, date) { return addDayStateHighlights(stateSum, date, ["selected"]); }, statePerMonth);
-    }, [statePerMonth, value]);
-    return {
-        onClickDay: onClickDay,
-        statePerMonth: statePerMonthWithSelectedDate,
-        currentPanel: currentPanel,
-        setCurrentPanel: setCurrentPanel,
-        dateInFocus: dateInFocus,
-        setDateInFocus: setDateInFocus,
-    };
-};
-
-function MultiDateCalendar(props) {
-    var selectionProps = useMultiDateSelection(props);
-    return React__namespace.createElement(CalendarWithMonthSwitcher, __assign({}, props, selectionProps));
-}
-
-var useSingleWeekSelection = function (_a) {
-    var onChange = _a.onChange, value = _a.value, statePerMonth = _a.statePerMonth, onChangePanel = _a.onChangePanel;
-    var _b = React.useState(function () {
-        var week = getWeekDataFromWeekString(value);
-        if (!week) {
-            return new Date();
-        }
-        return week.days[0].date;
-    }), dateInFocus = _b[0], setDateInFocus = _b[1];
-    var _c = useInternalPanelState(onChangePanel), currentPanel = _c.currentPanel, setCurrentPanel = _c.setCurrentPanel;
-    var onClickDay = React.useCallback(function (day) {
-        if (onChange) {
-            onChange(getWeekStringFromWeekData(getWeekForDate(day.date)));
-        }
-    }, [onChange]);
-    var onClickWeek = React.useCallback(function (week) {
-        if (onChange) {
-            onChange(getWeekStringFromWeekData(week));
-        }
-    }, [onChange]);
-    var statePerMonthWithSelection = React.useMemo(function () {
-        var weekData = getWeekDataFromWeekString(value);
-        return weekData
-            ? addWeekRangeHighlights(statePerMonth, weekData)
-            : statePerMonth;
-    }, [value, statePerMonth]);
-    var date = React.useMemo(function () {
-        var week = getWeekDataFromWeekString(value);
-        if (!week) {
-            return new Date();
-        }
-        return week.days[0].date;
-    }, [value]);
-    return {
-        statePerMonth: statePerMonthWithSelection,
-        date: date,
-        dateInFocus: dateInFocus,
-        setDateInFocus: setDateInFocus,
-        onClickDay: onClickDay,
-        onClickWeek: onClickWeek,
-        currentPanel: currentPanel,
-        setCurrentPanel: setCurrentPanel,
-    };
-};
-var getWeekStringFromWeekData = function (week) {
-    if (!week) {
-        return undefined;
-    }
-    return "".concat(week.endYear, "-").concat(week.weekNumber);
-};
-var getWeekDataFromWeekString = function (week) {
-    if (!week) {
-        return undefined;
-    }
-    var parts = week.split("-");
-    var weekNumber = parseInt(parts[1], 10);
-    var year = parseInt(parts[0], 10);
-    return getWeekForDate(getStartDateOfISOWeek(weekNumber, year));
-};
-
-function SingleWeekCalendar(props) {
-    var singleWeekSelectionProps = useSingleWeekSelection(props);
-    return (React__namespace.createElement(CalendarWithMonthSwitcher, __assign({}, props, singleWeekSelectionProps)));
-}
-
-var removeDateIfExist = function (list, date) {
-    return list.filter(function (item) { return !dateFns.isSameDay(item, date); });
-};
-var listContainsDate = function (list, date) {
-    return !!list.find(function (item) { return dateFns.isSameDay(item, date); });
-};
-
-var useDateRangeExclusionSelection = function (_a) {
-    var value = _a.value, onValueChange = _a.onValueChange, statePerMonth = _a.statePerMonth, onChangePanel = _a.onChangePanel;
-    var _b = React.useState(), dateRange = _b[0], setDateRange = _b[1];
-    var _c = React.useState("startDate"), focusedInput = _c[0], setFocusedInput = _c[1];
-    var _d = useInternalPanelState(onChangePanel), currentPanel = _d.currentPanel, setCurrentPanel = _d.setCurrentPanel;
-    var _e = React.useState(function () { var _a; return (_a = (focusedInput && (value === null || value === void 0 ? void 0 : value[focusedInput]))) !== null && _a !== void 0 ? _a : new Date(); }), dateInFocus = _e[0], setDateInFocus = _e[1];
-    var onChangeHandler = React.useCallback(function (value) {
-        setDateRange(value);
-        var startDate = value.startDate, endDate = value.endDate;
-        if (onValueChange) {
-            if (startDate && endDate) {
-                var dates = dateFns.eachDayOfInterval({ start: startDate, end: endDate });
-                onValueChange(dates);
-            }
-            else if (startDate) {
-                onValueChange([startDate]);
-            }
-            else if (endDate) {
-                onValueChange([endDate]);
-            }
-        }
-    }, [onValueChange]);
-    var onClickDayRange = useDateRangeOnClickDayHandler(dateRange, onChangeHandler, focusedInput, setFocusedInput);
-    var onClickDay = React.useCallback(function (day, userData, ev) {
-        if (onValueChange) {
-            if (ev.ctrlKey || ev.metaKey) {
-                if (!value) {
-                    onValueChange([day.date]);
-                }
-                else if (listContainsDate(value, day.date)) {
-                    onValueChange(removeDateIfExist(value, day.date));
-                }
-                else {
-                    onValueChange(__spreadArray(__spreadArray([], value, true), [day.date], false));
-                }
-            }
-            else {
-                onClickDayRange(day, userData, ev);
-            }
-        }
-    }, [onValueChange, onClickDayRange, value]);
-    var statePerMonthWithSelectedDate = React.useMemo(function () {
-        return addHighlighting(statePerMonth, value);
-    }, [statePerMonth, value]);
-    return {
-        onClickDay: onClickDay,
-        statePerMonth: statePerMonthWithSelectedDate,
-        currentPanel: currentPanel,
-        setCurrentPanel: setCurrentPanel,
-        dateInFocus: dateInFocus,
-        setDateInFocus: setDateInFocus,
-    };
-};
-var addHighlighting = function (statePerMonth, dateList) {
-    if (!dateList) {
-        return statePerMonth;
-    }
-    return dateList.reduce(function (statePerMonth, date) {
-        return addDayStateHighlights(statePerMonth, date, ["selected"]);
-    }, statePerMonth);
-};
-
-function DateRangeExclusionCalendar(props) {
-    var selectionProps = useDateRangeExclusionSelection(props);
-    return React__namespace.createElement(CalendarWithMonthSwitcher, __assign({}, props, selectionProps));
-}
-
-var defaultPopoverPlacement = "bottom";
-
-var useCalendarPopoverUpdater = function () {
-    var _a = tooltip.useTippyInstance(), tippyRef = _a[0], tippyInstanceRef = _a[1];
-    var onChangePanel = React.useCallback(function () {
-        var _a, _b;
-        (_b = (_a = tippyInstanceRef.current) === null || _a === void 0 ? void 0 : _a.popperInstance) === null || _b === void 0 ? void 0 : _b.update();
-    }, [tippyInstanceRef]);
-    return {
-        onChangePanel: onChangePanel,
-        tippyRef: tippyRef,
-    };
-};
-
-var useDateInput = function (onChange, onClose, openOnMount) {
-    var _a = React.useState(openOnMount || false), showingCalendar = _a[0], setShowingCalendar = _a[1];
-    var showCalendar = React.useCallback(function () {
-        setShowingCalendar(true);
-        return true;
-    }, [setShowingCalendar]);
-    var hideCalendar = React.useCallback(function () {
-        setShowingCalendar(false);
-        if (onClose) {
-            onClose();
-        }
-    }, [setShowingCalendar, onClose]);
-    var onSelectDate = React.useCallback(function (date) {
-        if (onChange) {
-            onChange(date);
-        }
-        setTimeout(hideCalendar, 150);
-    }, [onChange, hideCalendar]);
-    return {
-        showCalendar: showCalendar,
-        hideCalendar: hideCalendar,
-        showingCalendar: showingCalendar,
-        onSelectDate: onSelectDate,
-    };
-};
-
-var defaultMaxDate = "2999-12-31";
-
-var DateInput = function (_a) {
-    var _b = _a.displayFormat, displayFormat = _b === void 0 ? DateFormats.fullDate : _b, _c = _a.placeholder, placeholder = _c === void 0 ? "Enter date" : _c, value = _a.value, _d = _a.zIndex, zIndex = _d === void 0 ? 100 : _d, _e = _a.calendarTheme, calendarTheme = _e === void 0 ? defaultCalendarTheme : _e, calendarProps = _a.calendarProps, openOnMount = _a.openOnMount, onClose = _a.onClose, onChange = _a.onChange, portalTarget = _a.portalTarget, variant = _a.variant, width = _a.width, minDate = _a.minDate, _f = _a.maxDate, maxDate = _f === void 0 ? defaultMaxDate : _f, disabled = _a.disabled;
-    var _g = useDateInput(onChange, onClose, openOnMount), hideCalendar = _g.hideCalendar, showingCalendar = _g.showingCalendar, onSelectDate = _g.onSelectDate, showCalendar = _g.showCalendar;
-    var _h = useCalendarPopoverUpdater(), tippyRef = _h.tippyRef, onChangePanel = _h.onChangePanel;
-    return (React__namespace.createElement(core.Box, { width: width },
-        React__namespace.createElement(tooltip.Popover, { arrow: false, lazy: true, visible: showingCalendar, onClickOutside: hideCalendar, placement: defaultPopoverPlacement, zIndex: zIndex, appendTo: portalTarget !== null && portalTarget !== void 0 ? portalTarget : "parent", tippyRef: tippyRef, disabled: disabled, content: React__namespace.createElement(SingleDateCalendar, __assign({}, calendarProps, { onChange: onSelectDate, value: value, theme: calendarTheme, onChangePanel: onChangePanel, minDate: minDate, maxDate: maxDate })) },
-            React__namespace.createElement(forms.TextInput, { type: "date", contentRight: React__namespace.createElement(core.Row, { alignItems: "center" },
-                    React__namespace.createElement(elements.FlatButton, { size: "small", disabled: disabled, leftIcon: elements.stenaCalendar, onClick: showCalendar })), onFocus: showCalendar, onClickRight: showCalendar, value: value ? dateFns.format(value, displayFormat) : "", placeholder: placeholder, size: 9, disabled: disabled, autoFocus: openOnMount, variant: variant, min: minDate, max: maxDate }))));
-};
-
-var useDateRangeInput = function (value, onValueChange) {
-    var startDateInputRef = React.useRef(null);
-    var endDateInputRef = React.useRef(null);
-    var _a = React.useState(false), showingCalendar = _a[0], setShowingCalendar = _a[1];
-    var _b = React.useState(undefined), focusedInput = _b[0], setFocusedInput = _b[1];
-    var showCalendarStartDate = React.useCallback(function () {
-        setFocusedInput("startDate");
-        setShowingCalendar(true);
-        return true;
-    }, [setFocusedInput, setShowingCalendar]);
-    var showCalendarEndDate = React.useCallback(function () {
-        setFocusedInput("endDate");
-        setShowingCalendar(true);
-        return true;
-    }, [setFocusedInput, setShowingCalendar]);
-    var hideCalendar = React.useCallback(function () {
-        setShowingCalendar(false);
-    }, [setShowingCalendar]);
-    var onClickDay = React.useCallback(function (day) {
-        if (focusedInput === "startDate") {
-            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange({
-                startDate: day.date,
-                endDate: value === null || value === void 0 ? void 0 : value.endDate,
-            });
-            if (!(value === null || value === void 0 ? void 0 : value.endDate)) {
-                setFocusedInput("endDate");
-                endDateInputRef.current && endDateInputRef.current.focus();
-            }
-            else {
-                setTimeout(hideCalendar, 150);
-            }
-        }
-        else if (focusedInput === "endDate") {
-            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange({
-                startDate: value === null || value === void 0 ? void 0 : value.startDate,
-                endDate: day.date,
-            });
-            if (!(value === null || value === void 0 ? void 0 : value.startDate)) {
-                setFocusedInput("startDate");
-                startDateInputRef.current && startDateInputRef.current.focus();
-            }
-            else {
-                setTimeout(hideCalendar, 150);
-            }
-        }
-    }, [focusedInput, onValueChange, setFocusedInput, hideCalendar, value]);
-    var startDateIsAfterEnd = React.useMemo(function () {
-        return (value === null || value === void 0 ? void 0 : value.startDate) &&
-            (value === null || value === void 0 ? void 0 : value.endDate) &&
-            dateFns.isAfter(value.startDate, value.endDate);
-    }, [value === null || value === void 0 ? void 0 : value.startDate, value === null || value === void 0 ? void 0 : value.endDate]);
-    return {
-        showingCalendar: showingCalendar,
-        hideCalendar: hideCalendar,
-        showCalendarEndDate: showCalendarEndDate,
-        showCalendarStartDate: showCalendarStartDate,
-        focusedInput: focusedInput,
-        setFocusedInput: setFocusedInput,
-        startDateInputRef: startDateInputRef,
-        endDateInputRef: endDateInputRef,
-        onClickDay: onClickDay,
-        startDateIsAfterEnd: startDateIsAfterEnd,
-    };
-};
-
-/**
- * @deprecated Please use DateRangeDualTextInput instead.
- */
-var DateRangeInput = function (_a) {
-    var _b = _a.displayFormat, displayFormat = _b === void 0 ? DateFormats.fullDate : _b, _c = _a.placeholderStartDate, placeholderStartDate = _c === void 0 ? "Start date" : _c, _d = _a.placeholderEndDate, placeholderEndDate = _d === void 0 ? "End date" : _d, portalTarget = _a.portalTarget, value = _a.value, onValueChange = _a.onValueChange, _e = _a.zIndex, zIndex = _e === void 0 ? 100 : _e, width = _a.width, _f = _a.calendarTheme, calendarTheme = _f === void 0 ? defaultCalendarTheme : _f, calendarProps = _a.calendarProps, minDate = _a.minDate, _g = _a.maxDate, maxDate = _g === void 0 ? defaultMaxDate : _g, disabled = _a.disabled;
-    var _h = React.useState(function () { var _a; return (_a = (focusedInput && (value === null || value === void 0 ? void 0 : value[focusedInput]))) !== null && _a !== void 0 ? _a : new Date(); }), dateInFocus = _h[0], setDateInFocus = _h[1];
-    var _j = React.useState("calendar"), currentPanel = _j[0], setCurrentPanel = _j[1];
-    var _k = useDateRangeInput(value, onValueChange), hideCalendar = _k.hideCalendar, showCalendarEndDate = _k.showCalendarEndDate, showCalendarStartDate = _k.showCalendarStartDate, showingCalendar = _k.showingCalendar, focusedInput = _k.focusedInput, startDateInputRef = _k.startDateInputRef, endDateInputRef = _k.endDateInputRef, onClickDay = _k.onClickDay, startDateIsAfterEnd = _k.startDateIsAfterEnd;
-    var statePerMonth = React.useMemo(function () {
-        return buildDayStateForDateRange(undefined, value === null || value === void 0 ? void 0 : value.startDate, value === null || value === void 0 ? void 0 : value.endDate);
-    }, [value]);
-    return (React__namespace.createElement(tooltip.Popover, { arrow: false, lazy: true, disabled: disabled, visible: showingCalendar, zIndex: zIndex, placement: defaultPopoverPlacement, appendTo: portalTarget !== null && portalTarget !== void 0 ? portalTarget : "parent", onClickOutside: hideCalendar, content: React__namespace.createElement(CalendarWithMonthSwitcher, __assign({}, calendarProps, { dateInFocus: dateInFocus, setDateInFocus: setDateInFocus, statePerMonth: statePerMonth, theme: calendarTheme, onClickDay: onClickDay, currentPanel: currentPanel, setCurrentPanel: setCurrentPanel, minDate: minDate, maxDate: maxDate })) },
-        React__namespace.createElement(core.Row, { alignItems: "center" },
-            React__namespace.createElement(forms.TextInput, { iconLeft: elements.stenaCalendar, onFocus: showCalendarStartDate, value: (value === null || value === void 0 ? void 0 : value.startDate) ? dateFns.format(value.startDate, displayFormat) : "", placeholder: placeholderStartDate, width: width, disabled: disabled, inputRef: startDateInputRef, size: 9, variant: startDateIsAfterEnd ? "error" : undefined }),
-            React__namespace.createElement(core.Space, null),
-            React__namespace.createElement(elements.Icon, { icon: faLongArrowAltRight.faLongArrowAltRight, color: theme.cssColor("--lhds-color-ui-500"), size: 14 }),
-            React__namespace.createElement(core.Space, null),
-            React__namespace.createElement(forms.TextInput, { iconLeft: elements.stenaCalendar, onFocus: showCalendarEndDate, value: (value === null || value === void 0 ? void 0 : value.endDate) ? dateFns.format(value.endDate, displayFormat) : "", placeholder: placeholderEndDate, width: width, disabled: disabled, inputRef: endDateInputRef, size: 9, variant: startDateIsAfterEnd ? "error" : undefined }))));
-};
-
-var DateTextInput = function (_a) {
-    var calendarProps = _a.calendarProps, _b = _a.closeOnCalendarSelectDate, closeOnCalendarSelectDate = _b === void 0 ? true : _b, _c = _a.dateFormat, dateFormat = _c === void 0 ? DateFormats.fullDate : _c; _a.disableCalender; var onValueChange = _a.onValueChange, _e = _a.placeholder, placeholder = _e === void 0 ? "yyyy-mm-dd" : _e, portalTarget = _a.portalTarget, value = _a.value, _f = _a.width, width = _f === void 0 ? "130px" : _f, _g = _a.zIndex, zIndex = _g === void 0 ? 100 : _g, _h = _a.calendarTheme, calendarTheme = _h === void 0 ? defaultCalendarTheme : _h, _j = _a.hideCalenderIcon, hideCalenderIcon = _j === void 0 ? false : _j, minDate = _a.minDate, _k = _a.maxDate, maxDate = _k === void 0 ? defaultMaxDate : _k, variant = _a.variant, props = __rest(_a, ["calendarProps", "closeOnCalendarSelectDate", "dateFormat", "disableCalender", "onValueChange", "placeholder", "portalTarget", "value", "width", "zIndex", "calendarTheme", "hideCalenderIcon", "minDate", "maxDate", "variant"]);
-    var _l = React.useState(false), open = _l[0], setOpen = _l[1];
-    var _m = useCalendarPopoverUpdater(), tippyRef = _m.tippyRef, onChangePanel = _m.onChangePanel;
-    var toggleCalendar = React.useCallback(function () {
-        setOpen(!open);
-    }, [setOpen, open]);
-    var hideCalendar = React.useCallback(function () {
-        setOpen(false);
-    }, [setOpen]);
-    var onValueChangeHandler = React.useCallback(function (value) {
-        if (onValueChange) {
-            onValueChange(value);
-        }
-    }, [onValueChange]);
-    var onCalendarSelectDate = React.useCallback(function (date) {
-        if (date) {
-            onValueChangeHandler(dateFns.format(date, dateFormat));
-            if (closeOnCalendarSelectDate) {
-                setTimeout(function () { return setOpen(!open); }, 200);
-            }
-        }
-    }, [onValueChangeHandler, dateFormat, closeOnCalendarSelectDate, setOpen, open]);
-    var inValidInput = !!value && !/^[-/\\.0-9]+$/.test(value);
-    var dateIsValid = !!value && dateFns.isValid(dateFns.parse(value, dateFormat, new Date()));
-    var userInputCorrectLength = !!value && value.length >= dateFormat.length;
-    var invalid = (userInputCorrectLength && !dateIsValid) || inValidInput;
-    return (React__namespace.createElement(core.Box, { width: width },
-        React__namespace.createElement(tooltip.Popover, { arrow: false, lazy: true, visible: open, zIndex: zIndex, appendTo: portalTarget !== null && portalTarget !== void 0 ? portalTarget : "parent", placement: defaultPopoverPlacement, onClickOutside: hideCalendar, tippyRef: tippyRef, content: React__namespace.createElement(SingleDateCalendar, __assign({}, calendarProps, { onChange: onCalendarSelectDate, onChangePanel: onChangePanel, value: value && dateIsValid
-                    ? dateFns.parse(value, dateFormat, new Date())
-                    : undefined, minDate: minDate, maxDate: maxDate, theme: calendarTheme })) },
-            React__namespace.createElement(forms.TextInput, __assign({}, props, { variant: invalid ? "error" : variant, disableContentPaddingRight: true, contentRight: !hideCalenderIcon ? (React__namespace.createElement(core.Row, { alignItems: "center", indent: 0.5 },
-                    React__namespace.createElement(elements.FlatButton, { size: "small", disabled: props.disabled, leftIcon: elements.stenaCalendar, onClick: toggleCalendar }))) : undefined, onValueChange: onValueChangeHandler, placeholder: placeholder, value: value || "", min: minDate, max: maxDate, size: 10 })))));
-};
-
-var formatHours = function (hours) {
-    if (hours === "") {
-        return "00";
-    }
-    var h = parseInt(hours, 10);
-    if (isNaN(h)) {
-        throw new Error("Hours is not a number");
-    }
-    if (h < 0 || h > 23) {
-        throw new Error("Hours is an invalid number");
-    }
-    switch (hours.length) {
-        case 1:
-            return "0".concat(h);
-        case 2:
-            return hours;
-        default:
-            throw new Error("Invalid hour string");
-    }
-};
-var formatMinutes = function (minutes) {
-    if (minutes === "") {
-        return "00";
-    }
-    var m = parseInt(minutes, 10);
-    if (isNaN(m)) {
-        throw new Error("Minutes is not a number");
-    }
-    if (m < 0 || m > 59) {
-        throw new Error("Minutes is an invalid number");
-    }
-    switch (minutes.length) {
-        case 1:
-            return "0".concat(m);
-        case 2:
-            return minutes;
-        default:
-            throw new Error("Invalid minute string");
-    }
-};
-var formatTimeString = function (time) {
-    if (!validUserInput(time)) {
-        return { time: time, success: false };
-    }
-    var arr = time && time.split(/-|:|,|;|[/]|[.]| /); // consider all these chars as user input separator
-    if (arr && arr.length === 2) {
-        try {
-            var hours = formatHours(arr[0]);
-            var minutes = formatMinutes(arr[1]);
-            return { time: "".concat(hours, ":").concat(minutes), success: true };
-        }
-        catch (_a) {
-            return { time: time, success: false };
-        }
-    }
-    else if (arr && arr.length === 1) {
-        var hours = 0;
-        var minutes = 0;
-        switch (time.length) {
-            case 1:
-                return { time: "0".concat(time, ":00"), success: true };
-            case 2:
-                var timeNumber = parseInt(arr[0], 10);
-                if (timeNumber >= 0 && timeNumber < 24) {
-                    return { time: "".concat(time, ":00"), success: true };
-                }
-                else if (timeNumber >= 24 && timeNumber < 59) {
-                    return { time: "00:".concat(time), success: true };
-                }
-                return { time: time, success: false };
-            case 3:
-                minutes = parseInt(time.substr(1, 2), 10);
-                if (minutes >= 0 && minutes <= 59) {
-                    return {
-                        time: "0".concat(time.substr(0, 1), ":").concat(time.substr(1, 2)),
-                        success: true,
-                    };
-                }
-                return { time: time, success: false };
-            case 4:
-                hours = parseInt(time.substr(0, 2), 10);
-                minutes = parseInt(time.substr(2, 2), 10);
-                if (hours < 0 || hours > 23) {
-                    return { time: time, success: false };
-                }
-                if (minutes < 0 || minutes > 59) {
-                    return { time: time, success: false };
-                }
-                return {
-                    time: "".concat(time.substr(0, 2), ":").concat(time.substr(2, 2)),
-                    success: true,
-                };
-            default:
-                return { time: time, success: false };
-        }
-    }
-    return { time: time, success: false };
-};
-var validUserInput = function (input) {
-    if (input) {
-        return /^[-:.,/; 0-9]+$/.test(input);
-    }
-    return true;
-};
-
-/**
- * @deprecated
- */
-var TimeTextInput = function (_a) {
-    var onValueChange = _a.onValueChange, _b = _a.showPlaceholder, showPlaceholder = _b === void 0 ? true : _b, _c = _a.useIcon, useIcon = _c === void 0 ? true : _c, value = _a.value, _d = _a.width, width = _d === void 0 ? "85px" : _d, variant = _a.variant, props = __rest(_a, ["onValueChange", "showPlaceholder", "useIcon", "value", "width", "variant"]);
-    var _e = React.useState(function () { return validUserInput(value); }), valid = _e[0], setValid = _e[1];
-    var timeFormat = "hh:mm";
-    var onBlur = React.useCallback(function () {
-        if (value) {
-            var formattedResult = formatTimeString(value);
-            setValid(formattedResult.success);
-            if (formattedResult.success) {
-                if (onValueChange) {
-                    onValueChange(formattedResult.time);
-                }
-            }
-        }
-    }, [value, onValueChange, setValid]);
-    var onChangeHandler = React.useCallback(function (ev) {
-        var time = ev.target.value;
-        var validInput = validUserInput(time);
-        setValid(validInput && time.length <= timeFormat.length);
-        if (onValueChange) {
-            onValueChange(time);
-        }
-    }, [onValueChange, setValid]);
-    return (React__namespace.createElement(forms.TextInput, __assign({}, props, { type: "time", variant: !valid ? "error" : variant, iconLeft: useIcon ? elements.stenaClock : undefined, value: value, placeholder: showPlaceholder ? timeFormat : undefined, onChange: onChangeHandler, onBlur: onBlur, width: width })));
-};
-
-var DualTextInput = function (_a) {
-    var autoFocusLeft = _a.autoFocusLeft, autoFocusRight = _a.autoFocusRight, onEsc = _a.onEsc, onEnter = _a.onEnter, onValueChangeLeft = _a.onValueChangeLeft, onValueChangeRight = _a.onValueChangeRight, separatorIcon = _a.separatorIcon, placeholderLeft = _a.placeholderLeft, placeholderRight = _a.placeholderRight, typeLeft = _a.typeLeft, typeRight = _a.typeRight, onChangeLeft = _a.onChangeLeft, onChangeRight = _a.onChangeRight, valueLeft = _a.valueLeft, valueRight = _a.valueRight, minLeft = _a.minLeft, maxLeft = _a.maxLeft, minRight = _a.minRight, maxRight = _a.maxRight, onClickLeft = _a.onClickLeft, onClickRight = _a.onClickRight, onClickCalendar = _a.onClickCalendar, onClickArrowDown = _a.onClickArrowDown, onBlurLeft = _a.onBlurLeft, onBlurRight = _a.onBlurRight, onFocusLeft = _a.onFocusLeft, onFocusRight = _a.onFocusRight, inputRefLeft = _a.inputRefLeft, inputRefRight = _a.inputRefRight, variant = _a.variant, variantLeft = _a.variantLeft, variantRight = _a.variantRight, onBlur = _a.onBlur, showPresets = _a.showPresets, widthLeft = _a.widthLeft, widthRight = _a.widthRight, disabled = _a.disabled;
-    var focusCounter = React.useRef(0);
-    var tryTriggerOnBlur = React.useMemo(function () {
-        return lodash.debounce(function (focusCounter) {
-            if (focusCounter === 0) {
-                onBlur === null || onBlur === void 0 ? void 0 : onBlur();
-            }
-        }, 10);
-    }, [onBlur]);
-    var focusLeftHandler = React.useCallback(function (ev) {
-        focusCounter.current++;
-        tryTriggerOnBlur(focusCounter.current);
-        if (onFocusLeft) {
-            onFocusLeft(ev);
-        }
-    }, [onFocusLeft, focusCounter, tryTriggerOnBlur]);
-    var focusRightHandler = React.useCallback(function (ev) {
-        focusCounter.current++;
-        tryTriggerOnBlur(focusCounter.current);
-        if (onFocusRight) {
-            onFocusRight(ev);
-        }
-    }, [onFocusRight, focusCounter, tryTriggerOnBlur]);
-    var blurLeftHandler = React.useCallback(function (ev) {
-        focusCounter.current--;
-        tryTriggerOnBlur(focusCounter.current);
-        if (onBlurLeft) {
-            onBlurLeft(ev);
-        }
-    }, [onBlurLeft, focusCounter, tryTriggerOnBlur]);
-    var blurRightHandler = React.useCallback(function (ev) {
-        focusCounter.current--;
-        tryTriggerOnBlur(focusCounter.current);
-        if (onBlurRight) {
-            onBlurRight(ev);
-        }
-    }, [onBlurRight, focusCounter, tryTriggerOnBlur]);
-    return (React__namespace.createElement(core.Box, null,
-        React__namespace.createElement(forms.TextInputBox, { disableContentPaddingRight: true, disabled: disabled, variant: variant, contentRight: React__namespace.createElement(core.Row, { alignItems: "center" },
-                React__namespace.createElement(core.Indent, { num: 0.5 },
-                    React__namespace.createElement(elements.FlatButton, { leftIcon: elements.stenaCalendar, onClick: onClickCalendar, disabled: disabled, size: "small" })),
-                showPresets ? (React__namespace.createElement(React__namespace.Fragment, null,
-                    React__namespace.createElement(core.Row, { height: "22px" },
-                        React__namespace.createElement(core.SeparatorLine, { vertical: true })),
-                    React__namespace.createElement(core.Indent, { num: 0.5 },
-                        React__namespace.createElement(elements.FlatButton, { leftIcon: elements.stenaAngleDown, onClick: onClickArrowDown, disabled: disabled, size: "small" })))) : null) },
-            React__namespace.createElement(core.Box, { width: widthLeft },
-                React__namespace.createElement(forms.TextInput, { onEsc: onEsc, onEnter: onEnter, onClick: onClickLeft, disabled: disabled, hideBorder: true, placeholder: placeholderLeft, value: valueLeft, onValueChange: onValueChangeLeft, onChange: onChangeLeft, onBlur: blurLeftHandler, onFocus: focusLeftHandler, inputRef: inputRefLeft, variant: variantLeft, type: typeLeft, autoFocus: autoFocusLeft, min: minLeft, max: maxLeft })),
-            React__namespace.createElement(core.Row, { indent: 0.5, alignItems: "center", justifyContent: "center" },
-                React__namespace.createElement(elements.Icon, { icon: separatorIcon, size: 12, color: theme.cssColor("--lhds-color-ui-500") })),
-            React__namespace.createElement(core.Box, { width: widthRight },
-                React__namespace.createElement(forms.TextInput, { onEsc: onEsc, onEnter: onEnter, onClick: onClickRight, disabled: disabled, hideBorder: true, placeholder: placeholderRight, value: valueRight, onValueChange: onValueChangeRight, onChange: onChangeRight, onBlur: blurRightHandler, onFocus: focusRightHandler, inputRef: inputRefRight, variant: variantRight, type: typeRight, autoFocus: autoFocusRight, min: minRight, max: maxRight })))));
-};
-
-var transformTimeStringToNumber = function (time) {
-    if (time == null) {
-        throw new Error("Time is not set.");
-    }
-    if (time === "") {
-        throw new Error("Time is empty.");
-    }
-    var parts = time.split(":");
-    if (parts.length !== 2) {
-        throw new Error("Invalid time.");
-    }
-    if (parts[1].length !== 2) {
-        throw new Error("Invalid time.");
-    }
-    if (parts[0].length < 1 || parts[0].length > 2) {
-        throw new Error("Invalid time.");
-    }
-    var hours = parseInt(parts[0], 10);
-    var minutes = parseInt(parts[1], 10);
-    if (isNaN(hours)) {
-        throw new Error("Invalid time.");
-    }
-    if (isNaN(minutes)) {
-        throw new Error("Invalid time.");
-    }
-    if (hours < 0 || hours > 23) {
-        throw new Error("Invalid time.");
-    }
-    if (minutes < 0 || minutes > 59) {
-        throw new Error("Invalid time.");
-    }
-    return hours * 100 + minutes;
-};
-var isValidTimeString = function (time) {
-    try {
-        transformTimeStringToNumber(time);
-        return true;
-    }
-    catch (e) {
-        return false;
-    }
-};
-var getHoursAndMinutesFromTimeString = function (value) {
-    if (value && isValidTimeString(value)) {
-        var p = value.split(":");
-        return {
-            hour: core.parseIntElseUndefined(p[0]),
-            minute: core.parseIntElseUndefined(p[1]),
-        };
-    }
-    return {
-        hour: undefined,
-        minute: undefined,
-    };
-};
-var transformTimeInDateToTimeString = function (date) {
-    return "".concat(formatHours(String(date.getHours())), ":").concat(formatMinutes(String(date.getMinutes())));
-};
-
-var css_248z = ".TimePicker-module_timePicker__1ElGu {\n  overflow: hidden;\n  width: 180px;\n}\n\n.TimePicker-module_timePickerColumn__2vfuE {\n  overflow-y: hidden;\n  flex: 1;\n}\n\n.TimePicker-module_timePickerColumn__2vfuE:hover {\n    overflow-y: scroll;\n  }\n";
-var styles = {"timePicker":"TimePicker-module_timePicker__1ElGu","timePickerColumn":"TimePicker-module_timePickerColumn__2vfuE"};
-styleInject(css_248z);
-
-var TimePickerCell = function (_a) {
-    var onClick = _a.onClick, item = _a.item, selected = _a.selected, columnRef = _a.columnRef, canScrollRef = _a.canScrollRef;
-    var ref = React.useRef(null);
-    React.useEffect(function scrollToSelectedItem() {
-        if (selected &&
-            columnRef.current &&
-            ref.current &&
-            canScrollRef.current) {
-            var targetScroll = ref.current.scrollHeight * Math.max(item - 2, 0);
-            columnRef.current.scrollTo(0, targetScroll);
-            canScrollRef.current = false;
-        }
-    }, [columnRef, item, selected, canScrollRef]);
-    return (React__namespace.createElement(core.Row, { width: "64px", justifyContent: "center", spacing: 0.5, indent: 0.5, ref: ref }, selected ? (React__namespace.createElement(elements.PrimaryButton, { label: String(item), onClick: function () { return onClick && onClick(item); } })) : (React__namespace.createElement(elements.FlatButton, { label: String(item), onClick: function () { return onClick && onClick(item); } }))));
-};
-
-var TimePickerColumn = function (_a) {
-    var onClick = _a.onClick, items = _a.items, selectedItem = _a.selectedItem, canScrollRef = _a.canScrollRef;
-    var columnRef = React.useRef(null);
-    return (React__namespace.createElement(core.Column, { className: styles.timePickerColumn, ref: columnRef }, items.map(function (item) { return (React__namespace.createElement(TimePickerCell, { key: item, item: item, onClick: onClick, selected: item === selectedItem, columnRef: columnRef, canScrollRef: canScrollRef })); })));
-};
-
-var hours = lodash.range(0, 24);
-var minutes = lodash.range(0, 60);
-var TimePicker = function (_a) {
-    var value = _a.value, onValueChange = _a.onValueChange;
-    var canScrollRef = React.useRef(true);
-    var _b = React.useState(undefined), hour = _b[0], setHour = _b[1];
-    var _c = React.useState(undefined), minute = _c[0], setMinute = _c[1];
-    React.useEffect(function () {
-        if (value) {
-            var _a = getHoursAndMinutesFromTimeString(value), minute_1 = _a.minute, hour_1 = _a.hour;
-            setHour(hour_1);
-            setMinute(minute_1);
-        }
-    }, [value]);
-    var onClickHour = React.useCallback(function (h) {
-        setHour(h);
-        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange("".concat(formatHours(String(h !== null && h !== void 0 ? h : 0)), ":").concat(formatMinutes(String(minute !== null && minute !== void 0 ? minute : 0))));
-    }, [minute, onValueChange]);
-    var onClickMinutes = React.useCallback(function (m) {
-        setMinute(m);
-        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange("".concat(formatHours(String(hour !== null && hour !== void 0 ? hour : 0)), ":").concat(formatMinutes(String(m !== null && m !== void 0 ? m : 0))));
-    }, [hour, onValueChange]);
-    return (React__namespace.createElement(core.Row, { className: styles.timePicker },
-        React__namespace.createElement(TimePickerColumn, { items: hours, onClick: onClickHour, selectedItem: hour, canScrollRef: canScrollRef }),
-        React__namespace.createElement(core.Indent, null),
-        React__namespace.createElement(TimePickerColumn, { items: minutes, onClick: onClickMinutes, selectedItem: minute, canScrollRef: canScrollRef })));
-};
-
-var useDateRangeEffects$1 = function (date, setDateInFocus, dateInputRef) {
-    React.useEffect(function moveFocusedDateWhenDateChanges() {
-        if (date) {
-            setDateInFocus(date);
-        }
-    }, [date, setDateInFocus]);
-    React.useEffect(function updateDateFieldWhenValueChanges() {
-        if (dateInputRef.current) {
-            if (date) {
-                dateInputRef.current.valueAsDate = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));
-            }
-            else {
-                dateInputRef.current.valueAsDate = null;
-            }
-        }
-    }, [date, dateInputRef]);
-};
-
-var useDateRangeHandlers$1 = function (date, onValueChange, _a, dateInputRef) {
-    var setDateInFocus = _a.setDateInFocus, showCalendarInternal = _a.showCalendarInternal, hideCalendarInternal = _a.hideCalendarInternal, setFirstFocusedInput = _a.setFirstFocusedInput, setCurrentPanel = _a.setCurrentPanel, localTime = _a.localTime, setLocalTime = _a.setLocalTime, localDate = _a.localDate, setLocalDate = _a.setLocalDate;
-    var onChangeDate = React.useCallback(function (incomingDate) {
-        if (!incomingDate) {
-            return;
-        }
-        var newDate = new Date(incomingDate);
-        if (date) {
-            // Full date is available
-            newDate.setHours(date.getHours());
-            newDate.setMinutes(date.getMinutes());
-            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newDate);
-            setLocalDate(undefined);
-        }
-        else if (localTime) {
-            // Only time has been selected
-            var _a = getHoursAndMinutesFromTimeString(localTime), minute = _a.minute, hour = _a.hour;
-            newDate.setHours(hour !== null && hour !== void 0 ? hour : 0);
-            newDate.setMinutes(minute !== null && minute !== void 0 ? minute : 0);
-            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newDate);
-            setLocalDate(undefined);
-        }
-        else {
-            // Nothing has been selected
-            setLocalDate(newDate);
-        }
-        setDateInFocus(newDate);
-        if (dateInputRef.current) {
-            dateInputRef.current.valueAsDate = newDate;
-        }
-    }, [date, dateInputRef, localTime, onValueChange, setDateInFocus, setLocalDate]);
-    var onChangeTime = React.useCallback(function (time) {
-        if (!time) {
-            return;
-        }
-        if (date) {
-            // Full date is available
-            var newTime = getHoursAndMinutesFromTimeString(time);
-            var newDate = new Date(date);
-            newDate.setHours(newTime.hour || 0);
-            newDate.setMinutes(newTime.minute || 0);
-            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newDate);
-            setLocalTime(undefined);
-        }
-        else if (localDate) {
-            // Only date has already been selected
-            var newTime = getHoursAndMinutesFromTimeString(time);
-            var newDate = new Date(localDate);
-            newDate.setHours(newTime.hour || 0);
-            newDate.setMinutes(newTime.minute || 0);
-            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newDate);
-            setLocalTime(undefined);
-        }
-        else {
-            // Nothing has been selected
-            setLocalTime(time);
-        }
-    }, [onValueChange, date, localDate, setLocalTime]);
-    var inputLeftChangeHandler = React.useCallback(function (ev) {
-        if (ev.target.value[0] !== "0") {
-            onChangeDate(ev.target.valueAsDate);
-        }
-    }, [onChangeDate]);
-    var inputRightChangeHandler = React.useCallback(function (ev) { return onChangeTime(ev.target.value); }, [onChangeTime]);
-    var showCalendar = React.useCallback(function () {
-        if (date) {
-            setDateInFocus(date);
-        }
-        else {
-            setDateInFocus(new Date());
-        }
-        setCurrentPanel("calendar");
-        showCalendarInternal();
-    }, [date, setCurrentPanel, showCalendarInternal, setDateInFocus]);
-    var hideCalendar = React.useCallback(function () {
-        setFirstFocusedInput(undefined);
-        hideCalendarInternal();
-    }, [setFirstFocusedInput, hideCalendarInternal]);
-    return {
-        inputLeftChangeHandler: inputLeftChangeHandler,
-        inputRightChangeHandler: inputRightChangeHandler,
-        hideCalendar: hideCalendar,
-        showCalendar: showCalendar,
-        onChangeTime: onChangeTime,
-        onChangeDate: onChangeDate,
-    };
-};
-
-var useInputStates$1 = function (date) {
-    var _a = React.useState(undefined), localDate = _a[0], setLocalDate = _a[1];
-    var _b = React.useState(undefined), localTime = _b[0], setLocalTime = _b[1];
-    var _c = core.useBoolean(false), isCalendarVisible = _c[0], showCalendarInternal = _c[1], hideCalendarInternal = _c[2];
-    var _d = core.useBoolean(false), isTimePickerVisible = _d[0], showTimePicker = _d[1], hideTimePicker = _d[2];
-    var _e = React.useState(undefined), firstFocusedInput = _e[0], setFirstFocusedInput = _e[1];
-    var _f = React.useState(function () { return date !== null && date !== void 0 ? date : new Date(); }), dateInFocus = _f[0], setDateInFocus = _f[1];
-    var _g = React.useState("calendar"), currentPanel = _g[0], setCurrentPanel = _g[1];
-    return {
-        isCalendarVisible: isCalendarVisible,
-        showCalendarInternal: showCalendarInternal,
-        hideCalendarInternal: hideCalendarInternal,
-        firstFocusedInput: firstFocusedInput,
-        setFirstFocusedInput: setFirstFocusedInput,
-        dateInFocus: dateInFocus,
-        setDateInFocus: setDateInFocus,
-        currentPanel: currentPanel,
-        setCurrentPanel: setCurrentPanel,
-        isTimePickerVisible: isTimePickerVisible,
-        showTimePicker: showTimePicker,
-        hideTimePicker: hideTimePicker,
-        localDate: localDate,
-        setLocalDate: setLocalDate,
-        localTime: localTime,
-        setLocalTime: setLocalTime,
-    };
-};
-
-var useUserInputHandlers$1 = function (onChangeDate, dateInputRef, showCalendar, hideCalendar, _a) {
-    var isCalendarVisible = _a.isCalendarVisible, setCurrentPanel = _a.setCurrentPanel, showTimePicker = _a.showTimePicker, hideTimePicker = _a.hideTimePicker;
-    var onFocusLeft = React.useCallback(function () {
-        if (!isCalendarVisible) {
-            showCalendar();
-        }
-        setCurrentPanel("calendar");
-        hideTimePicker();
-    }, [hideTimePicker, isCalendarVisible, setCurrentPanel, showCalendar]);
-    var onFocusRight = React.useCallback(function () {
-        hideCalendar();
-        showTimePicker();
-    }, [hideCalendar, showTimePicker]);
-    var onClickDay = React.useCallback(function (day) {
-        onChangeDate(day.date);
-        hideCalendar();
-        showTimePicker();
-    }, [onChangeDate, hideCalendar, showTimePicker]);
-    var onClickArrowButton = React.useCallback(function () {
-        setCurrentPanel("presets");
-        showCalendar();
-    }, [setCurrentPanel, showCalendar]);
-    var onClickCalendarButton = React.useCallback(function () {
-        var _a;
-        if (isCalendarVisible) {
-            hideCalendar();
-        }
-        else {
-            (_a = dateInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            setCurrentPanel("calendar");
-            showCalendar();
-        }
-    }, [
-        isCalendarVisible,
-        hideCalendar,
-        dateInputRef,
-        setCurrentPanel,
-        showCalendar,
-    ]);
-    var onKeyDownHandler = React.useCallback(function (ev) {
-        if (ev.key === "Escape") {
-            hideCalendar();
-        }
-    }, [hideCalendar]);
-    return {
-        onFocusLeft: onFocusLeft,
-        onFocusRight: onFocusRight,
-        onClickDay: onClickDay,
-        onClickArrowButton: onClickArrowButton,
-        onClickCalendarButton: onClickCalendarButton,
-        onKeyDownHandler: onKeyDownHandler,
-    };
-};
-
-var DateTimeInput = function (_a) {
-    var value = _a.value, onValueChange = _a.onValueChange, onEnter = _a.onEnter, onEsc = _a.onEsc, onBlur = _a.onBlur, autoFocus = _a.autoFocus, minDate = _a.minDate, _b = _a.widthLeft, widthLeft = _b === void 0 ? 128 : _b, _c = _a.widthRight, widthRight = _c === void 0 ? 80 : _c, _d = _a.maxDate, maxDate = _d === void 0 ? defaultMaxDate : _d, variant = _a.variant, disabled = _a.disabled;
-    var dateInputRef = React.useRef(null);
-    var timeInputRef = React.useRef(null);
-    var states = useInputStates$1(value);
-    var setCurrentPanel = states.setCurrentPanel, currentPanel = states.currentPanel, isCalendarVisible = states.isCalendarVisible, dateInFocus = states.dateInFocus, setDateInFocus = states.setDateInFocus, isTimePickerVisible = states.isTimePickerVisible, hideTimePicker = states.hideTimePicker, localTime = states.localTime, localDate = states.localDate;
-    var _e = useDateRangeHandlers$1(value, onValueChange, states, dateInputRef), showCalendar = _e.showCalendar, hideCalendar = _e.hideCalendar, inputLeftChangeHandler = _e.inputLeftChangeHandler, inputRightChangeHandler = _e.inputRightChangeHandler, onChangeTime = _e.onChangeTime, onChangeDate = _e.onChangeDate;
-    var _f = useUserInputHandlers$1(onChangeDate, dateInputRef, showCalendar, hideCalendar, states), onKeyDownHandler = _f.onKeyDownHandler, onFocusRight = _f.onFocusRight, onFocusLeft = _f.onFocusLeft, onClickDay = _f.onClickDay, onClickCalendarButton = _f.onClickCalendarButton, onClickArrowButton = _f.onClickArrowButton;
-    useDateRangeEffects$1(value, setDateInFocus, dateInputRef);
-    var statePerMonth = React.useMemo(function () {
-        var dateToHighlight = value || localDate;
-        if (!dateToHighlight) {
-            return {};
-        }
-        return addDayStateHighlights(undefined, dateToHighlight, [
-            "singleSelected",
-            "selected",
-        ]);
-    }, [localDate, value]);
-    var hideAll = React.useCallback(function () {
-        hideCalendar();
-        hideTimePicker();
-    }, [hideCalendar, hideTimePicker]);
-    var timeValue = React.useMemo(function () { return (value ? transformTimeInDateToTimeString(value) : localTime); }, [value, localTime]);
-    var delayedIsCalendarVisible = core.useDelayedFalse(isCalendarVisible, 300);
-    var delayedIsTimePickerVisible = core.useDelayedFalse(isTimePickerVisible, 300);
-    return (React__namespace.createElement(core.Box, { onKeyDown: onKeyDownHandler },
-        React__namespace.createElement(tooltip.Popover, { arrow: false, lazy: true, disabled: disabled, placement: defaultPopoverPlacement, visible: isCalendarVisible || isTimePickerVisible, onClickOutside: hideAll, content: (delayedIsCalendarVisible || delayedIsTimePickerVisible) && (React__namespace.createElement(core.Column, null, delayedIsCalendarVisible ? (React__namespace.createElement(CalendarWithMonthSwitcher, { statePerMonth: statePerMonth, onClickDay: onClickDay, dateInFocus: dateInFocus, setDateInFocus: setDateInFocus, currentPanel: currentPanel, setCurrentPanel: setCurrentPanel, minDate: minDate, maxDate: maxDate })) : delayedIsTimePickerVisible ? (React__namespace.createElement(core.Column, null,
-                React__namespace.createElement(core.Column, { overflow: "hidden", height: "250px" },
-                    React__namespace.createElement(TimePicker, { value: timeValue !== null && timeValue !== void 0 ? timeValue : "", onValueChange: onChangeTime })),
-                React__namespace.createElement(core.Space, null),
-                React__namespace.createElement(core.Row, { justifyContent: "flex-end" },
-                    React__namespace.createElement(elements.PrimaryButton, { label: "Done", onClick: hideTimePicker })))) : null)) },
-            React__namespace.createElement(DualTextInput, { autoFocusLeft: autoFocus, onEsc: onEsc, onEnter: onEnter, onBlur: onBlur, disabled: disabled, separatorIcon: elements.stenaClock, typeLeft: "date", typeRight: "time", placeholderLeft: "yyyy-mm-dd", placeholderRight: "hh:mm", onChangeLeft: inputLeftChangeHandler, onChangeRight: inputRightChangeHandler, onClickArrowDown: onClickArrowButton, onClickCalendar: onClickCalendarButton, onFocusLeft: onFocusLeft, onFocusRight: onFocusRight, onClickLeft: onFocusLeft, onClickRight: onFocusRight, inputRefLeft: dateInputRef, inputRefRight: timeInputRef, valueRight: timeValue !== null && timeValue !== void 0 ? timeValue : "", widthLeft: widthLeft, widthRight: widthRight, minLeft: minDate, maxLeft: maxDate, variant: variant }))));
-};
-
-var useDateRangeEffects = function (startDate, endDate, setDateInFocus, startDateInputRef, endDateInputRef) {
-    React.useEffect(function moveFocusedDateWhenStartDateChanges() {
-        if (startDate) {
-            setDateInFocus(startDate);
-        }
-    }, [startDate, setDateInFocus]);
-    React.useEffect(function moveFocusedDateWhenEndDateChanges() {
-        if (endDate) {
-            setDateInFocus(endDate);
-        }
-    }, [endDate, setDateInFocus]);
-    React.useEffect(function updateStartDateFieldWhenValueChanges() {
-        if (startDateInputRef.current) {
-            if (startDate) {
-                startDateInputRef.current.valueAsDate = new Date(Date.UTC(startDate.getFullYear(), startDate.getMonth(), startDate.getDate()));
-            }
-            else {
-                startDateInputRef.current.valueAsDate = null;
-            }
-        }
-    }, [startDate, startDateInputRef]);
-    React.useEffect(function updateEndDateFieldWhenValueChanges() {
-        if (endDateInputRef.current) {
-            if (endDate) {
-                endDateInputRef.current.valueAsDate = new Date(Date.UTC(endDate.getFullYear(), endDate.getMonth(), endDate.getDate()));
-            }
-            else {
-                endDateInputRef.current.valueAsDate = null;
-            }
-        }
-    }, [endDate, endDateInputRef]);
-};
-
-var useDateRangeHandlers = function (startDate, endDate, onValueChange, _a) {
-    var setDateInFocus = _a.setDateInFocus, showCalendarInternal = _a.showCalendarInternal, hideCalendarInternal = _a.hideCalendarInternal, setFirstFocusedInput = _a.setFirstFocusedInput, setCurrentPanel = _a.setCurrentPanel;
-    var inputLeftChangeHandler = React.useCallback(function (ev) {
-        var _a;
-        if (ev.target.value[0] !== "0") {
-            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange({
-                startDate: (_a = ev.target.valueAsDate) !== null && _a !== void 0 ? _a : undefined,
-                endDate: endDate,
-            });
-        }
-    }, [onValueChange, endDate]);
-    var inputRightChangeHandler = React.useCallback(function (ev) {
-        var _a;
-        if (ev.target.value[0] !== "0") {
-            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange({
-                startDate: startDate,
-                endDate: (_a = ev.target.valueAsDate) !== null && _a !== void 0 ? _a : undefined,
-            });
-        }
-    }, [onValueChange, startDate]);
-    var showCalendar = React.useCallback(function () {
-        if (startDate) {
-            setDateInFocus(startDate);
-        }
-        else if (endDate) {
-            setDateInFocus(endDate);
-        }
-        else {
-            setDateInFocus(new Date());
-        }
-        setCurrentPanel("calendar");
-        showCalendarInternal();
-    }, [
-        startDate,
-        endDate,
-        setCurrentPanel,
-        showCalendarInternal,
-        setDateInFocus,
-    ]);
-    var hideCalendar = React.useCallback(function () {
-        setFirstFocusedInput(undefined);
-        hideCalendarInternal();
-    }, [setFirstFocusedInput, hideCalendarInternal]);
-    return {
-        inputLeftChangeHandler: inputLeftChangeHandler,
-        inputRightChangeHandler: inputRightChangeHandler,
-        hideCalendar: hideCalendar,
-        setDateInFocus: setDateInFocus,
-        setCurrentPanel: setCurrentPanel,
-        showCalendar: showCalendar,
-    };
-};
-
-var useInputStates = function (startDate, endDate) {
-    var _a = core.useBoolean(false), isCalendarVisible = _a[0], showCalendarInternal = _a[1], hideCalendarInternal = _a[2];
-    var _b = React.useState(undefined), firstFocusedInput = _b[0], setFirstFocusedInput = _b[1];
-    var _c = React.useState("startDate"), focusedInput = _c[0], setFocusedInput = _c[1];
-    var _d = React.useState(function () {
-        var fromValue = focusedInput === "startDate"
-            ? startDate
-            : focusedInput === "endDate"
-                ? endDate
-                : undefined;
-        return fromValue !== null && fromValue !== void 0 ? fromValue : new Date();
-    }), dateInFocus = _d[0], setDateInFocus = _d[1];
-    var _e = React.useState("calendar"), currentPanel = _e[0], setCurrentPanel = _e[1];
-    return {
-        isCalendarVisible: isCalendarVisible,
-        showCalendarInternal: showCalendarInternal,
-        hideCalendarInternal: hideCalendarInternal,
-        firstFocusedInput: firstFocusedInput,
-        setFirstFocusedInput: setFirstFocusedInput,
-        focusedInput: focusedInput,
-        setFocusedInput: setFocusedInput,
-        dateInFocus: dateInFocus,
-        setDateInFocus: setDateInFocus,
-        currentPanel: currentPanel,
-        setCurrentPanel: setCurrentPanel,
-    };
-};
-
-var useUserInputHandlers = function (startDate, endDate, onValueChange, startDateInputRef, endDateInputRef, showCalendar, hideCalendar, _a) {
-    var firstFocusedInput = _a.firstFocusedInput, setFirstFocusedInput = _a.setFirstFocusedInput, isCalendarVisible = _a.isCalendarVisible, setFocusedInput = _a.setFocusedInput, focusedInput = _a.focusedInput, setCurrentPanel = _a.setCurrentPanel;
-    var onFocusLeft = React.useCallback(function () {
-        if (firstFocusedInput == null) {
-            setFirstFocusedInput("startDate");
-        }
-        setFocusedInput("startDate");
-        if (!isCalendarVisible) {
-            showCalendar();
-        }
-    }, [
-        isCalendarVisible,
-        setFocusedInput,
-        showCalendar,
-        setFirstFocusedInput,
-        firstFocusedInput,
-    ]);
-    var onFocusRight = React.useCallback(function () {
-        if (firstFocusedInput == null) {
-            setFirstFocusedInput("endDate");
-        }
-        setFocusedInput("endDate");
-        if (!isCalendarVisible) {
-            showCalendar();
-        }
-    }, [
-        isCalendarVisible,
-        setFocusedInput,
-        showCalendar,
-        setFirstFocusedInput,
-        firstFocusedInput,
-    ]);
-    var onClickDay = React.useCallback(function (day) {
-        var _a, _b, _c, _d;
-        if (focusedInput === "startDate") {
-            if (endDate != null && dateFns.isAfter(day.date, endDate)) {
-                onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange({
-                    startDate: day.date,
-                    endDate: undefined,
-                });
-                setFocusedInput("endDate");
-                (_a = endDateInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            }
-            else {
-                onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange({
-                    startDate: day.date,
-                    endDate: endDate,
-                });
-                if (firstFocusedInput === "startDate") {
-                    setFocusedInput("endDate");
-                    (_b = endDateInputRef.current) === null || _b === void 0 ? void 0 : _b.focus();
-                }
-                else {
-                    setTimeout(hideCalendar, 50);
-                }
-            }
-        }
-        else if (focusedInput === "endDate") {
-            if (!startDate) {
-                onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange({
-                    startDate: startDate,
-                    endDate: day.date,
-                });
-                setFocusedInput("startDate");
-                (_c = startDateInputRef.current) === null || _c === void 0 ? void 0 : _c.focus();
-            }
-            else if (dateFns.isAfter(startDate, day.date)) {
-                onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange({
-                    startDate: day.date,
-                    endDate: undefined,
-                });
-                setFocusedInput("endDate");
-                (_d = endDateInputRef.current) === null || _d === void 0 ? void 0 : _d.focus();
-            }
-            else {
-                onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange({
-                    startDate: startDate,
-                    endDate: day.date,
-                });
-                setTimeout(hideCalendar, 50);
-            }
-        }
-    }, [
-        focusedInput,
-        onValueChange,
-        endDate,
-        firstFocusedInput,
-        setFocusedInput,
-        endDateInputRef,
-        hideCalendar,
-        startDate,
-        startDateInputRef,
-    ]);
-    var onClickArrowButton = React.useCallback(function () {
-        setCurrentPanel("presets");
-        showCalendar();
-    }, [setCurrentPanel, showCalendar]);
-    var onClickCalendarButton = React.useCallback(function () {
-        var _a;
-        if (isCalendarVisible) {
-            hideCalendar();
-        }
-        else {
-            setFocusedInput("startDate");
-            setFirstFocusedInput("startDate");
-            (_a = startDateInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            setCurrentPanel("calendar");
-            showCalendar();
-        }
-    }, [
-        isCalendarVisible,
-        hideCalendar,
-        setFocusedInput,
-        setFirstFocusedInput,
-        startDateInputRef,
-        setCurrentPanel,
-        showCalendar,
-    ]);
-    var onKeyDownHandler = React.useCallback(function (ev) {
-        if (ev.key === "Escape") {
-            hideCalendar();
-        }
-    }, [hideCalendar]);
-    return {
-        onFocusLeft: onFocusLeft,
-        onFocusRight: onFocusRight,
-        onClickDay: onClickDay,
-        onClickArrowButton: onClickArrowButton,
-        onClickCalendarButton: onClickCalendarButton,
-        onKeyDownHandler: onKeyDownHandler,
-    };
-};
-
-var DateRangeDualTextInput = function (_a) {
-    var value = _a.value, onValueChange = _a.onValueChange, autoFocus = _a.autoFocus, onBlur = _a.onBlur, onEnter = _a.onEnter, onEsc = _a.onEsc, minDate = _a.minDate, _b = _a.maxDate, maxDate = _b === void 0 ? defaultMaxDate : _b, calendarProps = _a.calendarProps, _c = _a.widthLeft, widthLeft = _c === void 0 ? 128 : _c, _d = _a.widthRight, widthRight = _d === void 0 ? 128 : _d, variant = _a.variant, disabled = _a.disabled;
-    var _e = value || {}, startDate = _e.startDate, endDate = _e.endDate;
-    var startDateInputRef = React.useRef(null);
-    var endDateInputRef = React.useRef(null);
-    var states = useInputStates(startDate, endDate);
-    var dateInFocus = states.dateInFocus, setDateInFocus = states.setDateInFocus, isCalendarVisible = states.isCalendarVisible, currentPanel = states.currentPanel, setCurrentPanel = states.setCurrentPanel;
-    var _f = useDateRangeHandlers(startDate, endDate, onValueChange, states), showCalendar = _f.showCalendar, hideCalendar = _f.hideCalendar, inputLeftChangeHandler = _f.inputLeftChangeHandler, inputRightChangeHandler = _f.inputRightChangeHandler;
-    var _g = useUserInputHandlers(startDate, endDate, onValueChange, startDateInputRef, endDateInputRef, showCalendar, hideCalendar, states), onKeyDownHandler = _g.onKeyDownHandler, onFocusRight = _g.onFocusRight, onFocusLeft = _g.onFocusLeft, onClickDay = _g.onClickDay, onClickCalendarButton = _g.onClickCalendarButton, onClickArrowButton = _g.onClickArrowButton;
-    useDateRangeEffects(startDate, endDate, setDateInFocus, startDateInputRef, endDateInputRef);
-    var startDateIsAfterEnd = React.useMemo(function () { return startDate && endDate && dateFns.isAfter(startDate, endDate); }, [startDate, endDate]);
-    var statePerMonth = React.useMemo(function () {
-        return buildDayStateForSingleMonth(calendarProps === null || calendarProps === void 0 ? void 0 : calendarProps.statePerMonth, startDate, endDate, dateInFocus);
-    }, [calendarProps === null || calendarProps === void 0 ? void 0 : calendarProps.statePerMonth, startDate, endDate, dateInFocus]);
-    var delayedIsCalendarVisible = core.useDelayedFalse(isCalendarVisible, 300);
-    return (React__namespace.createElement(core.Box, { onKeyDown: onKeyDownHandler },
-        React__namespace.createElement(tooltip.Popover, { arrow: false, lazy: true, disabled: disabled, placement: defaultPopoverPlacement, onClickOutside: hideCalendar, visible: isCalendarVisible, content: delayedIsCalendarVisible && (React__namespace.createElement(CalendarWithMonthSwitcher, __assign({ onClickDay: onClickDay, dateInFocus: dateInFocus, setDateInFocus: setDateInFocus, currentPanel: currentPanel, setCurrentPanel: setCurrentPanel, minDate: minDate, maxDate: maxDate }, calendarProps, { statePerMonth: statePerMonth }))) },
-            React__namespace.createElement(DualTextInput, { autoFocusLeft: autoFocus, onEsc: onEsc, onEnter: onEnter, onBlur: onBlur, disabled: disabled, separatorIcon: elements.stenaArrowRight, typeLeft: "date", typeRight: "date", placeholderLeft: "Start date", placeholderRight: "End date", onChangeLeft: inputLeftChangeHandler, onChangeRight: inputRightChangeHandler, onClickArrowDown: onClickArrowButton, onClickCalendar: onClickCalendarButton, onFocusLeft: onFocusLeft, onFocusRight: onFocusRight, onClickLeft: onFocusLeft, onClickRight: onFocusRight, inputRefLeft: startDateInputRef, inputRefRight: endDateInputRef, variant: startDateIsAfterEnd ? "error" : variant, widthLeft: widthLeft, widthRight: widthRight, minLeft: minDate, maxLeft: maxDate, minRight: minDate, maxRight: maxDate }))));
-};
-
-exports.Calendar = Calendar;
-exports.CalendarDay = CalendarDay;
-exports.DateInput = DateInput;
-exports.DateRangeCalendar = DateRangeCalendar;
-exports.DateRangeDualTextInput = DateRangeDualTextInput;
-exports.DateRangeExclusionCalendar = DateRangeExclusionCalendar;
-exports.DateRangeInput = DateRangeInput;
-exports.DateTextInput = DateTextInput;
-exports.DateTimeInput = DateTimeInput;
-exports.MonthPicker = MonthPicker;
-exports.MultiDateCalendar = MultiDateCalendar;
-exports.PresetPicker = PresetPicker;
-exports.SingleDateCalendar = SingleDateCalendar;
-exports.SingleWeekCalendar = SingleWeekCalendar;
-exports.TimeTextInput = TimeTextInput;
-exports.WeekDayCell = WeekDayCell;
-exports.WeekNumberCell = WeekNumberCell;
-exports.YearPicker = YearPicker;
-exports.addDayStateHighlights = addDayStateHighlights;
-exports.addDayStateHighlightsOnSingleDay = addDayStateHighlightsOnSingleDay;
-exports.addWeekRangeHighlights = addWeekRangeHighlights;
-exports.addWeekStateHighlights = addWeekStateHighlights;
-exports.buildDayStateForDateRange = buildDayStateForDateRange;
-exports.buildDayStateForRange = buildDayStateForRange;
-exports.buildDayStateForSingleMonth = buildDayStateForSingleMonth;
-exports.calculateOverflowingMonth = calculateOverflowingMonth;
-exports.createDay = createDay;
-exports.dateRangeToStrings = dateRangeToStrings;
-exports.dayHasHighlight = dayHasHighlight;
-exports.dayHighlightSelect = dayHighlightSelect;
-exports.defaultCalendarTheme = defaultCalendarTheme;
-exports.defaultTextPropsProvider = defaultTextPropsProvider;
-exports.defaultWrapperStyleProvider = defaultWrapperStyleProvider;
-exports.extranetCalendarTheme = extranetCalendarTheme;
-exports.getDaysForWeekForDate = getDaysForWeekForDate;
-exports.getMonthInYear = getMonthInYear;
-exports.getMonthsInYear = getMonthsInYear;
-exports.getStartDateOfISOWeek = getStartDateOfISOWeek;
-exports.getWeekForDate = getWeekForDate;
-exports.getWeeksForMonth = getWeeksForMonth;
-exports.isDateRangeInvalid = isDateRangeInvalid;
-exports.setDayStateValue = setDayStateValue;
-exports.setDayStateValueFunction = setDayStateValueFunction;
-exports.stringsToDateRange = stringsToDateRange;
-exports.toggleDateStringsIfEndIsEarlierThanStart = toggleDateStringsIfEndIsEarlierThanStart;
-exports.toggleDatesIfEndIsEarlierThanStart = toggleDatesIfEndIsEarlierThanStart;
-exports.useDateRangeCalendarState = useDateRangeCalendarState;
-exports.useDateRangeExclusionSelection = useDateRangeExclusionSelection;
-exports.useDateRangeSelection = useDateRangeSelection;
-exports.useMultiDateSelection = useMultiDateSelection;
-exports.useSingleDateSelection = useSingleDateSelection;
-exports.useSingleWeekSelection = useSingleWeekSelection;
+(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("._calendar_1w0de_1{--swui-calendar-day-width: 40px;--swui-calendar-day-height: 38px;--swui-calendar-day-border-radius: 4px;--swui-calendar-week-number-bg-color: transparent;--swui-calendar-week-number-text-color: var(--lhds-color-ui-500);--swui-calendar-week-number-clickable-text-color: var(--lhds-color-ui-500);--swui-calendar-week-day-text-color: var(--lhds-color-ui-500);--swui-calendar-week-day-clickable-text-color: var(--lhds-color-ui-500);--swui-calendar-wrapper-selected-border: var(--swui-primary-action-color);--swui-calendar-wrapper-selected-background: var(--swui-primary-action-color);--swui-calendar-wrapper-range-border: var(--lhds-color-blue-100);--swui-calendar-wrapper-range-background: var(--lhds-color-blue-100);--swui-calendar-wrapper-today-border: var(--lhds-color-ui-200);--swui-calendar-wrapper-today-background: var(--lhds-color-ui-200);--swui-calendar-text-selected-color: #fff;--swui-calendar-text-disabled-color: var(--swui-text-disabled-color);--swui-calendar-text-in-other-month-color: var(--swui-text-disabled-color)}._calendar_1w0de_1 table{border-spacing:0 4px}._calendar_1w0de_1 span{line-height:100%}._calendar_1w0de_1 tr td:last-child{border-top-right-radius:var(--swui-calendar-day-border-radius);border-bottom-right-radius:var(--swui-calendar-day-border-radius)}._calendar_1w0de_1 tr td:nth-child(2){border-top-left-radius:var(--swui-calendar-day-border-radius);border-bottom-left-radius:var(--swui-calendar-day-border-radius)}._calendar_1w0de_1 td{padding:0;width:var(--swui-calendar-day-width);height:var(--swui-calendar-day-height)}._timePicker_1w05d_1{overflow:hidden;width:180px}._timePickerColumn_1w05d_6{overflow-y:hidden;flex:1}._timePickerColumn_1w05d_6:hover{overflow-y:scroll}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var j=require("@stenajs-webui/elements"),D=require("@stenajs-webui/core"),f=require("date-fns"),J=require("lodash"),o=require("react"),c=require("react/jsx-runtime"),rt=require("@emotion/styled"),pe=require("@fortawesome/free-solid-svg-icons/faAngleDoubleLeft"),Ce=require("@fortawesome/free-solid-svg-icons/faAngleDoubleRight"),st=require("@fortawesome/free-solid-svg-icons/faCaretLeft"),ct=require("@fortawesome/free-solid-svg-icons/faCaretRight"),$=require("@stenajs-webui/forms"),Q=require("@stenajs-webui/tooltip"),Me=require("@stenajs-webui/theme"),it=require("@fortawesome/free-solid-svg-icons/faLongArrowAltRight");function ot(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}function at(e){if(e&&e.__esModule)return e;var t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});return e&&Object.keys(e).forEach(function(n){if(n!=="default"){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var Re=at(o),fe=ot(rt);const F={yearAndMonth:"yyyy-MM",fullDate:"yyyy-MM-dd",fullMonthName:"LLLL",fullDateAndTime:"yyyy-MM-dd HH:mm",fullDateAndTimeSystem:"yyyy-MM-ddTHH:MM",weekDayName:"EEEE",weekDayNameShort:"EEE",dateAndMonth:"d MMM",monthAndDate:"MMM do"},G=(e={},t,n)=>{if(t&&n&&f.isAfter(n,t))return f.eachDayOfInterval({start:t,end:n}).reduce((s,i)=>{const l=f.isSameDay(i,t),a=f.isSameDay(i,n);return O(s,i,l?["selected","selectedStart","range"]:a?["selected","selectedEnd","range"]:["range"])},e);let r=e;return t&&(r=O(r,t,["selected","singleSelected"])),n&&(r=O(r,n,["selected","singleSelected"])),r},Ee=(e={},t,n,r)=>Te(e,t,n,f.startOfMonth(r),f.endOfMonth(r)),Te=(e={},t,n,r,s)=>t&&n?G(e,f.max([t,f.subDays(r,1)]),f.min([n,f.addDays(s,1)])):G(e,t,n),lt=(e,t,n)=>{const r=f.format(t,F.yearAndMonth),s=f.getISOWeek(t),i=f.getDate(t);return{...e,[r]:{...e&&e[r],[s]:{...e&&e[r]&&e[r][s],[i]:{...e&&e[r]&&e[r][s]&&e[r][s][i],...n}}}}},dt=(e,t,n)=>{const r=f.format(t,F.yearAndMonth),s=f.getISOWeek(t),i=f.getDate(t);return{...e,[r]:{...e&&e[r],[s]:{...e&&e[r]&&e[r][s],[i]:{...e&&e[r]&&e[r][s]&&e[r][s][i],...n(e&&e[r]&&e[r][s]&&e[r][s][i])}}}}},O=(e,t,n)=>{const r=t.getMonth()+1,s=`${t.getFullYear()}-${r<10?"0":""}${r}`,i=f.getISOWeek(t),l=f.getDate(t),a=e&&e[s]&&e[s][i]&&e[s][i][l];return{...e,[s]:{...e&&e[s],[i]:{...e&&e[s]&&e[s][i],[l]:he(a,n)}}}},he=(e,t)=>{var n;return{...e,highlights:[...(n=e==null?void 0:e.highlights)!=null?n:[],...t]}},ut=(e,t,n)=>{const r=t.days[0].date,s=r.getMonth()+1,i=`${r.getFullYear()}-${s<10?"0":""}${s}`,l=t.weekNumber;let a=e;t.days.forEach(y=>{a=O(a,y.date,n)});const d=a&&a[i]?a[i][l]:void 0,u=d&&d.highlights?[...d.highlights,...n]:n,x={...d,highlights:u};return{...a,[i]:{...e&&e[i],[l]:x}}},Ae=(e,t)=>{var s;if(!t.days.length)return{...e};const n=t.days[0].date,r=(s=J.last(t.days))==null?void 0:s.date;return{...G(e,n,r)}},ft=(e,t)=>o.useMemo(()=>e?O(t,new Date,["today"]):t,[e,t]);var B=(e=>(e[e.JANUARY=0]="JANUARY",e[e.FEBRUARY=1]="FEBRUARY",e[e.MARCH=2]="MARCH",e[e.APRIL=3]="APRIL",e[e.MAY=4]="MAY",e[e.JUNE=5]="JUNE",e[e.JULY=6]="JULY",e[e.AUGUST=7]="AUGUST",e[e.SEPTEMBER=8]="SEPTEMBER",e[e.OCTOBER=9]="OCTOBER",e[e.NOVEMBER=10]="NOVEMBER",e[e.DECEMBER=11]="DECEMBER",e))(B||{}),Ie=(e=>(e[e.SUNDAY=0]="SUNDAY",e[e.MONDAY=1]="MONDAY",e[e.TUESDAY=2]="TUESDAY",e[e.WEDNESDAY=3]="WEDNESDAY",e[e.THURSDAY=4]="THURSDAY",e[e.FRIDAY=5]="FRIDAY",e[e.SATURDAY=6]="SATURDAY",e))(Ie||{});const xe=(e,t,n)=>{const r=[];for(let s=0;s<n;s++)r.push(ye(e,t+s));return r},ye=(e,t)=>{const n=e+Math.floor(t/12),r=t%12,s=new Date(n,r,1);return{monthString:f.format(s,F.yearAndMonth),name:f.format(s,F.fullMonthName),year:n,monthInYear:r,weeks:Be(n,r)}},Be=(e,t,n=!0)=>{const r=new Date(e,t,1),s=f.startOfISOWeek(r),i=[];for(let l=0;l<6;l++){const a=ue(f.addWeeks(s,l));if(l>0&&a.startMonth!==t&&!n)return i;i.push(a)}return i},ue=e=>{const t=f.getMonth(f.addDays(e,7))!==f.getMonth(e);return{weekNumber:f.getISOWeek(e),startMonth:f.getMonth(e),startYear:f.getYear(e),endMonth:f.getMonth(f.addDays(e,6)),endYear:f.getYear(f.addDays(e,6)),days:He(e),isLastWeekOfMonth:t}},Ne=e=>{const t=f.getISODay(e);return{date:e,name:f.format(e,"EEE"),dateString:f.format(f.addHours(e,12),F.fullDate),weekNumber:f.getISOWeek(e),year:f.getYear(e),month:f.getMonth(e),dayOfMonth:f.getDate(e),dayOfWeek:t,isFirstDayOfWeek:t===1,isLastDayOfWeek:t===7,isFirstDayOfMonth:f.isSameDay(f.startOfMonth(e),e),isLastDayOfMonth:f.isSameDay(f.endOfMonth(e),e)}},He=e=>f.eachDayOfInterval({start:e,end:f.addDays(e,6)}).map(Ne),Le=(e,t)=>{const n=new Date(t,0,1+(e-1)*7),r=n.getDay(),s=n;return r<=4?s.setDate(n.getDate()-n.getDay()+1):s.setDate(n.getDate()+8-n.getDay()),s},Ye=(e,t)=>t>11?{year:e+Math.floor(t/12),month:t%12}:t<0?{year:e+Math.floor(t/12),month:12+t%12}:{year:e,month:t},Oe=(e,t,n)=>!!(t&&t.indexOf(n)>=0||e&&e.highlights&&e.highlights.indexOf(n)>=0),U=(e,t,n,r,s)=>{if(n.length!==r.length)throw new Error("Select highlight failed, number of values do not equal number of highlights.");if(n.length===0)return s;for(let i=0;i<n.length;i++)if(typeof n[i]=="boolean"&&n[i]||typeof n[i]=="string"&&Oe(e,t,n[i]))return r[i];return s},We=({selectedBackground:e,todayBackground:t,rangeBackground:n,borderColor:r="transparent"})=>(s,i,l,a,d)=>{let u={};const x=U(i,s,["selected","range","today",l.month===d.monthInYear],[e,n,t,"#fff"],"transparent");return{...u,backgroundColor:x,borderTopLeftRadius:U(i,s,["selectedStart","singleSelected"],["var(--swui-calendar-day-border-radius)","var(--swui-calendar-day-border-radius)"],r),borderBottomLeftRadius:U(i,s,["selectedStart","singleSelected"],["var(--swui-calendar-day-border-radius)","var(--swui-calendar-day-border-radius)"],r),borderTopRightRadius:U(i,s,["selectedEnd","singleSelected"],["var(--swui-calendar-day-border-radius)","var(--swui-calendar-day-border-radius)"],r),borderBottomRightRadius:U(i,s,["selectedEnd","singleSelected"],["var(--swui-calendar-day-border-radius)","var(--swui-calendar-day-border-radius)"],r),boxSizing:"border-box"}},Pe=({selectedColor:e,disabledColor:t,inOtherMonthColor:n,rangeTextColor:r})=>(s,i,l,a,d)=>{const u=l.month!==d.monthInYear;return{color:U(i,s,[u,"selected","range","enabled","disabled"],[n,e,r,void 0,t])}},z={width:"var(--swui-calendar-day-width)",height:"var(--swui-calendar-day-height)",WeekNumber:{backgroundColor:"var(--swui-calendar-week-number-bg-color)",textColor:"var(--swui-calendar-week-number-text-color)",clickableTextColor:"var(--swui-calendar-week-number-clickable-text-color)",show:!0},WeekDay:{textColor:"var(--swui-calendar-week-day-text-color)",clickableTextColor:"var(--swui-calendar-week-day-clickable-text-color)"},CalendarDay:{tdStyle:We({selectedBackground:"var(--swui-calendar-wrapper-selected-background)",rangeBackground:"var(--swui-calendar-wrapper-range-background)",todayBackground:"var(--swui-calendar-wrapper-today-background)"}),textProps:Pe({selectedColor:"var(--swui-calendar-text-selected-color)",disabledColor:"var(--swui-calendar-text-disabled-color)",inOtherMonthColor:"var(--swui-calendar-text-in-other-month-color)"})},CalendarMonth:{headerTextColor:"var(--swui-calendar-week-day-text-color)"}},Dt={...z,width:"37px",height:"37px"},xt=(e,t,n)=>t&&f.isBefore(e,t)?f.isSameDay(e,t):n&&f.isAfter(e,n)?f.isSameDay(e,n):!0,gt=function({dayComponent:t,minDate:n,maxDate:r,dayState:s,day:i,...l}){const a=o.useMemo(()=>xt(i.date,n,r)?s:he(s,["disabled"]),[i.date,s,r,n]);return c.jsx(t,{day:i,...l,dayState:a})},Ue=({onClickWeek:e,theme:t,week:n,background:r,backgroundColor:s,prefix:i})=>{const l=c.jsxs(D.Box,{width:t.width,height:t.height,justifyContent:"center",alignItems:"center",children:[r&&c.jsx(D.Box,{position:"absolute",children:r}),c.jsx(D.Box,{position:"absolute",children:c.jsxs(D.Text,{color:e?t.WeekNumber.clickableTextColor:t.WeekNumber.textColor,children:[i,n.weekNumber]})})]});return c.jsx(D.Box,{background:s||t.WeekNumber.backgroundColor,position:"relative",children:e?c.jsx(D.Clickable,{borderRadius:"var(--swui-calendar-day-border-radius)",onClick:a=>e(n,a),disableFocusHighlight:!e,children:l}):l})};function ht({week:e,month:t,dayComponent:n,statePerWeekDay:r,userDataPerWeekDay:s,minDate:i,maxDate:l,onClickWeek:a,onClickDay:d,theme:u,renderWeekNumber:x,extraDayContent:y,defaultHighlights:g}){return c.jsxs("tr",{children:[u.WeekNumber.show&&c.jsx("td",{children:x?x(e,u,a):c.jsx(Ue,{week:e,onClickWeek:a,theme:u})}),e.days.map(h=>c.jsx(gt,{dayComponent:n,day:h,week:e,month:t,dayState:r&&r[h.dayOfMonth],userData:s&&s[h.dayOfMonth],onClickDay:d,theme:u,extraDayContent:y,defaultHighlights:g,minDate:i,maxDate:l},h.dateString))]},e.weekNumber)}const $e=({onClickWeekDay:e,day:t,theme:n})=>{const r=c.jsx(D.Box,{width:n.width,height:n.height,justifyContent:"center",alignItems:"center",children:c.jsx(D.Text,{size:"small",color:e?n.WeekDay.clickableTextColor:n.WeekDay.textColor,children:t.name})});return e?c.jsx(D.Clickable,{borderRadius:"var(--swui-calendar-day-border-radius)",onClick:s=>e(t.dayOfWeek,s),disableFocusHighlight:!e,children:r}):r},be=function({day:t,week:n,month:r,dayState:s,userData:i,onClickDay:l,theme:a,extraDayContent:d,defaultHighlights:u}){const x=c.jsx(D.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:c.jsx(D.Text,{...a.CalendarDay.textProps&&a.CalendarDay.textProps(u,s,t,n,r,i),children:t.dayOfMonth})}),y=fe.default.td({...a.CalendarDay.tdStyle&&a.CalendarDay.tdStyle(u,s,t,n,r,i)}),g=fe.default.div({...a.CalendarDay.innerWrapperStyle&&a.CalendarDay.innerWrapperStyle(u,s,t,n,r,i),width:"100%",height:"100%"}),h=fe.default.div({...a.CalendarDay.cellWrapperStyle&&a.CalendarDay.cellWrapperStyle(u,s,t,n,r,i),width:"100%",height:"100%",position:"relative"});return c.jsx(y,{children:c.jsx(g,{children:c.jsx(h,{children:t.month===r.monthInYear&&c.jsxs(c.Fragment,{children:[d&&c.jsx(d,{week:n,month:r,day:t,dayState:s,theme:a,userData:i}),l&&yt(u,s)?c.jsx(D.Clickable,{onClick:m=>l(t,i,m),style:{width:"100%",height:"100%"},borderRadius:"var(--swui-calendar-day-border-radius)",children:x}):c.jsx(c.Fragment,{children:x})]})})})})},yt=(e,t)=>!!U(t,e,["enabled","disabled"],[!0,!1],!0);function bt({month:e,dayComponent:t=be,statePerWeek:n,userDataPerWeek:r,minDate:s,maxDate:i,onClickDay:l,onClickWeek:a,onClickWeekDay:d,onClickMonth:u,onClickYear:x,renderWeekNumber:y,renderWeekDay:g,headerLeftContent:h,headerRightContent:m,theme:p=z,extraDayContent:w,defaultHighlights:S}){const k=p.WeekNumber.show;return c.jsx(c.Fragment,{children:c.jsxs(D.Box,{alignItems:"stretch",children:[c.jsxs(D.Row,{justifyContent:"space-between",alignItems:"center",height:"32px",children:[c.jsx(D.Box,{alignItems:"center",children:h}),c.jsxs(D.Row,{alignItems:"center",children:[c.jsx(D.Row,{width:"104px",justifyContent:"center",children:u?c.jsx(j.FlatButton,{onClick:()=>u(e),label:e.name}):c.jsx(D.Text,{children:e.name})}),c.jsx(D.Space,{}),c.jsx(D.Row,{width:"64px",justifyContent:"center",children:x?c.jsx(j.FlatButton,{onClick:()=>x(e.year),label:String(e.year)}):c.jsx(D.Text,{children:e.year})})]}),c.jsx(D.Box,{alignItems:"center",children:m})]}),c.jsx("table",{children:c.jsxs("tbody",{children:[c.jsxs("tr",{children:[k&&c.jsx("td",{children:c.jsx(D.Box,{width:p.width,height:p.height,justifyContent:"center",alignItems:"center",children:c.jsx(D.Text,{size:"small",color:p.CalendarMonth.headerTextColor,children:"W"})})}),e.weeks[0].days.map(b=>c.jsx("td",{children:g?g(b.name,p,d):c.jsx($e,{day:b,onClickWeekDay:d,theme:p})},b.name))]}),e.weeks.map(b=>c.jsx(ht,{month:e,week:b,dayComponent:t,statePerWeekDay:n&&n[b.weekNumber],userDataPerWeekDay:r&&r[b.weekNumber],onClickDay:l,onClickWeek:a,theme:p,renderWeekNumber:y,extraDayContent:w,defaultHighlights:S,minDate:s,maxDate:i},b.weekNumber))]})})]})})}const mt="_calendar_1w0de_1";var jt={calendar:mt};function kt({monthRows:e,dayComponent:t=be,userDataPerMonth:n,statePerMonth:r,minDate:s,maxDate:i,onClickDay:l,onClickWeekDay:a,onClickWeek:d,onClickMonth:u,onClickYear:x,renderWeekDay:y,renderWeekNumber:g,headerLeftContent:h,headerRightContent:m,extraDayContent:p,defaultHighlights:w,theme:S=z}){const k=o.useMemo(()=>s?f.parse(s,"yyyy-MM-dd",new Date):void 0,[s]),b=o.useMemo(()=>i?f.parse(i,"yyyy-MM-dd",new Date):void 0,[i]);return c.jsx("div",{className:jt.calendar,children:e.map((C,M)=>c.jsx(D.Spacing,{children:c.jsx(D.Row,{children:C.map((R,E)=>c.jsxs(Re.Fragment,{children:[E>0&&c.jsx(D.Space,{}),c.jsx(bt,{month:R,dayComponent:t,userDataPerWeek:n&&n[R.monthString],statePerWeek:r&&r[R.monthString],onClickDay:l,onClickWeekDay:a,onClickWeek:d,onClickMonth:u,onClickYear:x,theme:S,renderWeekNumber:g,renderWeekDay:y,headerLeftContent:h,headerRightContent:m,extraDayContent:p,defaultHighlights:w,minDate:k,maxDate:b})]},R.name))})},M))})}function ae(e){const t=wt(e.year,e.month,e.date),{year:n,month:r}=Ye(t.year,t.month),s=St(n,r,e.numMonths,e.monthsPerRow),i=ft(e.highlightToday,e.statePerMonth);return c.jsx(kt,{year:n,month:r,monthRows:s,...e,statePerMonth:i})}const wt=(e,t,n)=>{if(t&&e)return{month:t,year:e};if(n)return{month:f.getMonth(n),year:f.getYear(n)};const r=new Date;return{month:f.getMonth(r),year:f.getYear(r)}},St=(e,t,n,r)=>n==null?[[ye(e,t)]]:r==null?[xe(e,t,n)]:J.chunk(xe(e,t,n),r),pt=(e,t,n,r)=>{const s=o.useCallback(()=>{var u;const d=f.addMonths(e,(u=n!=null?n:r)!=null?u:1);t==null||t(d)},[t,e,n,r]),i=o.useCallback(()=>{const d=f.addYears(e,1);t==null||t(d)},[t,e]),l=o.useCallback(()=>{var u;const d=f.subMonths(e,(u=n!=null?n:r)!=null?u:1);t==null||t(d)},[t,e,n,r]),a=o.useCallback(()=>{const d=f.subYears(e,1);t==null||t(d)},[t,e]);return{nextMonth:s,prevMonth:l,nextYear:i,prevYear:a}},Ct=({children:e,prevMonth:t,nextMonth:n,prevYear:r,nextYear:s})=>c.jsxs("div",{children:[e,c.jsx(D.Indent,{children:c.jsxs(D.Row,{children:[c.jsx(j.FlatButton,{onClick:r,leftIcon:pe.faAngleDoubleLeft}),c.jsx(D.Space,{}),c.jsx(j.FlatButton,{onClick:t,leftIcon:j.stenaAngleLeft}),c.jsx(D.Indent,{num:2}),c.jsx(j.FlatButton,{onClick:n,leftIcon:j.stenaAngleRight}),c.jsx(D.Space,{}),c.jsx(j.FlatButton,{onClick:s,leftIcon:Ce.faAngleDoubleRight})]})}),c.jsx(D.Space,{})]}),Mt=({value:e,onValueChange:t,month:n})=>{const r=o.useMemo(()=>{const s=new Date(2e3,n,1);return f.format(s,"MMM")},[n]);return c.jsx(D.Row,{width:"64px",justifyContent:"center",spacing:.5,indent:.5,children:e===n?c.jsx(j.PrimaryButton,{label:r,onClick:()=>t&&t(n)}):c.jsx(j.FlatButton,{label:r,onClick:()=>t&&t(n)})})},Rt=[[B.JANUARY,B.FEBRUARY,B.MARCH],[B.APRIL,B.MAY,B.JUNE],[B.JULY,B.AUGUST,B.SEPTEMBER],[B.OCTOBER,B.NOVEMBER,B.DECEMBER]],Fe=({value:e,onValueChange:t})=>c.jsx(D.Column,{children:Rt.map(n=>c.jsx(D.Row,{children:n.map(r=>c.jsx(Mt,{month:r,onValueChange:t,value:e},r))},n[0]))}),Et=e=>[{label:"Past",presets:[{label:"Last 3 days",startDate:e,endDate:f.subDays(e,2)},{label:"Last 7 days",startDate:e,endDate:f.subDays(e,6)},{label:"Last 30 days",startDate:e,endDate:f.subDays(e,29)},{label:"Last 45 days",startDate:e,endDate:f.subDays(e,44)}]},{label:"Future",presets:[{label:"Next 3 days",startDate:e,endDate:f.addDays(e,2)},{label:"Next 7 days",startDate:e,endDate:f.addDays(e,6)},{label:"Next 30 days",startDate:e,endDate:f.addDays(e,29)},{label:"Next 45 days",startDate:e,endDate:f.addDays(e,44)}]}],ze=({onClickPreset:e})=>{var i;const[t,n]=o.useState(0),r=o.useMemo(()=>Et(new Date),[]),s=(i=r[t])!=null?i:r[0];return c.jsxs(D.Column,{children:[c.jsxs(D.Row,{justifyContent:"space-between",alignItems:"center",width:"200px",children:[c.jsx(j.FlatButton,{size:"small",leftIcon:j.stenaAngleLeft,disabled:t===0,onClick:()=>n(t-1)}),c.jsx(D.Text,{children:s.label}),c.jsx(j.FlatButton,{size:"small",leftIcon:j.stenaAngleRight,disabled:t===r.length-1,onClick:()=>n(t+1)})]}),c.jsx(D.Space,{}),c.jsx(D.Column,{alignItems:"center",children:s.presets.map(l=>c.jsxs(Re.Fragment,{children:[c.jsx(j.PrimaryButton,{label:l.label,onClick:()=>e(l)}),c.jsx(D.Space,{})]},l.label))})]})},Tt=({value:e,onValueChange:t,year:n})=>{const r=String(n);return c.jsx(D.Row,{width:"64px",justifyContent:"center",spacing:.5,indent:.5,children:e===n?c.jsx(j.PrimaryButton,{label:r,onClick:()=>t==null?void 0:t(n)}):c.jsx(j.FlatButton,{label:r,onClick:()=>t==null?void 0:t(n)})})},_e=({value:e,onValueChange:t,initialLastYear:n})=>{const[r,s]=o.useState(()=>e?e+4:n!=null?n:new Date().getFullYear()+4),i=o.useMemo(()=>{const l=r-11;return J.chunk(J.range(l,r+1),3)},[r]);return o.useEffect(()=>{s(l=>At(e,l))},[e]),c.jsxs(D.Row,{children:[c.jsx(D.Column,{justifyContent:"center",children:c.jsx(j.FlatButton,{leftIcon:st.faCaretLeft,onClick:()=>s(r-3)})}),c.jsx(D.Column,{children:i.map(l=>c.jsx(D.Row,{children:l.map(a=>c.jsx(Tt,{year:a,onValueChange:t,value:e},a))},l[0]))}),c.jsx(D.Column,{justifyContent:"center",children:c.jsx(j.FlatButton,{leftIcon:ct.faCaretRight,onClick:()=>s(r+3)})})]})},At=(e,t)=>{if(e==null)return t;if(e>t){const r=e-t,s=r%3,i=r-s+3;return t+i}const n=t-11;if(e<n){const r=n-e,s=r%3,i=r-s+3;return t-i}return t},It=function({dateInFocus:t,setDateInFocus:n,currentPanel:r,setCurrentPanel:s,...i}){const l=o.useCallback(x=>{const y=t?new Date(t):new Date;y.setMonth(x),n&&n(y),s("calendar")},[t,n,s]),a=o.useCallback(x=>{const y=t?new Date(t):new Date;y.setFullYear(x),n&&n(y),s("calendar")},[t,n,s]),d=o.useCallback(()=>{s("year")},[s]),u=o.useCallback(()=>{s("month")},[s]);switch(r){case"calendar":return c.jsx(c.Fragment,{children:c.jsx(ae,{...i,date:t,onClickYear:d,onClickMonth:u})});case"month":return c.jsx(Fe,{value:t.getMonth(),onValueChange:l});case"year":return c.jsx(_e,{value:t.getFullYear(),onValueChange:a});case"presets":return c.jsx(ze,{onClickPreset:()=>{}});default:return c.jsx(D.Box,{children:c.jsx(j.PrimaryButton,{label:"Show calendar",onClick:()=>s("calendar")})})}},Bt=()=>{};function _({monthSwitcherPlacement:e,theme:t=z,dateInFocus:n,setDateInFocus:r,currentPanel:s,setCurrentPanel:i,onSelectPreset:l=Bt,hideYearPagination:a=!1,...d}){const{nextMonth:u,prevMonth:x,nextYear:y,prevYear:g}=pt(n,r,d.monthsPerRow,d.numMonths);switch(Nt(e,d.numMonths)){case"below":return c.jsx(Ct,{theme:t,nextMonth:u,prevMonth:x,nextYear:y,prevYear:g,children:c.jsx(ae,{...d,theme:t,date:n})});case"header":return c.jsx(D.Column,{children:c.jsx(It,{...d,theme:t,dateInFocus:n,setDateInFocus:r,currentPanel:s,setCurrentPanel:i,onSelectPreset:l,headerLeftContent:c.jsxs(D.Row,{alignItems:"center",children:[!a&&c.jsx(j.FlatButton,{size:"small",onClick:g,leftIcon:pe.faAngleDoubleLeft}),c.jsx(D.Space,{}),c.jsx(j.FlatButton,{size:"small",onClick:x,leftIcon:j.stenaAngleLeft})]}),headerRightContent:c.jsxs(D.Row,{alignItems:"center",children:[c.jsx(j.FlatButton,{size:"small",onClick:u,leftIcon:j.stenaAngleRight}),c.jsx(D.Space,{}),!a&&c.jsx(j.FlatButton,{size:"small",onClick:y,leftIcon:Ce.faAngleDoubleRight})]})})});default:return c.jsx(ae,{...d,theme:t,date:n})}}const Nt=(e,t)=>e||(t||1)>1?"below":"header",qe=e=>({startDate:e.startDate?f.format(e.startDate,"yyyy-MM-dd"):void 0,endDate:e.endDate?f.format(e.endDate,"yyyy-MM-dd"):void 0}),Je=({startDate:e,endDate:t})=>{const n=new Date;return{startDate:e?f.parse(e,"yyyy-MM-dd",n):void 0,endDate:t?f.parse(t,"yyyy-MM-dd",n):void 0}},me=({startDate:e,endDate:t})=>Boolean(e&&t&&!f.isSameDay(e,t)&&f.isAfter(e,t)),je=e=>me(e)?{startDate:e.endDate,endDate:e.startDate}:e,Ht=e=>e.startDate&&e.endDate?qe(je(Je(e))):e,Ke=(e,t,n,r)=>o.useCallback(s=>{const i={startDate:n==="startDate"?s.date:e==null?void 0:e.startDate,endDate:n==="endDate"?s.date:e==null?void 0:e.endDate};me(i)||r(n==="startDate"?"endDate":"startDate"),t==null||t(je(i))},[n,t,r,e==null?void 0:e.endDate,e==null?void 0:e.startDate]),te=e=>{const[t,n]=o.useState("calendar"),r=o.useCallback(s=>{n(s),e==null||e(s)},[e]);return{currentPanel:t,setCurrentPanel:r}},ve=({focusedInput:e,value:t,onValueChange:n,setFocusedInput:r,statePerMonth:s,onChangePanel:i})=>{const{currentPanel:l,setCurrentPanel:a}=te(i),[d,u]=o.useState(()=>new Date),x=Ke(t,n,e,r),y=o.useMemo(()=>G(s,t==null?void 0:t.startDate,t==null?void 0:t.endDate),[s,t==null?void 0:t.endDate,t==null?void 0:t.startDate]);return{onClickDay:x,statePerMonth:y,currentPanel:l,setCurrentPanel:a,setDateInFocus:u,dateInFocus:d}};function Lt(e){const t=ve(e);return c.jsx(_,{...e,...t})}const Yt=()=>{const[e,t]=o.useState(),[n,r]=o.useState(),[s,i]=o.useState("startDate");return{startDate:e,setStartDate:t,endDate:n,setEndDate:r,focusedInput:s,setFocusedInput:i}},Ge=({onChange:e,value:t,statePerMonth:n,onChangePanel:r})=>{const{currentPanel:s,setCurrentPanel:i}=te(r),[l,a]=o.useState(()=>t!=null?t:new Date),d=o.useCallback(x=>{e&&e(x.date)},[e]),u=o.useMemo(()=>t?O(n,t,["selected","singleSelected"]):n,[n,t]);return{onClickDay:d,statePerMonth:u,date:t,currentPanel:s,setCurrentPanel:i,dateInFocus:l,setDateInFocus:a}};function ke(e){const t=Ge(e);return c.jsx(_,{...e,...t})}const Qe=({onChange:e,value:t,statePerMonth:n,onChangePanel:r})=>{const{currentPanel:s,setCurrentPanel:i}=te(r),[l,a]=o.useState(()=>new Date),d=o.useCallback(x=>{if(!e)return;const y=t&&t.find(g=>f.isSameDay(g,x.date));e(t&&y?t.filter(g=>!f.isSameDay(g,x.date)):[...t||[],x.date])},[e,t]),u=o.useMemo(()=>t?t.reduce((x,y)=>O(x,y,["selected"]),n):n,[n,t]);return{onClickDay:d,statePerMonth:u,currentPanel:s,setCurrentPanel:i,dateInFocus:l,setDateInFocus:a}};function Ot(e){const t=Qe(e);return c.jsx(_,{...e,...t})}const Xe=({onChange:e,value:t,statePerMonth:n,onChangePanel:r})=>{const[s,i]=o.useState(()=>{const g=De(t);return g?g.days[0].date:new Date}),{currentPanel:l,setCurrentPanel:a}=te(r),d=o.useCallback(g=>{e&&e(we(ue(g.date)))},[e]),u=o.useCallback(g=>{e&&e(we(g))},[e]),x=o.useMemo(()=>{const g=De(t);return g?Ae(n,g):n},[t,n]),y=o.useMemo(()=>{const g=De(t);return g?g.days[0].date:new Date},[t]);return{statePerMonth:x,date:y,dateInFocus:s,setDateInFocus:i,onClickDay:d,onClickWeek:u,currentPanel:l,setCurrentPanel:a}},we=e=>{if(!!e)return`${e.endYear}-${e.weekNumber}`},De=e=>{if(!e)return;const t=e.split("-"),n=parseInt(t[1],10),r=parseInt(t[0],10);return ue(Le(n,r))};function Wt(e){const t=Xe(e);return c.jsx(_,{...e,...t})}const Pt=(e,t)=>e.filter(n=>!f.isSameDay(n,t)),Ut=(e,t)=>!!e.find(n=>f.isSameDay(n,t)),Ze=({value:e,onValueChange:t,statePerMonth:n,onChangePanel:r})=>{const[s,i]=o.useState(),[l,a]=o.useState("startDate"),{currentPanel:d,setCurrentPanel:u}=te(r),[x,y]=o.useState(()=>{var w;return(w=l&&(e==null?void 0:e[l]))!=null?w:new Date}),g=o.useCallback(w=>{i(w);const{startDate:S,endDate:k}=w;if(t)if(S&&k){const b=f.eachDayOfInterval({start:S,end:k});t(b)}else S?t([S]):k&&t([k])},[t]),h=Ke(s,g,l,a),m=o.useCallback((w,S,k)=>{t&&(k.ctrlKey||k.metaKey?e?Ut(e,w.date)?t(Pt(e,w.date)):t([...e,w.date]):t([w.date]):h(w,S,k))},[t,h,e]),p=o.useMemo(()=>$t(n,e),[n,e]);return{onClickDay:m,statePerMonth:p,currentPanel:d,setCurrentPanel:u,dateInFocus:x,setDateInFocus:y}},$t=(e,t)=>t?t.reduce((n,r)=>O(n,r,["selected"]),e):e;function Ft(e){const t=Ze(e);return c.jsx(_,{...e,...t})}const ne="bottom",Ve=()=>{const[e,t]=Q.useTippyInstance();return{onChangePanel:o.useCallback(()=>{var r,s;(s=(r=t.current)==null?void 0:r.popperInstance)==null||s.update()},[t]),tippyRef:e}},zt=(e,t,n)=>{const[r,s]=o.useState(n||!1),i=o.useCallback(()=>(s(!0),!0),[s]),l=o.useCallback(()=>{s(!1),t&&t()},[s,t]),a=o.useCallback(d=>{e&&e(d),setTimeout(l,150)},[e,l]);return{showCalendar:i,hideCalendar:l,showingCalendar:r,onSelectDate:a}},re="2999-12-31",_t=({displayFormat:e=F.fullDate,placeholder:t="Enter date",value:n,zIndex:r=100,calendarTheme:s=z,calendarProps:i,openOnMount:l,onClose:a,onChange:d,portalTarget:u,variant:x,width:y,minDate:g,maxDate:h=re,disabled:m})=>{const{hideCalendar:p,showingCalendar:w,onSelectDate:S,showCalendar:k}=zt(d,a,l),{tippyRef:b,onChangePanel:C}=Ve();return c.jsx(D.Box,{width:y,children:c.jsx(Q.Popover,{arrow:!1,lazy:!0,visible:w,onClickOutside:p,placement:ne,zIndex:r,appendTo:u!=null?u:"parent",tippyRef:b,disabled:m,content:c.jsx(ke,{...i,onChange:S,value:n,theme:s,onChangePanel:C,minDate:g,maxDate:h}),children:c.jsx($.TextInput,{type:"date",contentRight:c.jsx(D.Row,{alignItems:"center",children:c.jsx(j.FlatButton,{size:"small",disabled:m,leftIcon:j.stenaCalendar,onClick:k})}),onFocus:k,onClickRight:k,value:n?f.format(n,e):"",placeholder:t,size:9,disabled:m,autoFocus:l,variant:x,min:g,max:h})})})},qt=(e,t)=>{const n=o.useRef(null),r=o.useRef(null),[s,i]=o.useState(!1),[l,a]=o.useState(void 0),d=o.useCallback(()=>(a("startDate"),i(!0),!0),[a,i]),u=o.useCallback(()=>(a("endDate"),i(!0),!0),[a,i]),x=o.useCallback(()=>{i(!1)},[i]),y=o.useCallback(h=>{l==="startDate"?(t==null||t({startDate:h.date,endDate:e==null?void 0:e.endDate}),e!=null&&e.endDate?setTimeout(x,150):(a("endDate"),r.current&&r.current.focus())):l==="endDate"&&(t==null||t({startDate:e==null?void 0:e.startDate,endDate:h.date}),e!=null&&e.startDate?setTimeout(x,150):(a("startDate"),n.current&&n.current.focus()))},[l,t,a,x,e]),g=o.useMemo(()=>(e==null?void 0:e.startDate)&&(e==null?void 0:e.endDate)&&f.isAfter(e.startDate,e.endDate),[e==null?void 0:e.startDate,e==null?void 0:e.endDate]);return{showingCalendar:s,hideCalendar:x,showCalendarEndDate:u,showCalendarStartDate:d,focusedInput:l,setFocusedInput:a,startDateInputRef:n,endDateInputRef:r,onClickDay:y,startDateIsAfterEnd:g}},Jt=({displayFormat:e=F.fullDate,placeholderStartDate:t="Start date",placeholderEndDate:n="End date",portalTarget:r,value:s,onValueChange:i,zIndex:l=100,width:a,calendarTheme:d=z,calendarProps:u,minDate:x,maxDate:y=re,disabled:g})=>{const[h,m]=o.useState(()=>{var Y;return(Y=M&&(s==null?void 0:s[M]))!=null?Y:new Date}),[p,w]=o.useState("calendar"),{hideCalendar:S,showCalendarEndDate:k,showCalendarStartDate:b,showingCalendar:C,focusedInput:M,startDateInputRef:R,endDateInputRef:E,onClickDay:N,startDateIsAfterEnd:T}=qt(s,i),L=o.useMemo(()=>G(void 0,s==null?void 0:s.startDate,s==null?void 0:s.endDate),[s]);return c.jsx(Q.Popover,{arrow:!1,lazy:!0,disabled:g,visible:C,zIndex:l,placement:ne,appendTo:r!=null?r:"parent",onClickOutside:S,content:c.jsx(_,{...u,dateInFocus:h,setDateInFocus:m,statePerMonth:L,theme:d,onClickDay:N,currentPanel:p,setCurrentPanel:w,minDate:x,maxDate:y}),children:c.jsxs(D.Row,{alignItems:"center",children:[c.jsx($.TextInput,{iconLeft:j.stenaCalendar,onFocus:b,value:s!=null&&s.startDate?f.format(s.startDate,e):"",placeholder:t,width:a,disabled:g,inputRef:R,size:9,variant:T?"error":void 0}),c.jsx(D.Space,{}),c.jsx(j.Icon,{icon:it.faLongArrowAltRight,color:Me.cssColor("--lhds-color-ui-500"),size:14}),c.jsx(D.Space,{}),c.jsx($.TextInput,{iconLeft:j.stenaCalendar,onFocus:k,value:s!=null&&s.endDate?f.format(s.endDate,e):"",placeholder:n,width:a,disabled:g,inputRef:E,size:9,variant:T?"error":void 0})]})})},Kt=({calendarProps:e,closeOnCalendarSelectDate:t=!0,dateFormat:n=F.fullDate,disableCalender:r=!1,onValueChange:s,placeholder:i="yyyy-mm-dd",portalTarget:l,value:a,width:d="130px",zIndex:u=100,calendarTheme:x=z,hideCalenderIcon:y=!1,minDate:g,maxDate:h=re,variant:m,...p})=>{const[w,S]=o.useState(!1),{tippyRef:k,onChangePanel:b}=Ve(),C=o.useCallback(()=>{S(!w)},[S,w]),M=o.useCallback(()=>{S(!1)},[S]),R=o.useCallback(H=>{s&&s(H)},[s]),E=o.useCallback(H=>{H&&(R(f.format(H,n)),t&&setTimeout(()=>S(!w),200))},[R,n,t,S,w]),N=!!a&&!/^[-/\\.0-9]+$/.test(a),T=!!a&&f.isValid(f.parse(a,n,new Date)),Y=!!a&&a.length>=n.length&&!T||N;return c.jsx(D.Box,{width:d,children:c.jsx(Q.Popover,{arrow:!1,lazy:!0,visible:w,zIndex:u,appendTo:l!=null?l:"parent",placement:ne,onClickOutside:M,tippyRef:k,content:c.jsx(ke,{...e,onChange:E,onChangePanel:b,value:a&&T?f.parse(a,n,new Date):void 0,minDate:g,maxDate:h,theme:x}),children:c.jsx($.TextInput,{...p,variant:Y?"error":m,disableContentPaddingRight:!0,contentRight:y?void 0:c.jsx(D.Row,{alignItems:"center",indent:.5,children:c.jsx(j.FlatButton,{size:"small",disabled:p.disabled,leftIcon:j.stenaCalendar,onClick:C})}),onValueChange:R,placeholder:i,value:a||"",min:g,max:h,size:10})})})},le=e=>{if(e==="")return"00";const t=parseInt(e,10);if(isNaN(t))throw new Error("Hours is not a number");if(t<0||t>23)throw new Error("Hours is an invalid number");switch(e.length){case 1:return`0${t}`;case 2:return e;default:throw new Error("Invalid hour string")}},de=e=>{if(e==="")return"00";const t=parseInt(e,10);if(isNaN(t))throw new Error("Minutes is not a number");if(t<0||t>59)throw new Error("Minutes is an invalid number");switch(e.length){case 1:return`0${t}`;case 2:return e;default:throw new Error("Invalid minute string")}},vt=e=>{if(!ge(e))return{time:e,success:!1};const t=e&&e.split(/-|:|,|;|[/]|[.]| /);if(t&&t.length===2)try{const n=le(t[0]),r=de(t[1]);return{time:`${n}:${r}`,success:!0}}catch{return{time:e,success:!1}}else if(t&&t.length===1){let n=0,r=0;switch(e.length){case 1:return{time:`0${e}:00`,success:!0};case 2:const s=parseInt(t[0],10);return s>=0&&s<24?{time:`${e}:00`,success:!0}:s>=24&&s<59?{time:`00:${e}`,success:!0}:{time:e,success:!1};case 3:return r=parseInt(e.substr(1,2),10),r>=0&&r<=59?{time:`0${e.substr(0,1)}:${e.substr(1,2)}`,success:!0}:{time:e,success:!1};case 4:return n=parseInt(e.substr(0,2),10),r=parseInt(e.substr(2,2),10),n<0||n>23?{time:e,success:!1}:r<0||r>59?{time:e,success:!1}:{time:`${e.substr(0,2)}:${e.substr(2,2)}`,success:!0};default:return{time:e,success:!1}}}return{time:e,success:!1}},ge=e=>e?/^[-:.,/; 0-9]+$/.test(e):!0,Gt=({onValueChange:e,showPlaceholder:t=!0,useIcon:n=!0,value:r,width:s="85px",variant:i,...l})=>{const[a,d]=o.useState(()=>ge(r)),u="hh:mm",x=o.useCallback(()=>{if(r){const g=vt(r);d(g.success),g.success&&e&&e(g.time)}},[r,e,d]),y=o.useCallback(g=>{const h=g.target.value,m=ge(h);d(m&&h.length<=u.length),e&&e(h)},[e,d]);return c.jsx($.TextInput,{...l,type:"time",variant:a?i:"error",iconLeft:n?j.stenaClock:void 0,value:r,placeholder:t?u:void 0,onChange:y,onBlur:x,width:s})},et=({autoFocusLeft:e,autoFocusRight:t,onEsc:n,onEnter:r,onValueChangeLeft:s,onValueChangeRight:i,separatorIcon:l,placeholderLeft:a,placeholderRight:d,typeLeft:u,typeRight:x,onChangeLeft:y,onChangeRight:g,valueLeft:h,valueRight:m,minLeft:p,maxLeft:w,minRight:S,maxRight:k,onClickLeft:b,onClickRight:C,onClickCalendar:M,onClickArrowDown:R,onBlurLeft:E,onBlurRight:N,onFocusLeft:T,onFocusRight:L,inputRefLeft:Y,inputRefRight:H,variant:K,variantLeft:X,variantRight:v,onBlur:W,showPresets:Z,widthLeft:V,widthRight:ee,disabled:q})=>{const I=o.useRef(0),A=o.useMemo(()=>J.debounce(P=>{P===0&&(W==null||W())},10),[W]),se=o.useCallback(P=>{I.current++,A(I.current),T&&T(P)},[T,I,A]),ce=o.useCallback(P=>{I.current++,A(I.current),L&&L(P)},[L,I,A]),ie=o.useCallback(P=>{I.current--,A(I.current),E&&E(P)},[E,I,A]),nt=o.useCallback(P=>{I.current--,A(I.current),N&&N(P)},[N,I,A]);return c.jsx(D.Box,{children:c.jsxs($.TextInputBox,{disableContentPaddingRight:!0,disabled:q,variant:K,contentRight:c.jsxs(D.Row,{alignItems:"center",children:[c.jsx(D.Indent,{num:.5,children:c.jsx(j.FlatButton,{leftIcon:j.stenaCalendar,onClick:M,disabled:q,size:"small"})}),Z?c.jsxs(c.Fragment,{children:[c.jsx(D.Row,{height:"22px",children:c.jsx(D.SeparatorLine,{vertical:!0})}),c.jsx(D.Indent,{num:.5,children:c.jsx(j.FlatButton,{leftIcon:j.stenaAngleDown,onClick:R,disabled:q,size:"small"})})]}):null]}),children:[c.jsx(D.Box,{width:V,children:c.jsx($.TextInput,{onEsc:n,onEnter:r,onClick:b,disabled:q,hideBorder:!0,placeholder:a,value:h,onValueChange:s,onChange:y,onBlur:ie,onFocus:se,inputRef:Y,variant:X,type:u,autoFocus:e,min:p,max:w})}),c.jsx(D.Row,{indent:.5,alignItems:"center",justifyContent:"center",children:c.jsx(j.Icon,{icon:l,size:12,color:Me.cssColor("--lhds-color-ui-500")})}),c.jsx(D.Box,{width:ee,children:c.jsx($.TextInput,{onEsc:n,onEnter:r,onClick:C,disabled:q,hideBorder:!0,placeholder:d,value:m,onValueChange:i,onChange:g,onBlur:nt,onFocus:ce,inputRef:H,variant:v,type:x,autoFocus:t,min:S,max:k})})]})})},Qt=e=>{if(e==null)throw new Error("Time is not set.");if(e==="")throw new Error("Time is empty.");const t=e.split(":");if(t.length!==2)throw new Error("Invalid time.");if(t[1].length!==2)throw new Error("Invalid time.");if(t[0].length<1||t[0].length>2)throw new Error("Invalid time.");const n=parseInt(t[0],10),r=parseInt(t[1],10);if(isNaN(n))throw new Error("Invalid time.");if(isNaN(r))throw new Error("Invalid time.");if(n<0||n>23)throw new Error("Invalid time.");if(r<0||r>59)throw new Error("Invalid time.");return n*100+r},Xt=e=>{try{return Qt(e),!0}catch{return!1}},oe=e=>{if(e&&Xt(e)){const t=e.split(":");return{hour:D.parseIntElseUndefined(t[0]),minute:D.parseIntElseUndefined(t[1])}}return{hour:void 0,minute:void 0}},Zt=e=>`${le(String(e.getHours()))}:${de(String(e.getMinutes()))}`,Vt="_timePicker_1w05d_1",en="_timePickerColumn_1w05d_6";var tt={timePicker:Vt,timePickerColumn:en};const tn=({onClick:e,item:t,selected:n,columnRef:r,canScrollRef:s})=>{const i=o.useRef(null);return o.useEffect(function(){if(n&&r.current&&i.current&&s.current){const a=i.current.scrollHeight*Math.max(t-2,0);r.current.scrollTo(0,a),s.current=!1}},[r,t,n,s]),c.jsx(D.Row,{width:"64px",justifyContent:"center",spacing:.5,indent:.5,ref:i,children:n?c.jsx(j.PrimaryButton,{label:String(t),onClick:()=>e&&e(t)}):c.jsx(j.FlatButton,{label:String(t),onClick:()=>e&&e(t)})})},Se=({onClick:e,items:t,selectedItem:n,canScrollRef:r})=>{const s=o.useRef(null);return c.jsx(D.Column,{className:tt.timePickerColumn,ref:s,children:t.map(i=>c.jsx(tn,{item:i,onClick:e,selected:i===n,columnRef:s,canScrollRef:r},i))})},nn=J.range(0,24),rn=J.range(0,60),sn=({value:e,onValueChange:t})=>{const n=o.useRef(!0),[r,s]=o.useState(void 0),[i,l]=o.useState(void 0);o.useEffect(()=>{if(e){const{minute:u,hour:x}=oe(e);s(x),l(u)}},[e]);const a=o.useCallback(u=>{s(u),t==null||t(`${le(String(u!=null?u:0))}:${de(String(i!=null?i:0))}`)},[i,t]),d=o.useCallback(u=>{l(u),t==null||t(`${le(String(r!=null?r:0))}:${de(String(u!=null?u:0))}`)},[r,t]);return c.jsxs(D.Row,{className:tt.timePicker,children:[c.jsx(Se,{items:nn,onClick:a,selectedItem:r,canScrollRef:n}),c.jsx(D.Indent,{}),c.jsx(Se,{items:rn,onClick:d,selectedItem:i,canScrollRef:n})]})},cn=(e,t,n)=>{o.useEffect(function(){e&&t(e)},[e,t]),o.useEffect(function(){n.current&&(e?n.current.valueAsDate=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate())):n.current.valueAsDate=null)},[e,n])},on=(e,t,{setDateInFocus:n,showCalendarInternal:r,hideCalendarInternal:s,setFirstFocusedInput:i,setCurrentPanel:l,localTime:a,setLocalTime:d,localDate:u,setLocalDate:x},y)=>{const g=o.useCallback(k=>{if(!k)return;const b=new Date(k);if(e)b.setHours(e.getHours()),b.setMinutes(e.getMinutes()),t==null||t(b),x(void 0);else if(a){const{minute:C,hour:M}=oe(a);b.setHours(M!=null?M:0),b.setMinutes(C!=null?C:0),t==null||t(b),x(void 0)}else x(b);n(b),y.current&&(y.current.valueAsDate=b)},[e,y,a,t,n,x]),h=o.useCallback(k=>{if(!!k)if(e){const b=oe(k),C=new Date(e);C.setHours(b.hour||0),C.setMinutes(b.minute||0),t==null||t(C),d(void 0)}else if(u){const b=oe(k),C=new Date(u);C.setHours(b.hour||0),C.setMinutes(b.minute||0),t==null||t(C),d(void 0)}else d(k)},[t,e,u,d]),m=o.useCallback(k=>{k.target.value[0]!=="0"&&g(k.target.valueAsDate)},[g]),p=o.useCallback(k=>h(k.target.value),[h]),w=o.useCallback(()=>{n(e||new Date),l("calendar"),r()},[e,l,r,n]),S=o.useCallback(()=>{i(void 0),s()},[i,s]);return{inputLeftChangeHandler:m,inputRightChangeHandler:p,hideCalendar:S,showCalendar:w,onChangeTime:h,onChangeDate:g}},an=e=>{const[t,n]=o.useState(void 0),[r,s]=o.useState(void 0),[i,l,a]=D.useBoolean(!1),[d,u,x]=D.useBoolean(!1),[y,g]=o.useState(void 0),[h,m]=o.useState(()=>e!=null?e:new Date),[p,w]=o.useState("calendar");return{isCalendarVisible:i,showCalendarInternal:l,hideCalendarInternal:a,firstFocusedInput:y,setFirstFocusedInput:g,dateInFocus:h,setDateInFocus:m,currentPanel:p,setCurrentPanel:w,isTimePickerVisible:d,showTimePicker:u,hideTimePicker:x,localDate:t,setLocalDate:n,localTime:r,setLocalTime:s}},ln=(e,t,n,r,{isCalendarVisible:s,setCurrentPanel:i,showTimePicker:l,hideTimePicker:a})=>{const d=o.useCallback(()=>{s||n(),i("calendar"),a()},[a,s,i,n]),u=o.useCallback(()=>{r(),l()},[r,l]),x=o.useCallback(m=>{e(m.date),r(),l()},[e,r,l]),y=o.useCallback(()=>{i("presets"),n()},[i,n]),g=o.useCallback(()=>{var m;s?r():((m=t.current)==null||m.focus(),i("calendar"),n())},[s,r,t,i,n]),h=o.useCallback(m=>{m.key==="Escape"&&r()},[r]);return{onFocusLeft:d,onFocusRight:u,onClickDay:x,onClickArrowButton:y,onClickCalendarButton:g,onKeyDownHandler:h}},dn=({value:e,onValueChange:t,onEnter:n,onEsc:r,onBlur:s,autoFocus:i,minDate:l,widthLeft:a=128,widthRight:d=80,maxDate:u=re,variant:x,disabled:y})=>{const g=o.useRef(null),h=o.useRef(null),m=an(e),{setCurrentPanel:p,currentPanel:w,isCalendarVisible:S,dateInFocus:k,setDateInFocus:b,isTimePickerVisible:C,hideTimePicker:M,localTime:R,localDate:E}=m,{showCalendar:N,hideCalendar:T,inputLeftChangeHandler:L,inputRightChangeHandler:Y,onChangeTime:H,onChangeDate:K}=on(e,t,m,g),{onKeyDownHandler:X,onFocusRight:v,onFocusLeft:W,onClickDay:Z,onClickCalendarButton:V,onClickArrowButton:ee}=ln(K,g,N,T,m);cn(e,b,g);const q=o.useMemo(()=>{const ie=e||E;return ie?O(void 0,ie,["singleSelected","selected"]):{}},[E,e]),I=o.useCallback(()=>{T(),M()},[T,M]),A=o.useMemo(()=>e?Zt(e):R,[e,R]),se=D.useDelayedFalse(S,300),ce=D.useDelayedFalse(C,300);return c.jsx(D.Box,{onKeyDown:X,children:c.jsx(Q.Popover,{arrow:!1,lazy:!0,disabled:y,placement:ne,visible:S||C,onClickOutside:I,content:(se||ce)&&c.jsx(D.Column,{children:se?c.jsx(_,{statePerMonth:q,onClickDay:Z,dateInFocus:k,setDateInFocus:b,currentPanel:w,setCurrentPanel:p,minDate:l,maxDate:u}):ce?c.jsxs(D.Column,{children:[c.jsx(D.Column,{overflow:"hidden",height:"250px",children:c.jsx(sn,{value:A!=null?A:"",onValueChange:H})}),c.jsx(D.Space,{}),c.jsx(D.Row,{justifyContent:"flex-end",children:c.jsx(j.PrimaryButton,{label:"Done",onClick:M})})]}):null}),children:c.jsx(et,{autoFocusLeft:i,onEsc:r,onEnter:n,onBlur:s,disabled:y,separatorIcon:j.stenaClock,typeLeft:"date",typeRight:"time",placeholderLeft:"yyyy-mm-dd",placeholderRight:"hh:mm",onChangeLeft:L,onChangeRight:Y,onClickArrowDown:ee,onClickCalendar:V,onFocusLeft:W,onFocusRight:v,onClickLeft:W,onClickRight:v,inputRefLeft:g,inputRefRight:h,valueRight:A!=null?A:"",widthLeft:a,widthRight:d,minLeft:l,maxLeft:u,variant:x})})})},un=(e,t,n,r,s)=>{o.useEffect(function(){e&&n(e)},[e,n]),o.useEffect(function(){t&&n(t)},[t,n]),o.useEffect(function(){r.current&&(e?r.current.valueAsDate=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate())):r.current.valueAsDate=null)},[e,r]),o.useEffect(function(){s.current&&(t?s.current.valueAsDate=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate())):s.current.valueAsDate=null)},[t,s])},fn=(e,t,n,{setDateInFocus:r,showCalendarInternal:s,hideCalendarInternal:i,setFirstFocusedInput:l,setCurrentPanel:a})=>{const d=o.useCallback(g=>{var h;g.target.value[0]!=="0"&&(n==null||n({startDate:(h=g.target.valueAsDate)!=null?h:void 0,endDate:t}))},[n,t]),u=o.useCallback(g=>{var h;g.target.value[0]!=="0"&&(n==null||n({startDate:e,endDate:(h=g.target.valueAsDate)!=null?h:void 0}))},[n,e]),x=o.useCallback(()=>{r(e||t||new Date),a("calendar"),s()},[e,t,a,s,r]),y=o.useCallback(()=>{l(void 0),i()},[l,i]);return{inputLeftChangeHandler:d,inputRightChangeHandler:u,hideCalendar:y,setDateInFocus:r,setCurrentPanel:a,showCalendar:x}},Dn=(e,t)=>{const[n,r,s]=D.useBoolean(!1),[i,l]=o.useState(void 0),[a,d]=o.useState("startDate"),[u,x]=o.useState(()=>{const h=a==="startDate"?e:a==="endDate"?t:void 0;return h!=null?h:new Date}),[y,g]=o.useState("calendar");return{isCalendarVisible:n,showCalendarInternal:r,hideCalendarInternal:s,firstFocusedInput:i,setFirstFocusedInput:l,focusedInput:a,setFocusedInput:d,dateInFocus:u,setDateInFocus:x,currentPanel:y,setCurrentPanel:g}},xn=(e,t,n,r,s,i,l,{firstFocusedInput:a,setFirstFocusedInput:d,isCalendarVisible:u,setFocusedInput:x,focusedInput:y,setCurrentPanel:g})=>{const h=o.useCallback(()=>{a==null&&d("startDate"),x("startDate"),u||i()},[u,x,i,d,a]),m=o.useCallback(()=>{a==null&&d("endDate"),x("endDate"),u||i()},[u,x,i,d,a]),p=o.useCallback(b=>{var C,M,R,E;y==="startDate"?t!=null&&f.isAfter(b.date,t)?(n==null||n({startDate:b.date,endDate:void 0}),x("endDate"),(C=s.current)==null||C.focus()):(n==null||n({startDate:b.date,endDate:t}),a==="startDate"?(x("endDate"),(M=s.current)==null||M.focus()):setTimeout(l,50)):y==="endDate"&&(e?f.isAfter(e,b.date)?(n==null||n({startDate:b.date,endDate:void 0}),x("endDate"),(E=s.current)==null||E.focus()):(n==null||n({startDate:e,endDate:b.date}),setTimeout(l,50)):(n==null||n({startDate:e,endDate:b.date}),x("startDate"),(R=r.current)==null||R.focus()))},[y,n,t,a,x,s,l,e,r]),w=o.useCallback(()=>{g("presets"),i()},[g,i]),S=o.useCallback(()=>{var b;u?l():(x("startDate"),d("startDate"),(b=r.current)==null||b.focus(),g("calendar"),i())},[u,l,x,d,r,g,i]),k=o.useCallback(b=>{b.key==="Escape"&&l()},[l]);return{onFocusLeft:h,onFocusRight:m,onClickDay:p,onClickArrowButton:w,onClickCalendarButton:S,onKeyDownHandler:k}},gn=({value:e,onValueChange:t,autoFocus:n,onBlur:r,onEnter:s,onEsc:i,minDate:l,maxDate:a=re,calendarProps:d,widthLeft:u=128,widthRight:x=128,variant:y,disabled:g})=>{const{startDate:h,endDate:m}=e||{},p=o.useRef(null),w=o.useRef(null),S=Dn(h,m),{dateInFocus:k,setDateInFocus:b,isCalendarVisible:C,currentPanel:M,setCurrentPanel:R}=S,{showCalendar:E,hideCalendar:N,inputLeftChangeHandler:T,inputRightChangeHandler:L}=fn(h,m,t,S),{onKeyDownHandler:Y,onFocusRight:H,onFocusLeft:K,onClickDay:X,onClickCalendarButton:v,onClickArrowButton:W}=xn(h,m,t,p,w,E,N,S);un(h,m,b,p,w);const Z=o.useMemo(()=>h&&m&&f.isAfter(h,m),[h,m]),V=o.useMemo(()=>Ee(d==null?void 0:d.statePerMonth,h,m,k),[d==null?void 0:d.statePerMonth,h,m,k]),ee=D.useDelayedFalse(C,300);return c.jsx(D.Box,{onKeyDown:Y,children:c.jsx(Q.Popover,{arrow:!1,lazy:!0,disabled:g,placement:ne,onClickOutside:N,visible:C,content:ee&&c.jsx(_,{onClickDay:X,dateInFocus:k,setDateInFocus:b,currentPanel:M,setCurrentPanel:R,minDate:l,maxDate:a,...d,statePerMonth:V}),children:c.jsx(et,{autoFocusLeft:n,onEsc:i,onEnter:s,onBlur:r,disabled:g,separatorIcon:j.stenaArrowRight,typeLeft:"date",typeRight:"date",placeholderLeft:"Start date",placeholderRight:"End date",onChangeLeft:T,onChangeRight:L,onClickArrowDown:W,onClickCalendar:v,onFocusLeft:K,onFocusRight:H,onClickLeft:K,onClickRight:H,inputRefLeft:p,inputRefRight:w,variant:Z?"error":y,widthLeft:u,widthRight:x,minLeft:l,maxLeft:a,minRight:l,maxRight:a})})})};exports.Calendar=ae;exports.CalendarDay=be;exports.DateInput=_t;exports.DateRangeCalendar=Lt;exports.DateRangeDualTextInput=gn;exports.DateRangeExclusionCalendar=Ft;exports.DateRangeInput=Jt;exports.DateTextInput=Kt;exports.DateTimeInput=dn;exports.Month=B;exports.MonthPicker=Fe;exports.MultiDateCalendar=Ot;exports.PresetPicker=ze;exports.SingleDateCalendar=ke;exports.SingleWeekCalendar=Wt;exports.TimeTextInput=Gt;exports.WeekDay=Ie;exports.WeekDayCell=$e;exports.WeekNumberCell=Ue;exports.YearPicker=_e;exports.addDayStateHighlights=O;exports.addDayStateHighlightsOnSingleDay=he;exports.addWeekRangeHighlights=Ae;exports.addWeekStateHighlights=ut;exports.buildDayStateForDateRange=G;exports.buildDayStateForRange=Te;exports.buildDayStateForSingleMonth=Ee;exports.calculateOverflowingMonth=Ye;exports.createDay=Ne;exports.dateRangeToStrings=qe;exports.dayHasHighlight=Oe;exports.dayHighlightSelect=U;exports.defaultCalendarTheme=z;exports.defaultTextPropsProvider=Pe;exports.defaultWrapperStyleProvider=We;exports.extranetCalendarTheme=Dt;exports.getDaysForWeekForDate=He;exports.getMonthInYear=ye;exports.getMonthsInYear=xe;exports.getStartDateOfISOWeek=Le;exports.getWeekForDate=ue;exports.getWeeksForMonth=Be;exports.isDateRangeInvalid=me;exports.setDayStateValue=lt;exports.setDayStateValueFunction=dt;exports.stringsToDateRange=Je;exports.toggleDateStringsIfEndIsEarlierThanStart=Ht;exports.toggleDatesIfEndIsEarlierThanStart=je;exports.useDateRangeCalendarState=Yt;exports.useDateRangeExclusionSelection=Ze;exports.useDateRangeSelection=ve;exports.useMultiDateSelection=Qe;exports.useSingleDateSelection=Ge;exports.useSingleWeekSelection=Xe;
 //# sourceMappingURL=index.js.map