@plexui/vue 0.0.0-stage → 0.1.1

package/dist/es/components/DateRangePicker/Calendar.js

@@ -0,0 +1,459 @@
+import { DateTime, Interval } from "luxon";
+import { computed, createCommentVNode, defineComponent, h, onMounted, ref, shallowRef, watch } from "vue";
+import { useBreakpoint } from "../../composables/useBreakpoints.js";
+import { chunkIntoWeeks, getDaysOfMonth, isAfter, isBefore, isSameDay, isToday } from "../../lib/dateUtils.js";
+import { waitForAnimationFrame } from "../../lib/helpers.js";
+import { Button } from "../Button/index.js";
+import { Check, ChevronLeft, ChevronRight } from "../Icon/index.js";
+import { TransitionGroup } from "../Transition/index.js";
+import s from "@plexui/styles/components/DateRangePicker/Calendar.module.css";
+import { useDateRangeContext } from "./context.js";
+import {} from "./types.js";
+// Vue port of packages/ui/src/components/DateRangePicker/Calendar.tsx.
+// - React's `[value]` effect is a watcher on the context value; the height
+//   effect runs on mount and when the left month changes, after render.
+// - The `stable-view-N` key on the wrapper remounts the calendar view, as in
+//   React, when the value jumps out of view.
+// - React's pending-focus effect is a post watcher on the left month; its
+//   cleanup cancels the frame, as the effect's does.
+// - Below the `sm` breakpoint the right calendar is a placeholder, as React's
+//   `{isSmallUp && ...}`: TransitionGroup still renders its (empty) wrapper
+//   when animations are off.
+// - React quirk kept: the day buttons have no `type`.
+const CALENDAR_WIDTH_PX = 210;
+const CALENDAR_GAP_PX = 32;
+const STEP_DISTANCE_PX = CALENDAR_WIDTH_PX + CALENDAR_GAP_PX;
+// The day a grid key moves to: a day, a week, the Sunday or Saturday of the
+// week (rows start on Sunday), or a month (Luxon clamps Jan 31 to Feb 28/29)
+const getKeyTarget = (key, day) => {
+    switch (key) {
+        case "ArrowLeft":
+            return day.minus({ days: 1 });
+        case "ArrowRight":
+            return day.plus({ days: 1 });
+        case "ArrowUp":
+            return day.minus({ days: 7 });
+        case "ArrowDown":
+            return day.plus({ days: 7 });
+        case "Home":
+            return day.minus({ days: day.weekday % 7 });
+        case "End":
+            return day.plus({ days: 6 - (day.weekday % 7) });
+        case "PageUp":
+            return day.minus({ months: 1 });
+        case "PageDown":
+            return day.plus({ months: 1 });
+        default:
+            return null;
+    }
+};
+const monthIndex = (date) => date.year * 12 + date.month;
+export const DateRangeCalendar = defineComponent({
+    name: "DateRangeCalendar",
+    setup() {
+        const context = useDateRangeContext();
+        const isSmallUp = useBreakpoint("sm");
+        const calendarContainerRef = shallowRef(null);
+        // The day to focus once a key has moved the view to its month
+        let pendingFocus = null;
+        const selectionRange = shallowRef(null);
+        const calendarSteps = ref(0);
+        const forceRenderIncrement = ref(0);
+        const leftCalendarDate = shallowRef(isSmallUp.value
+            ? getLeftCalendarDate(context.value?.[0] ?? DateTime.now(), context.max)
+            : (context.value?.[0] ?? DateTime.now()));
+        const rightCalendarDate = computed(() => isSmallUp.value
+            ? leftCalendarDate.value.plus({ months: 1 }).startOf("month")
+            : leftCalendarDate.value.startOf("month"));
+        const canGoBack = () => !context.min || isBefore(context.min, leftCalendarDate.value.startOf("month"));
+        const canGoForward = () => !context.max || isBefore(rightCalendarDate.value.endOf("month"), context.max);
+        const handleNext = () => {
+            calendarSteps.value += 1;
+            leftCalendarDate.value = leftCalendarDate.value.plus({ months: 1 });
+        };
+        const handlePrevious = () => {
+            calendarSteps.value -= 1;
+            leftCalendarDate.value = leftCalendarDate.value.minus({ months: 1 });
+        };
+        const handleDateSelect = (selectedDate) => {
+            if (!selectionRange.value) {
+                selectionRange.value = [selectedDate, selectedDate];
+                return;
+            }
+            const [currentSelectionStartDate] = selectionRange.value;
+            // Selecting a date before the current selected start date moves the start date
+            // but does not resolve the selection
+            if (isBefore(selectedDate, currentSelectionStartDate)) {
+                selectionRange.value = [selectedDate, selectedDate];
+                return;
+            }
+            // Resolve the selection by emitting the value and clearing selection
+            context.onChange([currentSelectionStartDate, selectedDate]);
+            selectionRange.value = null;
+        };
+        const handleDateMouseEnter = (hoveredDate) => {
+            // If we're not actively selecting, no-op
+            const currentSelectionRange = selectionRange.value;
+            if (!currentSelectionRange) {
+                return;
+            }
+            const [currentStartDate] = currentSelectionRange;
+            // When hovering a date before the current date, don't change the selection range
+            if (isBefore(hoveredDate, currentStartDate)) {
+                selectionRange.value = [currentStartDate, currentStartDate];
+                return;
+            }
+            selectionRange.value = [currentStartDate, hoveredDate];
+        };
+        const handleCalendarMouseLeave = () => {
+            // If we're not actively selecting, no-op
+            const currentSelectionRange = selectionRange.value;
+            if (!currentSelectionRange) {
+                return;
+            }
+            // Reset the end selection
+            const [currentStartDate] = currentSelectionRange;
+            selectionRange.value = [currentStartDate, currentStartDate];
+        };
+        // Days are named by their full date; skip calendars that are leaving
+        const focusDay = (day) => {
+            const label = day.toLocaleString(DateTime.DATE_HUGE);
+            const buttons = calendarContainerRef.value?.querySelectorAll(`button[aria-label="${label}"]`);
+            Array.from(buttons ?? [])
+                .find((button) => !button.closest("[data-exiting]"))
+                ?.focus();
+        };
+        const handleDayKeyDown = (event, day) => {
+            if (event.altKey || event.ctrlKey || event.metaKey) {
+                return;
+            }
+            // While a move waits for its month to render, the next key starts from
+            // the day it is moving to (key repeat), not the day that still has focus
+            const target = getKeyTarget(event.key, pendingFocus ?? day);
+            if (!target) {
+                return;
+            }
+            event.preventDefault();
+            // A disabled day (outside min/max, or past maxRangeDays while selecting)
+            // keeps focus where it is
+            const { min, max, maxRangeDays } = context;
+            const selection = selectionRange.value;
+            const rangeEndLimit = selection && maxRangeDays != null ? selection[0].plus({ days: maxRangeDays - 1 }) : undefined;
+            if ((min && isBefore(target, min.startOf("day"))) ||
+                (max && isAfter(target, max.endOf("day"))) ||
+                (rangeEndLimit && isAfter(target, rangeEndLimit))) {
+                return;
+            }
+            const monthsBefore = monthIndex(leftCalendarDate.value) - monthIndex(target);
+            const monthsAfter = monthIndex(target) - monthIndex(rightCalendarDate.value);
+            if (monthsBefore <= 0 && monthsAfter <= 0) {
+                pendingFocus = null;
+                focusDay(target);
+                return;
+            }
+            // Step the view like the month buttons; a day within min/max keeps every step in bounds
+            if (monthsAfter > 0 ? !canGoForward() : !canGoBack()) {
+                return;
+            }
+            pendingFocus = target;
+            for (let step = 0; step < Math.max(monthsBefore, monthsAfter); step++) {
+                if (monthsAfter > 0) {
+                    handleNext();
+                }
+                else {
+                    handlePrevious();
+                }
+            }
+        };
+        // Force re-renders when `value` changes out of brand from direct user-selection
+        watch(() => context.value, (value) => {
+            // When a new value is received, it could be out of band from the control of this calendar.
+            // For example, a shortcut could be selected, or clear could be pressed. In either case, selection
+            // should be reset so that the new `value` can be displayed fully.
+            selectionRange.value = null;
+            // Nothing else to do when value is empty
+            if (!value) {
+                return;
+            }
+            // Check if `value` is still within view of our calendar
+            const viewInterval = Interval.fromDateTimes(leftCalendarDate.value.startOf("month"), rightCalendarDate.value.endOf("month"));
+            const isValueInRangeOfCalendar = viewInterval.contains(value[0]) || viewInterval.contains(value[1]);
+            if (!isValueInRangeOfCalendar) {
+                // Reset state the calendar view entirely
+                selectionRange.value = null;
+                calendarSteps.value = 0;
+                leftCalendarDate.value = isSmallUp.value ? getLeftCalendarDate(value[0], context.max) : value[0];
+                forceRenderIncrement.value += 1;
+            }
+        });
+        // Detect height changes when new calendars are rendered
+        const measureHeight = () => {
+            waitForAnimationFrame(() => {
+                const container = calendarContainerRef.value;
+                if (!container) {
+                    return;
+                }
+                let maxHeight = -Infinity;
+                // Find the tallest calendar
+                container.querySelectorAll("[data-calendar]")?.forEach((element) => {
+                    // NOTE: clientHeight does not respect the scale() that popover uses to animate in, which is what we want
+                    // We want to know the full height of the element, without any transform applied.
+                    const height = element.clientHeight;
+                    // Ignore calendars that are exiting
+                    if (element.closest("[data-exiting]")) {
+                        return;
+                    }
+                    if (height > maxHeight) {
+                        maxHeight = height;
+                    }
+                });
+                container.style.height = `${maxHeight}px`;
+                // Don't animate the initial height.
+                // This is relevant when the calendar opens to a larger size than the default.
+                if (!container.style.transition) {
+                    waitForAnimationFrame(() => {
+                        container.style.transition = `height 0.25s var(--cubic-move)`;
+                    });
+                }
+            });
+        };
+        onMounted(measureHeight);
+        watch(leftCalendarDate, measureHeight, { flush: "post" });
+        // Focus a pending day once its month has rendered. TransitionGroup marks
+        // the leaving calendar after this render, so wait a frame like the height does
+        watch(leftCalendarDate, (_date, _previous, onCleanup) => {
+            if (!pendingFocus) {
+                return;
+            }
+            onCleanup(waitForAnimationFrame(() => {
+                const target = pendingFocus;
+                pendingFocus = null;
+                if (target) {
+                    focusDay(target);
+                }
+            }));
+        }, { flush: "post" });
+        const setContainer = (el) => {
+            calendarContainerRef.value = el ?? null;
+        };
+        return () => {
+            const { value, min, max, maxRangeDays } = context;
+            const left = leftCalendarDate.value;
+            const right = rightCalendarDate.value;
+            const selection = selectionRange.value;
+            const selectedDisplayValue = selection || value;
+            const viewProps = {
+                selectedDates: selectedDisplayValue,
+                min,
+                max,
+                selectionStart: selection?.[0],
+                maxRangeDays,
+                isSelecting: !!selection,
+                onDateSelect: handleDateSelect,
+                onDateMouseEnter: handleDateMouseEnter,
+                onDayKeyDown: handleDayKeyDown,
+            };
+            return h("div", { key: `stable-view-${forceRenderIncrement.value}`, class: s.CalendarWrapper }, [
+                h("div", { ref: setContainer, class: s.CalendarContainer, onMouseleave: handleCalendarMouseLeave }, [
+                    h("div", { class: s.Previous }, [
+                        h(Button, {
+                            "variant": "ghost",
+                            "color": "secondary",
+                            "size": "sm",
+                            "pill": false,
+                            "gutterSize": "2xs",
+                            "iconSize": "sm",
+                            "onClick": handlePrevious,
+                            "disabled": !canGoBack(),
+                            "aria-label": "Previous month",
+                        }, { default: () => [h(ChevronLeft)] }),
+                    ]),
+                    h("div", { class: s.Next }, [
+                        h(Button, {
+                            "variant": "ghost",
+                            "color": "secondary",
+                            "size": "sm",
+                            "pill": false,
+                            "gutterSize": "2xs",
+                            "iconSize": "sm",
+                            "onClick": handleNext,
+                            "disabled": !canGoForward(),
+                            "aria-label": "Next month",
+                        }, { default: () => [h(ChevronRight)] }),
+                    ]),
+                    h("div", {
+                        class: s.CalendarRange,
+                        style: { transform: `translate(${calendarSteps.value * -1 * STEP_DISTANCE_PX}px, 0)` },
+                    }, [
+                        h(TransitionGroup, { enterDuration: 400, exitDuration: 400 }, {
+                            default: () => [
+                                h(CalendarView, {
+                                    key: left.toLocaleString({ month: "long", year: "numeric" }),
+                                    stepPosition: calendarSteps.value,
+                                    date: left,
+                                    ...viewProps,
+                                }),
+                                isSmallUp.value
+                                    ? h(CalendarView, {
+                                        key: right.toLocaleString({ month: "long", year: "numeric" }),
+                                        stepPosition: calendarSteps.value + 1,
+                                        date: right,
+                                        ...viewProps,
+                                    })
+                                    : createCommentVNode(),
+                            ],
+                        }),
+                    ]),
+                ]),
+            ]);
+        };
+    },
+});
+const daysOfTheWeekLabels = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+const CalendarView = defineComponent({
+    name: "DateRangeCalendarView",
+    props: {
+        // Can be any day within the given month that the calendar should render for
+        date: { type: Object, required: true },
+        selectedDates: { type: Array, default: undefined },
+        onDateSelect: Function,
+        onDateMouseEnter: Function,
+        onDayKeyDown: Function,
+        min: Object,
+        max: Object,
+        selectionStart: { type: Object, default: undefined },
+        maxRangeDays: Number,
+        isSelecting: Boolean,
+        stepPosition: { type: Number, required: true },
+    },
+    setup(props) {
+        // Lock position on mount and don't respond to changes
+        const position = props.stepPosition;
+        const view = computed(() => {
+            const { date, min, max } = props;
+            const monthStart = date.startOf("month");
+            const endOfMonth = date.endOf("month");
+            const daysBeforeMonthStart = monthStart.weekday % 7;
+            const blankDays = new Array(daysBeforeMonthStart).fill(null);
+            const daysInMonth = getDaysOfMonth(monthStart);
+            const calendarCells = [...blankDays, ...daysInMonth];
+            // Cells are start-of-day values and Interval excludes its end, so widen the
+            // bounds to whole days: min/max days themselves stay selectable.
+            const enabledDateInterval = Interval.fromDateTimes((min || monthStart).startOf("day"), (max || endOfMonth).endOf("day"));
+            return {
+                startOfMonth: monthStart,
+                endOfMonth,
+                weeks: chunkIntoWeeks(calendarCells, 7),
+                enabledInterval: enabledDateInterval,
+            };
+        });
+        const selectedInterval = computed(() => {
+            const [selectedStart, selectedEnd] = props.selectedDates || [];
+            if (!selectedStart || !selectedEnd) {
+                return null;
+            }
+            return Interval.fromDateTimes(selectedStart.startOf("day"), selectedEnd.endOf("day"));
+        });
+        return () => {
+            const { startOfMonth, weeks, enabledInterval } = view.value;
+            const { selectionStart, maxRangeDays, isSelecting } = props;
+            const [selectedStart, selectedEnd] = props.selectedDates || [];
+            const rangeEndLimit = selectionStart && maxRangeDays != null ? selectionStart.plus({ days: maxRangeDays - 1 }) : undefined;
+            return h("div", { "class": s.Calendar, "style": { left: `${position * STEP_DISTANCE_PX}px` }, "data-calendar": true }, [
+                h("p", { class: s.MonthLabel }, [startOfMonth.monthLong, " ", String(startOfMonth.year)]),
+                h("div", { class: s.Week }, daysOfTheWeekLabels.map((day) => h("div", { key: day, class: s.DayLabel }, day))),
+                ...weeks.map((week, weekIndex) => h("div", { class: s.Week, key: weekIndex }, week.map((d, dayIndex) => {
+                    if (!d) {
+                        return h("div", { class: s.Day, key: `${weekIndex}-${dayIndex}` });
+                    }
+                    // Check if 'day' is within selected range
+                    const enabled = enabledInterval.contains(d) && !(isSelecting && rangeEndLimit && isAfter(d, rangeEndLimit));
+                    const isStart = enabled && selectedStart && isSameDay(d, selectedStart);
+                    const isEnd = enabled && selectedEnd && isSameDay(d, selectedEnd);
+                    const hasRange = selectedStart && selectedEnd && !isSameDay(selectedStart, selectedEnd);
+                    const isInRange = hasRange && selectedInterval.value?.contains(d);
+                    const dayIsToday = isToday(d);
+                    const isFirstRangeTrail = d.day === 1 &&
+                        // Trail doesn't make sense to display at the start of the week (Monday)
+                        d.weekday !== 7 &&
+                        isInRange &&
+                        !isStart;
+                    const isLastRangeTrail = d.day === d.daysInMonth &&
+                        // Trail doesn't make sense to display at the end of the week (Saturday)
+                        d.weekday !== 6 &&
+                        isInRange &&
+                        !isEnd;
+                    return h("div", {
+                        "class": s.Day,
+                        "key": dayIndex,
+                        "data-is-start": isStart ? "" : undefined,
+                        "data-is-end": isEnd ? "" : undefined,
+                        "data-is-in-range": isInRange ? "" : undefined,
+                        "data-is-first-range-trail": isFirstRangeTrail ? "" : undefined,
+                        "data-is-last-range-trail": isLastRangeTrail ? "" : undefined,
+                    }, [
+                        // The full date names the day, which "15" alone does not across months
+                        h("button", {
+                            "class": s.InteractiveDay,
+                            "disabled": !enabled,
+                            "aria-label": d.toLocaleString(DateTime.DATE_HUGE),
+                            "aria-pressed": isStart || isEnd || isInRange ? "true" : "false",
+                            "aria-current": dayIsToday ? "date" : undefined,
+                            "onClick": () => d && props.onDateSelect?.(d),
+                            "onMouseenter": () => d && props.onDateMouseEnter?.(d),
+                            "onKeydown": (event) => d && props.onDayKeyDown?.(event, d),
+                        }, [String(d.day), dayIsToday ? h("span", { class: s.TodayDot }) : null]),
+                    ]);
+                }))),
+            ]);
+        };
+    },
+});
+export const DateRangeShortcuts = defineComponent({
+    name: "DateRangeShortcuts",
+    props: {
+        shortcuts: Array,
+    },
+    setup(props) {
+        const isMediumUp = useBreakpoint("md");
+        const context = useDateRangeContext();
+        return () => {
+            const { shortcuts } = props;
+            if (!isMediumUp.value || !shortcuts?.length) {
+                return null;
+            }
+            const { value, min, max, maxRangeDays, onChange } = context;
+            return h("div", { class: s.Shortcuts }, shortcuts.map((shortcut) => {
+                const { label, getDateRange } = shortcut;
+                const range = getDateRange();
+                const [start, end] = range;
+                const isActive = !!value && isSameDay(value[0], start) && isSameDay(value[1], end);
+                return h(Button, {
+                    key: label,
+                    class: "mb-1",
+                    variant: "ghost",
+                    color: "primary",
+                    pill: false,
+                    size: "md",
+                    iconSize: "sm",
+                    block: true,
+                    selected: isActive,
+                    disabled: !isRangeWithinLimits(range, min, max, maxRangeDays),
+                    onClick: () => onChange(range, shortcut),
+                }, { default: () => [h("span", { class: s.ButtonText }, label), isActive ? h(Check) : null] });
+            }));
+        };
+    },
+});
+// A shortcut follows the calendar's limits: whole days from min to max, and
+// no more than maxRangeDays days
+const isRangeWithinLimits = ([start, end], min, max, maxRangeDays) => !(min && isBefore(start, min.startOf("day"))) &&
+    !(max && isAfter(end, max.endOf("day"))) &&
+    !(maxRangeDays != null && isAfter(end.startOf("day"), start.startOf("day").plus({ days: maxRangeDays - 1 })));
+const getLeftCalendarDate = (targetDate, maxDate) => {
+    if (!maxDate) {
+        return targetDate;
+    }
+    return isBefore(targetDate.endOf("month"), maxDate) ? targetDate : targetDate.minus({ months: 1 });
+};
+//# sourceMappingURL=Calendar.js.map

package/dist/es/components/DateRangePicker/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/Calendar.ts"],"names":[],"mappings":"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","sourcesContent":["import { DateTime, Interval } from \"luxon\"\nimport { computed, createCommentVNode, defineComponent, h, onMounted, ref, shallowRef, watch, type PropType } from \"vue\"\nimport { useBreakpoint } from \"../../composables/useBreakpoints.js\"\nimport { chunkIntoWeeks, getDaysOfMonth, isAfter, isBefore, isSameDay, isToday } from \"../../lib/dateUtils.js\"\nimport { waitForAnimationFrame } from \"../../lib/helpers.js\"\nimport { Button } from \"../Button/index.js\"\nimport { Check, ChevronLeft, ChevronRight } from \"../Icon/index.js\"\nimport { TransitionGroup } from \"../Transition/index.js\"\nimport s from \"@plexui/styles/components/DateRangePicker/Calendar.module.css\"\nimport { useDateRangeContext } from \"./context.js\"\nimport { type DateRange, type DateRangeShortcut } from \"./types.js\"\n\n// Vue port of packages/ui/src/components/DateRangePicker/Calendar.tsx.\n// - React's `[value]` effect is a watcher on the context value; the height\n//   effect runs on mount and when the left month changes, after render.\n// - The `stable-view-N` key on the wrapper remounts the calendar view, as in\n//   React, when the value jumps out of view.\n// - React's pending-focus effect is a post watcher on the left month; its\n//   cleanup cancels the frame, as the effect's does.\n// - Below the `sm` breakpoint the right calendar is a placeholder, as React's\n//   `{isSmallUp && ...}`: TransitionGroup still renders its (empty) wrapper\n//   when animations are off.\n// - React quirk kept: the day buttons have no `type`.\n\nconst CALENDAR_WIDTH_PX = 210\nconst CALENDAR_GAP_PX = 32\nconst STEP_DISTANCE_PX = CALENDAR_WIDTH_PX + CALENDAR_GAP_PX\n\n// The day a grid key moves to: a day, a week, the Sunday or Saturday of the\n// week (rows start on Sunday), or a month (Luxon clamps Jan 31 to Feb 28/29)\nconst getKeyTarget = (key: string, day: DateTime): DateTime | null => {\n  switch (key) {\n    case \"ArrowLeft\":\n      return day.minus({ days: 1 })\n    case \"ArrowRight\":\n      return day.plus({ days: 1 })\n    case \"ArrowUp\":\n      return day.minus({ days: 7 })\n    case \"ArrowDown\":\n      return day.plus({ days: 7 })\n    case \"Home\":\n      return day.minus({ days: day.weekday % 7 })\n    case \"End\":\n      return day.plus({ days: 6 - (day.weekday % 7) })\n    case \"PageUp\":\n      return day.minus({ months: 1 })\n    case \"PageDown\":\n      return day.plus({ months: 1 })\n    default:\n      return null\n  }\n}\n\nconst monthIndex = (date: DateTime) => date.year * 12 + date.month\n\nexport const DateRangeCalendar = defineComponent({\n  name: \"DateRangeCalendar\",\n  setup() {\n    const context = useDateRangeContext()\n    const isSmallUp = useBreakpoint(\"sm\")\n    const calendarContainerRef = shallowRef<HTMLDivElement | null>(null)\n    // The day to focus once a key has moved the view to its month\n    let pendingFocus: DateTime | null = null\n    const selectionRange = shallowRef<DateRange | null>(null)\n    const calendarSteps = ref(0)\n    const forceRenderIncrement = ref(0)\n    const leftCalendarDate = shallowRef<DateTime>(\n      isSmallUp.value\n        ? getLeftCalendarDate(context.value?.[0] ?? DateTime.now(), context.max)\n        : (context.value?.[0] ?? DateTime.now()),\n    )\n\n    const rightCalendarDate = computed(() =>\n      isSmallUp.value\n        ? leftCalendarDate.value.plus({ months: 1 }).startOf(\"month\")\n        : leftCalendarDate.value.startOf(\"month\"),\n    )\n\n    const canGoBack = () => !context.min || isBefore(context.min, leftCalendarDate.value.startOf(\"month\"))\n    const canGoForward = () => !context.max || isBefore(rightCalendarDate.value.endOf(\"month\"), context.max)\n\n    const handleNext = () => {\n      calendarSteps.value += 1\n      leftCalendarDate.value = leftCalendarDate.value.plus({ months: 1 })\n    }\n\n    const handlePrevious = () => {\n      calendarSteps.value -= 1\n      leftCalendarDate.value = leftCalendarDate.value.minus({ months: 1 })\n    }\n\n    const handleDateSelect = (selectedDate: DateTime) => {\n      if (!selectionRange.value) {\n        selectionRange.value = [selectedDate, selectedDate]\n        return\n      }\n\n      const [currentSelectionStartDate] = selectionRange.value\n\n      // Selecting a date before the current selected start date moves the start date\n      // but does not resolve the selection\n      if (isBefore(selectedDate, currentSelectionStartDate)) {\n        selectionRange.value = [selectedDate, selectedDate]\n        return\n      }\n\n      // Resolve the selection by emitting the value and clearing selection\n      context.onChange([currentSelectionStartDate, selectedDate])\n      selectionRange.value = null\n    }\n\n    const handleDateMouseEnter = (hoveredDate: DateTime) => {\n      // If we're not actively selecting, no-op\n      const currentSelectionRange = selectionRange.value\n      if (!currentSelectionRange) {\n        return\n      }\n\n      const [currentStartDate] = currentSelectionRange\n\n      // When hovering a date before the current date, don't change the selection range\n      if (isBefore(hoveredDate, currentStartDate)) {\n        selectionRange.value = [currentStartDate, currentStartDate]\n        return\n      }\n\n      selectionRange.value = [currentStartDate, hoveredDate]\n    }\n\n    const handleCalendarMouseLeave = () => {\n      // If we're not actively selecting, no-op\n      const currentSelectionRange = selectionRange.value\n      if (!currentSelectionRange) {\n        return\n      }\n\n      // Reset the end selection\n      const [currentStartDate] = currentSelectionRange\n      selectionRange.value = [currentStartDate, currentStartDate]\n    }\n\n    // Days are named by their full date; skip calendars that are leaving\n    const focusDay = (day: DateTime) => {\n      const label = day.toLocaleString(DateTime.DATE_HUGE)\n      const buttons = calendarContainerRef.value?.querySelectorAll<HTMLButtonElement>(`button[aria-label=\"${label}\"]`)\n      Array.from(buttons ?? [])\n        .find((button) => !button.closest(\"[data-exiting]\"))\n        ?.focus()\n    }\n\n    const handleDayKeyDown = (event: KeyboardEvent, day: DateTime) => {\n      if (event.altKey || event.ctrlKey || event.metaKey) {\n        return\n      }\n\n      // While a move waits for its month to render, the next key starts from\n      // the day it is moving to (key repeat), not the day that still has focus\n      const target = getKeyTarget(event.key, pendingFocus ?? day)\n      if (!target) {\n        return\n      }\n\n      event.preventDefault()\n\n      // A disabled day (outside min/max, or past maxRangeDays while selecting)\n      // keeps focus where it is\n      const { min, max, maxRangeDays } = context\n      const selection = selectionRange.value\n      const rangeEndLimit =\n        selection && maxRangeDays != null ? selection[0].plus({ days: maxRangeDays - 1 }) : undefined\n      if (\n        (min && isBefore(target, min.startOf(\"day\"))) ||\n        (max && isAfter(target, max.endOf(\"day\"))) ||\n        (rangeEndLimit && isAfter(target, rangeEndLimit))\n      ) {\n        return\n      }\n\n      const monthsBefore = monthIndex(leftCalendarDate.value) - monthIndex(target)\n      const monthsAfter = monthIndex(target) - monthIndex(rightCalendarDate.value)\n      if (monthsBefore <= 0 && monthsAfter <= 0) {\n        pendingFocus = null\n        focusDay(target)\n        return\n      }\n\n      // Step the view like the month buttons; a day within min/max keeps every step in bounds\n      if (monthsAfter > 0 ? !canGoForward() : !canGoBack()) {\n        return\n      }\n\n      pendingFocus = target\n      for (let step = 0; step < Math.max(monthsBefore, monthsAfter); step++) {\n        if (monthsAfter > 0) {\n          handleNext()\n        } else {\n          handlePrevious()\n        }\n      }\n    }\n\n    // Force re-renders when `value` changes out of brand from direct user-selection\n    watch(\n      () => context.value,\n      (value) => {\n        // When a new value is received, it could be out of band from the control of this calendar.\n        // For example, a shortcut could be selected, or clear could be pressed. In either case, selection\n        // should be reset so that the new `value` can be displayed fully.\n        selectionRange.value = null\n\n        // Nothing else to do when value is empty\n        if (!value) {\n          return\n        }\n\n        // Check if `value` is still within view of our calendar\n        const viewInterval = Interval.fromDateTimes(\n          leftCalendarDate.value.startOf(\"month\"),\n          rightCalendarDate.value.endOf(\"month\"),\n        )\n        const isValueInRangeOfCalendar = viewInterval.contains(value[0]) || viewInterval.contains(value[1])\n        if (!isValueInRangeOfCalendar) {\n          // Reset state the calendar view entirely\n          selectionRange.value = null\n          calendarSteps.value = 0\n          leftCalendarDate.value = isSmallUp.value ? getLeftCalendarDate(value[0], context.max) : value[0]\n          forceRenderIncrement.value += 1\n        }\n      },\n    )\n\n    // Detect height changes when new calendars are rendered\n    const measureHeight = () => {\n      waitForAnimationFrame(() => {\n        const container = calendarContainerRef.value\n\n        if (!container) {\n          return\n        }\n\n        let maxHeight = -Infinity\n\n        // Find the tallest calendar\n        container.querySelectorAll<HTMLElement>(\"[data-calendar]\")?.forEach((element) => {\n          // NOTE: clientHeight does not respect the scale() that popover uses to animate in, which is what we want\n          // We want to know the full height of the element, without any transform applied.\n          const height = element.clientHeight\n\n          // Ignore calendars that are exiting\n          if (element.closest(\"[data-exiting]\")) {\n            return\n          }\n\n          if (height > maxHeight) {\n            maxHeight = height\n          }\n        })\n\n        container.style.height = `${maxHeight}px`\n\n        // Don't animate the initial height.\n        // This is relevant when the calendar opens to a larger size than the default.\n        if (!container.style.transition) {\n          waitForAnimationFrame(() => {\n            container.style.transition = `height 0.25s var(--cubic-move)`\n          })\n        }\n      })\n    }\n    onMounted(measureHeight)\n    watch(leftCalendarDate, measureHeight, { flush: \"post\" })\n\n    // Focus a pending day once its month has rendered. TransitionGroup marks\n    // the leaving calendar after this render, so wait a frame like the height does\n    watch(\n      leftCalendarDate,\n      (_date, _previous, onCleanup) => {\n        if (!pendingFocus) {\n          return\n        }\n\n        onCleanup(\n          waitForAnimationFrame(() => {\n            const target = pendingFocus\n            pendingFocus = null\n            if (target) {\n              focusDay(target)\n            }\n          }),\n        )\n      },\n      { flush: \"post\" },\n    )\n\n    const setContainer = (el: unknown) => {\n      calendarContainerRef.value = (el as HTMLDivElement | null) ?? null\n    }\n\n    return () => {\n      const { value, min, max, maxRangeDays } = context\n      const left = leftCalendarDate.value\n      const right = rightCalendarDate.value\n      const selection = selectionRange.value\n      const selectedDisplayValue = selection || value\n      const viewProps = {\n        selectedDates: selectedDisplayValue,\n        min,\n        max,\n        selectionStart: selection?.[0],\n        maxRangeDays,\n        isSelecting: !!selection,\n        onDateSelect: handleDateSelect,\n        onDateMouseEnter: handleDateMouseEnter,\n        onDayKeyDown: handleDayKeyDown,\n      }\n\n      return h(\"div\", { key: `stable-view-${forceRenderIncrement.value}`, class: s.CalendarWrapper }, [\n        h(\"div\", { ref: setContainer, class: s.CalendarContainer, onMouseleave: handleCalendarMouseLeave }, [\n          h(\"div\", { class: s.Previous }, [\n            h(\n              Button,\n              {\n                \"variant\": \"ghost\",\n                \"color\": \"secondary\",\n                \"size\": \"sm\",\n                \"pill\": false,\n                \"gutterSize\": \"2xs\",\n                \"iconSize\": \"sm\",\n                \"onClick\": handlePrevious,\n                \"disabled\": !canGoBack(),\n                \"aria-label\": \"Previous month\",\n              },\n              { default: () => [h(ChevronLeft)] },\n            ),\n          ]),\n          h(\"div\", { class: s.Next }, [\n            h(\n              Button,\n              {\n                \"variant\": \"ghost\",\n                \"color\": \"secondary\",\n                \"size\": \"sm\",\n                \"pill\": false,\n                \"gutterSize\": \"2xs\",\n                \"iconSize\": \"sm\",\n                \"onClick\": handleNext,\n                \"disabled\": !canGoForward(),\n                \"aria-label\": \"Next month\",\n              },\n              { default: () => [h(ChevronRight)] },\n            ),\n          ]),\n          h(\n            \"div\",\n            {\n              class: s.CalendarRange,\n              style: { transform: `translate(${calendarSteps.value * -1 * STEP_DISTANCE_PX}px, 0)` },\n            },\n            [\n              h(\n                TransitionGroup,\n                { enterDuration: 400, exitDuration: 400 },\n                {\n                  default: () => [\n                    h(CalendarView, {\n                      key: left.toLocaleString({ month: \"long\", year: \"numeric\" }),\n                      stepPosition: calendarSteps.value,\n                      date: left,\n                      ...viewProps,\n                    }),\n                    isSmallUp.value\n                      ? h(CalendarView, {\n                          key: right.toLocaleString({ month: \"long\", year: \"numeric\" }),\n                          stepPosition: calendarSteps.value + 1,\n                          date: right,\n                          ...viewProps,\n                        })\n                      : createCommentVNode(),\n                  ],\n                },\n              ),\n            ],\n          ),\n        ]),\n      ])\n    }\n  },\n})\n\nconst daysOfTheWeekLabels = [\"Su\", \"Mo\", \"Tu\", \"We\", \"Th\", \"Fr\", \"Sa\"]\n\nconst CalendarView = defineComponent({\n  name: \"DateRangeCalendarView\",\n  props: {\n    // Can be any day within the given month that the calendar should render for\n    date: { type: Object as PropType<DateTime>, required: true },\n    selectedDates: { type: Array as unknown as PropType<DateRange | null>, default: undefined },\n    onDateSelect: Function as PropType<(dt: DateTime) => void>,\n    onDateMouseEnter: Function as PropType<(dt: DateTime) => void>,\n    onDayKeyDown: Function as PropType<(event: KeyboardEvent, dt: DateTime) => void>,\n    min: Object as PropType<DateTime>,\n    max: Object as PropType<DateTime>,\n    selectionStart: { type: Object as PropType<DateTime | null>, default: undefined },\n    maxRangeDays: Number,\n    isSelecting: Boolean,\n    stepPosition: { type: Number, required: true },\n  },\n  setup(props) {\n    // Lock position on mount and don't respond to changes\n    const position = props.stepPosition\n    const view = computed(() => {\n      const { date, min, max } = props\n      const monthStart = date.startOf(\"month\")\n      const endOfMonth = date.endOf(\"month\")\n\n      const daysBeforeMonthStart = monthStart.weekday % 7\n      const blankDays = new Array(daysBeforeMonthStart).fill(null)\n      const daysInMonth = getDaysOfMonth(monthStart)\n      const calendarCells = [...blankDays, ...daysInMonth]\n\n      // Cells are start-of-day values and Interval excludes its end, so widen the\n      // bounds to whole days: min/max days themselves stay selectable.\n      const enabledDateInterval = Interval.fromDateTimes(\n        (min || monthStart).startOf(\"day\"),\n        (max || endOfMonth).endOf(\"day\"),\n      )\n\n      return {\n        startOfMonth: monthStart,\n        endOfMonth,\n        weeks: chunkIntoWeeks(calendarCells, 7) as Array<Array<DateTime | null>>,\n        enabledInterval: enabledDateInterval,\n      }\n    })\n\n    const selectedInterval = computed<Interval | null>(() => {\n      const [selectedStart, selectedEnd] = props.selectedDates || []\n      if (!selectedStart || !selectedEnd) {\n        return null\n      }\n\n      return Interval.fromDateTimes(selectedStart.startOf(\"day\"), selectedEnd.endOf(\"day\"))\n    })\n\n    return () => {\n      const { startOfMonth, weeks, enabledInterval } = view.value\n      const { selectionStart, maxRangeDays, isSelecting } = props\n      const [selectedStart, selectedEnd] = props.selectedDates || []\n      const rangeEndLimit =\n        selectionStart && maxRangeDays != null ? selectionStart.plus({ days: maxRangeDays - 1 }) : undefined\n\n      return h(\"div\", { \"class\": s.Calendar, \"style\": { left: `${position * STEP_DISTANCE_PX}px` }, \"data-calendar\": true }, [\n        h(\"p\", { class: s.MonthLabel }, [startOfMonth.monthLong, \" \", String(startOfMonth.year)]),\n        h(\n          \"div\",\n          { class: s.Week },\n          daysOfTheWeekLabels.map((day) => h(\"div\", { key: day, class: s.DayLabel }, day)),\n        ),\n        ...weeks.map((week, weekIndex) =>\n          h(\n            \"div\",\n            { class: s.Week, key: weekIndex },\n            week.map((d, dayIndex) => {\n              if (!d) {\n                return h(\"div\", { class: s.Day, key: `${weekIndex}-${dayIndex}` })\n              }\n\n              // Check if 'day' is within selected range\n              const enabled = enabledInterval.contains(d) && !(isSelecting && rangeEndLimit && isAfter(d, rangeEndLimit))\n              const isStart = enabled && selectedStart && isSameDay(d, selectedStart)\n              const isEnd = enabled && selectedEnd && isSameDay(d, selectedEnd)\n              const hasRange = selectedStart && selectedEnd && !isSameDay(selectedStart, selectedEnd)\n              const isInRange = hasRange && selectedInterval.value?.contains(d)\n              const dayIsToday = isToday(d)\n              const isFirstRangeTrail =\n                d.day === 1 &&\n                // Trail doesn't make sense to display at the start of the week (Monday)\n                d.weekday !== 7 &&\n                isInRange &&\n                !isStart\n              const isLastRangeTrail =\n                d.day === d.daysInMonth &&\n                // Trail doesn't make sense to display at the end of the week (Saturday)\n                d.weekday !== 6 &&\n                isInRange &&\n                !isEnd\n\n              return h(\n                \"div\",\n                {\n                  \"class\": s.Day,\n                  \"key\": dayIndex,\n                  \"data-is-start\": isStart ? \"\" : undefined,\n                  \"data-is-end\": isEnd ? \"\" : undefined,\n                  \"data-is-in-range\": isInRange ? \"\" : undefined,\n                  \"data-is-first-range-trail\": isFirstRangeTrail ? \"\" : undefined,\n                  \"data-is-last-range-trail\": isLastRangeTrail ? \"\" : undefined,\n                },\n                [\n                  // The full date names the day, which \"15\" alone does not across months\n                  h(\n                    \"button\",\n                    {\n                      \"class\": s.InteractiveDay,\n                      \"disabled\": !enabled,\n                      \"aria-label\": d.toLocaleString(DateTime.DATE_HUGE),\n                      \"aria-pressed\": isStart || isEnd || isInRange ? \"true\" : \"false\",\n                      \"aria-current\": dayIsToday ? \"date\" : undefined,\n                      \"onClick\": () => d && props.onDateSelect?.(d),\n                      \"onMouseenter\": () => d && props.onDateMouseEnter?.(d),\n                      \"onKeydown\": (event: KeyboardEvent) => d && props.onDayKeyDown?.(event, d),\n                    },\n                    [String(d.day), dayIsToday ? h(\"span\", { class: s.TodayDot }) : null],\n                  ),\n                ],\n              )\n            }),\n          ),\n        ),\n      ])\n    }\n  },\n})\n\nexport const DateRangeShortcuts = defineComponent({\n  name: \"DateRangeShortcuts\",\n  props: {\n    shortcuts: Array as PropType<DateRangeShortcut[]>,\n  },\n  setup(props) {\n    const isMediumUp = useBreakpoint(\"md\")\n    const context = useDateRangeContext()\n\n    return () => {\n      const { shortcuts } = props\n      if (!isMediumUp.value || !shortcuts?.length) {\n        return null\n      }\n\n      const { value, min, max, maxRangeDays, onChange } = context\n\n      return h(\n        \"div\",\n        { class: s.Shortcuts },\n        shortcuts.map((shortcut) => {\n          const { label, getDateRange } = shortcut\n          const range = getDateRange()\n          const [start, end] = range\n          const isActive = !!value && isSameDay(value[0], start) && isSameDay(value[1], end)\n\n          return h(\n            Button,\n            {\n              key: label,\n              class: \"mb-1\",\n              variant: \"ghost\",\n              color: \"primary\",\n              pill: false,\n              size: \"md\",\n              iconSize: \"sm\",\n              block: true,\n              selected: isActive,\n              disabled: !isRangeWithinLimits(range, min, max, maxRangeDays),\n              onClick: () => onChange(range, shortcut),\n            },\n            { default: () => [h(\"span\", { class: s.ButtonText }, label), isActive ? h(Check) : null] },\n          )\n        }),\n      )\n    }\n  },\n})\n\n// A shortcut follows the calendar's limits: whole days from min to max, and\n// no more than maxRangeDays days\nconst isRangeWithinLimits = ([start, end]: DateRange, min?: DateTime, max?: DateTime, maxRangeDays?: number) =>\n  !(min && isBefore(start, min.startOf(\"day\"))) &&\n  !(max && isAfter(end, max.endOf(\"day\"))) &&\n  !(maxRangeDays != null && isAfter(end.startOf(\"day\"), start.startOf(\"day\").plus({ days: maxRangeDays - 1 })))\n\nconst getLeftCalendarDate = (targetDate: DateTime, maxDate?: DateTime) => {\n  if (!maxDate) {\n    return targetDate\n  }\n\n  return isBefore(targetDate.endOf(\"month\"), maxDate) ? targetDate : targetDate.minus({ months: 1 })\n}\n"]}