@punkbit/cui 0.0.251-rc.16 → 0.2.0-rc.3

package/dist/esm/components/DatePicker/DateTimeRangePicker.js

@@ -0,0 +1,467 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useEffect, useLayoutEffect, useCallback } from 'react';
+import { isSameDate } from '@h6s/calendar';
+import { styled } from 'styled-components';
+import { Dropdown } from '../Dropdown/index.js';
+import { DateTimeRangePickerInput, StyledDropdownItem, CalendarRenderer, DateTableCell } from './Common.js';
+import { Container } from '../Container/index.js';
+import { Panel } from '../Panel/index.js';
+import { Icon as SvgImage } from '../Icon/index.js';
+import { datesAreWithinMaxRange } from './utils.js';
+import '../../utils/date.js';
+import { Tabs } from '../Tabs/index.js';
+import { ButtonGroup } from '../ButtonGroup/index.js';
+import { Label } from '../Label/index.js';
+import { TextField } from '../TextField/index.js';
+import dayjs from 'dayjs';
+
+const calendarFullWidth = "258px";
+const PredefinedCalendarContainer = styled(Panel).withConfig({
+  componentId: "sc-3cgxxd-0"
+})(["align-items:start;background:", ";"], ({
+  theme
+}) => theme.click.panel.color.background.muted);
+const PredefinedTimesContainer = styled(Container).withConfig({
+  componentId: "sc-3cgxxd-1"
+})(["width:", ";"], calendarFullWidth);
+const CalendarRendererContainer = styled.div.withConfig({
+  componentId: "sc-3cgxxd-2"
+})(["border:", ";border-radius:", ";box-shadow:lch(6.77 0 0 / 0.15) 4px 4px 6px -1px,lch(6.77 0 0 / 0.15) 2px 2px 4px -1px;", " position:absolute;top:0;"], ({
+  theme
+}) => `${theme.click.datePicker.dateOption.stroke} solid ${theme.click.datePicker.dateOption.color.background.range}`, ({
+  theme
+}) => theme.click.datePicker.dateOption.radii.default, ({
+  $openDirection
+}) => $openDirection === "left" ? "right: 100%;" : "left: 259px;");
+const StyledCalendarRenderer = styled(CalendarRenderer).withConfig({
+  componentId: "sc-3cgxxd-3"
+})(["border-radius:", ";min-height:221px;"], ({
+  theme
+}) => theme.click.datePicker.dateOption.radii.default);
+const StyledTriggerList = styled(Tabs.TriggersList).withConfig({
+  componentId: "sc-3cgxxd-4"
+})(["justify-content:space-around;"]);
+const ScrollableContainer = styled(Container).withConfig({
+  componentId: "sc-3cgxxd-5"
+})(["max-height:210px;overflow-y:auto;"]);
+const TimeInputContainer = styled(Container).withConfig({
+  componentId: "sc-3cgxxd-6"
+})(["background:", ";"], ({
+  theme
+}) => theme.click.datePicker.dateOption.color.background.default);
+const DateRangeTableCell = styled(DateTableCell).withConfig({
+  componentId: "sc-3cgxxd-7"
+})(["", ""], ({
+  $shouldShowRangeIndicator,
+  theme
+}) => $shouldShowRangeIndicator && `
+    background: ${theme.click.datePicker.dateOption.color.background.range};
+    border: ${theme.click.datePicker.dateOption.stroke} solid ${theme.click.datePicker.dateOption.color.background.range};
+    border-radius: 0;
+    `);
+const Calendar = ({
+  calendarBody,
+  calendarType,
+  futureDatesDisabled,
+  futureStartDatesDisabled,
+  maxRangeLength,
+  setSelectedDate,
+  startDate,
+  endDate
+}) => {
+  const [hoveredDate, setHoveredDate] = useState();
+  const handleMouseOut = () => {
+    setHoveredDate(void 0);
+  };
+  return calendarBody.value.map(({
+    key: weekKey,
+    value: week
+  }) => {
+    return /* @__PURE__ */ jsx("tr", { children: week.map(({
+      date,
+      isCurrentMonth,
+      key: dayKey,
+      value: fullDate
+    }) => {
+      const isSelected = startDate && isSameDate(startDate, fullDate) || endDate && isSameDate(endDate, fullDate);
+      const today = /* @__PURE__ */ new Date();
+      const isCurrentDate = isSameDate(today, fullDate);
+      const isBetweenStartAndEndDates = Boolean(startDate && endDate && fullDate > startDate && fullDate < endDate);
+      let isDisabled = false;
+      if (futureDatesDisabled && fullDate > today) {
+        isDisabled = true;
+      }
+      if (futureStartDatesDisabled && calendarType === "startDate" && fullDate > today) {
+        isDisabled = true;
+      }
+      if (maxRangeLength > 1 && startDate && !datesAreWithinMaxRange(startDate, fullDate, maxRangeLength)) {
+        isDisabled = true;
+      }
+      if (calendarType === "endDate" && startDate && startDate > fullDate && !isSameDate(startDate, fullDate)) {
+        isDisabled = true;
+      }
+      if (calendarType === "startDate" && !startDate && endDate && fullDate > endDate) {
+        isDisabled = true;
+      }
+      const startDateSelectedAndIsSelectingEndDate = calendarType === "endDate" && !endDate && Boolean(startDate && hoveredDate && fullDate > startDate && fullDate < hoveredDate);
+      const endDateSelectedAndIsSelectingStartDate = calendarType === "startDate" && !startDate && Boolean(endDate && hoveredDate && fullDate < endDate && fullDate > hoveredDate);
+      const shouldShowRangeIndicator = startDateSelectedAndIsSelectingEndDate || endDateSelectedAndIsSelectingStartDate;
+      const handleMouseEnter = () => {
+        setHoveredDate(fullDate);
+      };
+      const handleClick = () => {
+        if (isDisabled) {
+          return false;
+        }
+        if (calendarType === "startDate" && startDate) {
+          fullDate.setHours(startDate.getHours());
+          fullDate.setMinutes(startDate.getMinutes());
+          fullDate.setSeconds(startDate.getSeconds());
+        }
+        if (calendarType === "endDate" && endDate) {
+          fullDate.setHours(endDate.getHours());
+          fullDate.setMinutes(endDate.getMinutes());
+          fullDate.setSeconds(endDate.getSeconds());
+        }
+        setSelectedDate(fullDate, calendarType);
+      };
+      return /* @__PURE__ */ jsx(DateRangeTableCell, { $shouldShowRangeIndicator: shouldShowRangeIndicator || isBetweenStartAndEndDates, $isCurrentMonth: isCurrentMonth, $isDisabled: isDisabled, $isSelected: isSelected, $isPresent: isCurrentDate, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseOut, children: date }, dayKey);
+    }) }, weekKey);
+  });
+};
+const PredefinedTimes = ({
+  onSelectDateRange,
+  predefinedTimesList,
+  selectedEndDate,
+  selectedStartDate,
+  setEndDate,
+  setStartDate,
+  shouldShowCustomRange,
+  showCustomDateRange
+}) => {
+  const handleCustomTimePeriodClick = (event) => {
+    event.preventDefault();
+    showCustomDateRange(!shouldShowCustomRange);
+  };
+  return /* @__PURE__ */ jsxs(PredefinedTimesContainer, { "data-testid": "predefined-times-list", isResponsive: false, orientation: "vertical", children: [
+    /* @__PURE__ */ jsx(ScrollableContainer, { orientation: "vertical", children: predefinedTimesList.map(({
+      dateRange: {
+        startDate,
+        endDate
+      },
+      label
+    }) => {
+      const handleItemClick = () => {
+        setStartDate(startDate);
+        setEndDate(endDate);
+        onSelectDateRange(startDate, endDate);
+      };
+      const rangeIsSelected = selectedEndDate && selectedEndDate === endDate && selectedStartDate && selectedStartDate === startDate;
+      return /* @__PURE__ */ jsx(StyledDropdownItem, { "data-testid": `predefined-date-${startDate.getTime()}`, onClick: handleItemClick, children: /* @__PURE__ */ jsxs(Container, { "data-selected": rangeIsSelected, "data-testid": label, justifyContent: "space-between", orientation: "horizontal", children: [
+        label,
+        rangeIsSelected && /* @__PURE__ */ jsx(SvgImage, { name: "check" })
+      ] }) }, startDate.toISOString());
+    }) }),
+    /* @__PURE__ */ jsx(StyledDropdownItem, { onClick: handleCustomTimePeriodClick, children: /* @__PURE__ */ jsxs(Container, { justifyContent: "space-between", orientation: "horizontal", children: [
+      "Since a specific date and time ",
+      /* @__PURE__ */ jsx(SvgImage, { name: "chevron-right" })
+    ] }) })
+  ] });
+};
+const parseTimeString = (timeString) => {
+  if (!validTimeRegex.test(timeString)) {
+    return {
+      isValid: false
+    };
+  }
+  const [hours, minutes, seconds] = timeString.split(":");
+  const hoursAsNumber = parseInt(hours, 10);
+  if (Number.isNaN(hoursAsNumber)) {
+    return {
+      isValid: false
+    };
+  }
+  if (hoursAsNumber > 23 || hoursAsNumber < 0) {
+    return {
+      isValid: false
+    };
+  }
+  let parsedDate;
+  if (!minutes) {
+    parsedDate = dayjs(hours, "h");
+  } else {
+    const minutesAsNumber = parseInt(minutes, 10);
+    if (Number.isNaN(minutesAsNumber)) {
+      return {
+        isValid: false
+      };
+    }
+    if (minutesAsNumber > 59 || minutesAsNumber < 0) {
+      return {
+        isValid: false
+      };
+    }
+    if (!seconds) {
+      parsedDate = dayjs(`${hours}:${minutes}`, "h:mm");
+    } else {
+      const secondsAsNumber = parseInt(seconds, 10);
+      if (Number.isNaN(secondsAsNumber)) {
+        return {
+          isValid: false
+        };
+      }
+      if (secondsAsNumber > 59 || secondsAsNumber < 0) {
+        return {
+          isValid: false
+        };
+      }
+      parsedDate = dayjs(`${hours}:${minutes}:${seconds}`, "h:mm:ss");
+    }
+  }
+  if (!parsedDate.isValid()) {
+    return {
+      isValid: false
+    };
+  }
+  if (!parsedDate.isValid()) {
+    return {
+      isValid: false
+    };
+  }
+  return {
+    isValid: true,
+    parsedDate
+  };
+};
+const validTimeRegex = /^\d{1,2}(:\d{1,2}(:\d{1,2})?)?$/;
+const TimeInput = ({
+  date,
+  setDate,
+  shouldShowSeconds
+}) => {
+  let dayjsDate = dayjs(date);
+  if (!date) {
+    dayjsDate = dayjsDate.hour(12).minute(0);
+  }
+  const formattedDate = shouldShowSeconds ? dayjsDate.format("hh:mm:ss") : dayjsDate.format("hh:mm");
+  const [timeString, setTimeString] = useState(formattedDate);
+  const [dateIsValid, setDateIsValid] = useState(true);
+  const [meridiem, setMeridiem] = useState();
+  const isEnabled = Boolean(date);
+  useEffect(() => {
+    if (date) {
+      setMeridiem(dayjsDate.format("a"));
+    }
+  }, [date, dayjsDate]);
+  const handleTimeChange = useCallback((newTimeString) => {
+    setTimeString(newTimeString);
+    if (!date) {
+      return;
+    }
+    const trimmedTime = newTimeString.trim();
+    if (!trimmedTime) {
+      return;
+    }
+    const {
+      isValid,
+      parsedDate
+    } = parseTimeString(trimmedTime);
+    if (!isValid) {
+      setDateIsValid(false);
+      return;
+    }
+    if (!parsedDate) {
+      setDateIsValid(false);
+      return;
+    }
+    setDateIsValid(true);
+    let hour = parsedDate.hour();
+    if (meridiem === "am" && hour >= 12) {
+      setMeridiem("pm");
+    }
+    if (meridiem === "pm" && hour < 12) {
+      hour = parsedDate.hour() + 12;
+    }
+    const newDate = shouldShowSeconds ? dayjsDate.hour(hour).minute(parsedDate.minute()).second(parsedDate.second()).toDate() : dayjsDate.hour(hour).minute(parsedDate.minute()).toDate();
+    setDate(newDate);
+  }, [date, dayjsDate, meridiem, setDate, shouldShowSeconds]);
+  const handleMeridiemChange = useCallback((newMeridiem) => {
+    setMeridiem(newMeridiem);
+    if (newMeridiem === "pm" && dayjsDate.hour() < 12) {
+      const newDate = dayjsDate.hour(dayjsDate.hour() + 12).toDate();
+      setDate(newDate);
+      return;
+    }
+    if (newMeridiem === "am" && dayjsDate.hour() >= 12) {
+      const newDate = dayjsDate.hour(dayjsDate.hour() - 12).toDate();
+      setDate(newDate);
+      return;
+    }
+  }, [dayjsDate, setDate]);
+  const handleKeyDown = useCallback((event) => {
+    if (event.key === "Enter") {
+      const {
+        isValid,
+        parsedDate
+      } = parseTimeString(timeString);
+      if (!isValid) {
+        return;
+      }
+      if (!parsedDate) {
+        return;
+      }
+      const newDate = shouldShowSeconds ? dayjsDate.hour(parsedDate.hour()).minute(parsedDate.minute()).second(parsedDate.second()).toDate() : dayjsDate.hour(parsedDate.hour()).minute(parsedDate.minute()).toDate();
+      setDate(newDate);
+    }
+  }, [dayjsDate, setDate, shouldShowSeconds, timeString]);
+  return /* @__PURE__ */ jsxs(TimeInputContainer, { gap: "sm", padding: "xs", maxWidth: `${calendarFullWidth}`, orientation: "horizontal", children: [
+    /* @__PURE__ */ jsx(Container, { maxWidth: "10%", children: /* @__PURE__ */ jsx(Label, { htmlFor: "date-time-picker-time-input", children: "Time" }) }),
+    /* @__PURE__ */ jsxs(Container, { gap: "md", justifyContent: "space-evenly", orientation: "horizontal", children: [
+      /* @__PURE__ */ jsx(Container, { maxWidth: "45%", orientation: "horizontal", children: /* @__PURE__ */ jsx(TextField, { "data-testid": "date-time-picker-time-input", disabled: !isEnabled, error: dateIsValid ? null : true, id: "date-time-picker-time-input", onChange: handleTimeChange, onKeyDown: handleKeyDown, value: timeString }) }),
+      /* @__PURE__ */ jsx(Container, { maxWidth: "45%", children: /* @__PURE__ */ jsx(ButtonGroup, { onClick: handleMeridiemChange, options: [{
+        label: "am",
+        value: "am"
+      }, {
+        label: "pm",
+        value: "pm"
+      }], selected: meridiem, type: "default" }) })
+    ] })
+  ] });
+};
+const TabbedCalendar = ({
+  closeDatePicker,
+  endDate,
+  futureDatesDisabled,
+  futureStartDatesDisabled,
+  maxRangeLength,
+  setEndDate,
+  setSelectedDate,
+  setStartDate,
+  shouldShowSeconds,
+  startDate
+}) => {
+  const [activeTab, setActiveTab] = useState("startDate");
+  const handleTabChange = useCallback((newTab) => {
+    setActiveTab(newTab);
+  }, []);
+  const handleSetStartDate = useCallback((startDate2) => {
+    setStartDate(startDate2);
+    setSelectedDate(startDate2, "startDate");
+  }, [setSelectedDate, setStartDate]);
+  const handleSetEndDate = useCallback((endDate2) => {
+    setEndDate(endDate2);
+    setSelectedDate(endDate2, "endDate");
+  }, [setEndDate, setSelectedDate]);
+  const startDateCalendarOptions = {};
+  const endDateCalendarOptions = {};
+  if (startDate) {
+    startDateCalendarOptions.defaultDate = startDate;
+  }
+  if (endDate) {
+    endDateCalendarOptions.defaultDate = endDate;
+  }
+  return /* @__PURE__ */ jsxs(Tabs, { onValueChange: handleTabChange, value: activeTab, children: [
+    /* @__PURE__ */ jsxs(StyledTriggerList, { children: [
+      /* @__PURE__ */ jsx(Tabs.Trigger, { value: "startDate", "data-testid": "tabbed-calendar-trigger-start", children: "Start date" }),
+      /* @__PURE__ */ jsx(Tabs.Trigger, { value: "endDate", "data-testid": "tabbed-calendar-trigger-end", children: "End date" })
+    ] }),
+    /* @__PURE__ */ jsxs(Tabs.Content, { value: "startDate", children: [
+      /* @__PURE__ */ jsx(StyledCalendarRenderer, { calendarOptions: startDateCalendarOptions, children: (body) => /* @__PURE__ */ jsx(Calendar, { calendarBody: body, calendarType: "startDate", closeDatePicker, endDate, futureDatesDisabled, futureStartDatesDisabled, maxRangeLength, setSelectedDate, startDate }) }),
+      /* @__PURE__ */ jsx(TimeInput, { date: startDate, setDate: handleSetStartDate, shouldShowSeconds })
+    ] }),
+    /* @__PURE__ */ jsxs(Tabs.Content, { value: "endDate", children: [
+      /* @__PURE__ */ jsx(StyledCalendarRenderer, { calendarOptions: endDateCalendarOptions, children: (body) => /* @__PURE__ */ jsx(Calendar, { calendarBody: body, calendarType: "endDate", closeDatePicker, endDate, futureDatesDisabled, futureStartDatesDisabled, maxRangeLength, setSelectedDate, startDate }) }),
+      /* @__PURE__ */ jsx(TimeInput, { date: endDate, setDate: handleSetEndDate, shouldShowSeconds })
+    ] })
+  ] });
+};
+const DateTimeRangePicker = ({
+  endDate,
+  startDate,
+  disabled = false,
+  futureDatesDisabled = false,
+  futureStartDatesDisabled = false,
+  maxRangeLength = -1,
+  onSelectDateRange,
+  openDirection = "right",
+  placeholder = "start date – end date",
+  predefinedTimesList,
+  shouldShowSeconds
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [selectedStartDate, setSelectedStartDate] = useState();
+  const [selectedEndDate, setSelectedEndDate] = useState();
+  const [shouldShowCustomRange, setShouldShowCustomRange] = useState(false);
+  const [calendarOpenDirection, setCalendarOpenDirection] = useState(openDirection);
+  const calendarContainerRef = useRef(null);
+  useEffect(() => {
+    if (startDate) {
+      if (startDate.getHours() === 0) {
+        startDate.setHours(12);
+      }
+      setSelectedStartDate(startDate);
+    }
+  }, [startDate]);
+  useEffect(() => {
+    if (endDate) {
+      if (endDate.getHours() === 0) {
+        endDate.setHours(12);
+      }
+      setSelectedEndDate(endDate);
+    }
+  }, [endDate]);
+  useLayoutEffect(() => {
+    if (shouldShowCustomRange && calendarContainerRef.current) {
+      const rect = calendarContainerRef.current.getBoundingClientRect();
+      if (rect.right > window.innerWidth) {
+        setCalendarOpenDirection("left");
+      }
+    }
+  }, [shouldShowCustomRange]);
+  const closeDatePicker = useCallback(() => {
+    setIsOpen(false);
+    setShouldShowCustomRange(false);
+    setCalendarOpenDirection("right");
+  }, []);
+  const handleOpenChange = useCallback((isOpen2) => {
+    setIsOpen(isOpen2);
+    if (!isOpen2) {
+      setShouldShowCustomRange(false);
+      setCalendarOpenDirection("right");
+    }
+  }, []);
+  const handleSelectDate = useCallback((selectedDate, calendarType) => {
+    if (selectedDate.getHours() === 0 && selectedDate.getMinutes() === 0 && selectedDate.getSeconds() === 0) {
+      selectedDate.setHours(12);
+    }
+    if (calendarType === "startDate") {
+      setSelectedStartDate(selectedDate);
+      if (selectedEndDate) {
+        onSelectDateRange(selectedDate, selectedEndDate);
+      }
+    }
+    if (calendarType === "endDate") {
+      setSelectedEndDate(selectedDate);
+      if (selectedStartDate) {
+        onSelectDateRange(selectedStartDate, selectedDate);
+      }
+    }
+  }, [onSelectDateRange, selectedEndDate, selectedStartDate]);
+  const onTriggerKeyDown = useCallback((e) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      setIsOpen(true);
+    }
+  }, []);
+  const shouldShowPredefinedTimes = predefinedTimesList !== void 0 && predefinedTimesList.length > 0;
+  return /* @__PURE__ */ jsxs(Dropdown, { onOpenChange: handleOpenChange, open: isOpen, children: [
+    /* @__PURE__ */ jsx(Dropdown.Trigger, { disabled, onKeyDown: onTriggerKeyDown, children: /* @__PURE__ */ jsx(DateTimeRangePickerInput, { "data-testid": "datepicker-input-container", disabled, isActive: isOpen, placeholder, selectedEndDate, selectedStartDate, shouldShowSeconds }) }),
+    /* @__PURE__ */ jsx(Dropdown.Content, { align: "start", children: /* @__PURE__ */ jsx(Container, { orientation: "horizontal", children: shouldShowPredefinedTimes ? /* @__PURE__ */ jsxs(PredefinedCalendarContainer, { gap: "none", orientation: "horizontal", padding: "none", children: [
+      /* @__PURE__ */ jsx(PredefinedTimes, { onSelectDateRange, predefinedTimesList, selectedEndDate, selectedStartDate, setEndDate: setSelectedEndDate, setStartDate: setSelectedStartDate, shouldShowCustomRange, showCustomDateRange: setShouldShowCustomRange }),
+      shouldShowCustomRange && /* @__PURE__ */ jsx(CalendarRendererContainer, { $openDirection: calendarOpenDirection, ref: calendarContainerRef, children: /* @__PURE__ */ jsx(TabbedCalendar, { closeDatePicker, endDate: selectedEndDate, futureDatesDisabled, futureStartDatesDisabled, maxRangeLength, setEndDate: setSelectedEndDate, setSelectedDate: handleSelectDate, setStartDate: setSelectedStartDate, shouldShowSeconds: Boolean(shouldShowSeconds), startDate: selectedStartDate }) })
+    ] }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(TabbedCalendar, { closeDatePicker, endDate: selectedEndDate, futureDatesDisabled, futureStartDatesDisabled, maxRangeLength, setEndDate: setSelectedEndDate, setSelectedDate: handleSelectDate, setStartDate: setSelectedStartDate, shouldShowSeconds: Boolean(shouldShowSeconds), startDate: selectedStartDate }) }) }) })
+  ] });
+};
+
+export { DateTimeRangePicker };
+//# sourceMappingURL=DateTimeRangePicker.js.map

package/dist/esm/components/DatePicker/DateTimeRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeRangePicker.js","sources":["../../../../src/components/DatePicker/DateTimeRangePicker.tsx"],"sourcesContent":["import {\n  Dispatch,\n  KeyboardEvent,\n  MouseEvent,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { isSameDate, UseCalendarOptions } from '@h6s/calendar';\nimport { styled } from 'styled-components';\nimport { Dropdown } from '../Dropdown/Dropdown';\nimport {\n  Body,\n  CalendarRenderer,\n  DateTimeRangePickerInput,\n  DateTableCell,\n  StyledDropdownItem,\n} from './Common';\nimport { Container } from '../Container/Container';\nimport { Panel } from '../Panel/Panel';\nimport { Icon } from '../Icon/Icon';\nimport { DateRangeListItem, datesAreWithinMaxRange, Meridiem } from './utils';\nimport { dayjs, Dayjs } from '@/utils/date';\nimport { Tabs } from '../Tabs/Tabs';\nimport { TextField } from '@/components/TextField';\nimport { ButtonGroup } from '../ButtonGroup/ButtonGroup';\nimport { Label } from '../Label/Label';\n\nconst calendarFullWidth = '258px';\n\nconst PredefinedCalendarContainer = styled(Panel)`\n  align-items: start;\n  background: ${({ theme }) => theme.click.panel.color.background.muted};\n`;\n\nconst PredefinedTimesContainer = styled(Container)`\n  width: ${calendarFullWidth};\n`;\n\ntype OpenDirection = 'left' | 'right';\n\n// left value of 259px is the width of the PredefinedTimesContainer + 1 pixel for border\nconst CalendarRendererContainer = styled.div<{ $openDirection?: OpenDirection }>`\n  border: ${({ theme }) =>\n    `${theme.click.datePicker.dateOption.stroke} solid ${theme.click.datePicker.dateOption.color.background.range}`};\n  border-radius: ${({ theme }) => theme.click.datePicker.dateOption.radii.default};\n  box-shadow:\n    lch(6.77 0 0 / 0.15) 4px 4px 6px -1px,\n    lch(6.77 0 0 / 0.15) 2px 2px 4px -1px;\n  ${({ $openDirection }) => ($openDirection === 'left' ? 'right: 100%;' : 'left: 259px;')}\n  position: absolute;\n  top: 0;\n`;\n\n// Height of 221px is height the height the calendar needs to match the PredefinedTimesContainer\nconst StyledCalendarRenderer = styled(CalendarRenderer)`\n  border-radius: ${({ theme }) => theme.click.datePicker.dateOption.radii.default};\n  min-height: 221px;\n`;\n\nconst StyledTriggerList = styled(Tabs.TriggersList)`\n  justify-content: space-around;\n`;\n\n// max-height of 210px allows the scrollable container to be a reasonble height that matches the calendar\nconst ScrollableContainer = styled(Container)`\n  max-height: 210px;\n  overflow-y: auto;\n`;\n\nconst TimeInputContainer = styled(Container)`\n  background: ${({ theme }) =>\n    theme.click.datePicker.dateOption.color.background.default};\n`;\n\nconst DateRangeTableCell = styled(DateTableCell)<{\n  $shouldShowRangeIndicator?: boolean;\n}>`\n  ${({ $shouldShowRangeIndicator, theme }) =>\n    $shouldShowRangeIndicator &&\n    `\n    background: ${theme.click.datePicker.dateOption.color.background.range};\n    border: ${theme.click.datePicker.dateOption.stroke} solid ${theme.click.datePicker.dateOption.color.background.range};\n    border-radius: 0;\n    `}\n`;\n\ntype CalendarType = 'startDate' | 'endDate';\n\ntype SetSelectedDate = (selectedDate: Date, calendarType: CalendarType) => void;\n\ntype SetDate = (date: Date) => void;\n\ninterface CalendarProps {\n  calendarBody: Body;\n  calendarType: CalendarType;\n  closeDatePicker?: () => void;\n  futureDatesDisabled: boolean;\n  futureStartDatesDisabled: boolean;\n  maxRangeLength: number;\n  setSelectedDate: SetSelectedDate;\n  startDate?: Date;\n  endDate?: Date;\n}\n\nconst Calendar = ({\n  calendarBody,\n  calendarType,\n  futureDatesDisabled,\n  futureStartDatesDisabled,\n  maxRangeLength,\n  setSelectedDate,\n  startDate,\n  endDate,\n}: CalendarProps) => {\n  const [hoveredDate, setHoveredDate] = useState<Date>();\n\n  const handleMouseOut = (): void => {\n    setHoveredDate(undefined);\n  };\n\n  return calendarBody.value.map(({ key: weekKey, value: week }) => {\n    return (\n      <tr key={weekKey}>\n        {week.map(({ date, isCurrentMonth, key: dayKey, value: fullDate }) => {\n          const isSelected =\n            (startDate && isSameDate(startDate, fullDate)) ||\n            (endDate && isSameDate(endDate, fullDate));\n\n          const today = new Date();\n\n          const isCurrentDate = isSameDate(today, fullDate);\n          const isBetweenStartAndEndDates = Boolean(\n            startDate && endDate && fullDate > startDate && fullDate < endDate\n          );\n\n          let isDisabled = false;\n          if (futureDatesDisabled && fullDate > today) {\n            isDisabled = true;\n          }\n\n          if (\n            futureStartDatesDisabled &&\n            calendarType === 'startDate' &&\n            fullDate > today\n          ) {\n            isDisabled = true;\n          }\n\n          if (\n            maxRangeLength > 1 &&\n            startDate &&\n            !datesAreWithinMaxRange(startDate, fullDate, maxRangeLength)\n          ) {\n            isDisabled = true;\n          }\n\n          // start date is selected, end date is not; disable anything before start date\n          if (\n            calendarType === 'endDate' &&\n            startDate &&\n            startDate > fullDate &&\n            !isSameDate(startDate, fullDate)\n          ) {\n            isDisabled = true;\n          }\n\n          // start date isn't selected, but end date is; disable anything after end date\n          if (\n            calendarType === 'startDate' &&\n            !startDate &&\n            endDate &&\n            fullDate > endDate\n          ) {\n            isDisabled = true;\n          }\n\n          const startDateSelectedAndIsSelectingEndDate =\n            calendarType === 'endDate' &&\n            !endDate &&\n            Boolean(\n              startDate && hoveredDate && fullDate > startDate && fullDate < hoveredDate\n            );\n\n          const endDateSelectedAndIsSelectingStartDate =\n            calendarType === 'startDate' &&\n            !startDate &&\n            Boolean(\n              endDate && hoveredDate && fullDate < endDate && fullDate > hoveredDate\n            );\n\n          const shouldShowRangeIndicator =\n            startDateSelectedAndIsSelectingEndDate ||\n            endDateSelectedAndIsSelectingStartDate;\n\n          const handleMouseEnter = () => {\n            setHoveredDate(fullDate);\n          };\n\n          const handleClick = () => {\n            if (isDisabled) {\n              return false;\n            }\n\n            // If the user selects a start date and changes the start date\n            // use any hours, minutes, seconds they've already set\n            if (calendarType === 'startDate' && startDate) {\n              fullDate.setHours(startDate.getHours());\n              fullDate.setMinutes(startDate.getMinutes());\n              fullDate.setSeconds(startDate.getSeconds());\n            }\n\n            // If the user selects an end date and changes the end date\n            // use any hours, minutes, seconds they've already set\n            if (calendarType === 'endDate' && endDate) {\n              fullDate.setHours(endDate.getHours());\n              fullDate.setMinutes(endDate.getMinutes());\n              fullDate.setSeconds(endDate.getSeconds());\n            }\n\n            setSelectedDate(fullDate, calendarType);\n          };\n\n          return (\n            <DateRangeTableCell\n              $shouldShowRangeIndicator={\n                shouldShowRangeIndicator || isBetweenStartAndEndDates\n              }\n              $isCurrentMonth={isCurrentMonth}\n              $isDisabled={isDisabled}\n              $isSelected={isSelected}\n              $isPresent={isCurrentDate}\n              key={dayKey}\n              onClick={handleClick}\n              onMouseEnter={handleMouseEnter}\n              onMouseLeave={handleMouseOut}\n            >\n              {date}\n            </DateRangeTableCell>\n          );\n        })}\n      </tr>\n    );\n  });\n};\n\ninterface PredefinedTimesProps {\n  onSelectDateRange: (selectedStartDate: Date, selectedEndDate: Date) => void;\n  predefinedTimesList: DateRangeListItem[];\n  selectedEndDate: Date | undefined;\n  selectedStartDate: Date | undefined;\n  setEndDate: Dispatch<SetStateAction<Date | undefined>>;\n  setStartDate: Dispatch<SetStateAction<Date | undefined>>;\n  shouldShowCustomRange: boolean;\n  showCustomDateRange: Dispatch<SetStateAction<boolean>>;\n}\n\nconst PredefinedTimes = ({\n  onSelectDateRange,\n  predefinedTimesList,\n  selectedEndDate,\n  selectedStartDate,\n  setEndDate,\n  setStartDate,\n  shouldShowCustomRange,\n  showCustomDateRange,\n}: PredefinedTimesProps) => {\n  const handleCustomTimePeriodClick = (event: MouseEvent) => {\n    event.preventDefault();\n    showCustomDateRange(!shouldShowCustomRange);\n  };\n\n  return (\n    <PredefinedTimesContainer\n      data-testid=\"predefined-times-list\"\n      isResponsive={false}\n      orientation=\"vertical\"\n    >\n      <ScrollableContainer orientation=\"vertical\">\n        {predefinedTimesList.map(({ dateRange: { startDate, endDate }, label }) => {\n          const handleItemClick = () => {\n            setStartDate(startDate);\n            setEndDate(endDate);\n            onSelectDateRange(startDate, endDate);\n          };\n\n          const rangeIsSelected =\n            selectedEndDate &&\n            selectedEndDate === endDate &&\n            selectedStartDate &&\n            selectedStartDate === startDate;\n\n          return (\n            <StyledDropdownItem\n              data-testid={`predefined-date-${startDate.getTime()}`}\n              key={startDate.toISOString()}\n              onClick={handleItemClick}\n            >\n              <Container\n                data-selected={rangeIsSelected}\n                data-testid={label}\n                justifyContent=\"space-between\"\n                orientation=\"horizontal\"\n              >\n                {label}\n                {rangeIsSelected && <Icon name=\"check\" />}\n              </Container>\n            </StyledDropdownItem>\n          );\n        })}\n      </ScrollableContainer>\n      <StyledDropdownItem onClick={handleCustomTimePeriodClick}>\n        <Container\n          justifyContent=\"space-between\"\n          orientation=\"horizontal\"\n        >\n          Since a specific date and time <Icon name=\"chevron-right\" />\n        </Container>\n      </StyledDropdownItem>\n    </PredefinedTimesContainer>\n  );\n};\n\nconst parseTimeString = (\n  timeString: string\n): { isValid: boolean; parsedDate?: Dayjs } => {\n  if (!validTimeRegex.test(timeString)) {\n    return { isValid: false };\n  }\n\n  const [hours, minutes, seconds] = timeString.split(':');\n\n  const hoursAsNumber = parseInt(hours, 10);\n  if (Number.isNaN(hoursAsNumber)) {\n    return { isValid: false };\n  }\n\n  if (hoursAsNumber > 23 || hoursAsNumber < 0) {\n    return { isValid: false };\n  }\n\n  let parsedDate;\n  if (!minutes) {\n    parsedDate = dayjs(hours, 'h');\n  } else {\n    const minutesAsNumber = parseInt(minutes, 10);\n    if (Number.isNaN(minutesAsNumber)) {\n      return { isValid: false };\n    }\n\n    if (minutesAsNumber > 59 || minutesAsNumber < 0) {\n      return { isValid: false };\n    }\n\n    if (!seconds) {\n      parsedDate = dayjs(`${hours}:${minutes}`, 'h:mm');\n    } else {\n      const secondsAsNumber = parseInt(seconds, 10);\n\n      if (Number.isNaN(secondsAsNumber)) {\n        return { isValid: false };\n      }\n\n      if (secondsAsNumber > 59 || secondsAsNumber < 0) {\n        return { isValid: false };\n      }\n\n      parsedDate = dayjs(`${hours}:${minutes}:${seconds}`, 'h:mm:ss');\n    }\n  }\n\n  if (!parsedDate.isValid()) {\n    return { isValid: false };\n  }\n\n  if (!parsedDate.isValid()) {\n    return { isValid: false };\n  }\n\n  return { isValid: true, parsedDate };\n};\n\nconst validTimeRegex = /^\\d{1,2}(:\\d{1,2}(:\\d{1,2})?)?$/;\n\ninterface TimeInputProps {\n  date: Date | undefined;\n  setDate: (date: Date) => void;\n  shouldShowSeconds: boolean;\n}\n\nconst TimeInput = ({ date, setDate, shouldShowSeconds }: TimeInputProps) => {\n  let dayjsDate = dayjs(date);\n  if (!date) {\n    dayjsDate = dayjsDate.hour(12).minute(0);\n  }\n\n  const formattedDate = shouldShowSeconds\n    ? dayjsDate.format('hh:mm:ss')\n    : dayjsDate.format('hh:mm');\n  const [timeString, setTimeString] = useState<string>(formattedDate);\n  const [dateIsValid, setDateIsValid] = useState<boolean>(true);\n  const [meridiem, setMeridiem] = useState<Meridiem>();\n  const isEnabled = Boolean(date);\n\n  useEffect(() => {\n    if (date) {\n      setMeridiem(dayjsDate.format('a') as Meridiem);\n    }\n  }, [date, dayjsDate]);\n\n  const handleTimeChange = useCallback(\n    (newTimeString: string) => {\n      setTimeString(newTimeString);\n\n      if (!date) {\n        return;\n      }\n\n      const trimmedTime = newTimeString.trim();\n      if (!trimmedTime) {\n        return;\n      }\n\n      const { isValid, parsedDate } = parseTimeString(trimmedTime);\n\n      if (!isValid) {\n        setDateIsValid(false);\n        return;\n      }\n\n      if (!parsedDate) {\n        setDateIsValid(false);\n        return;\n      }\n\n      setDateIsValid(true);\n\n      let hour = parsedDate.hour();\n\n      // If the meridiem is set to am and the user enters a time greater than 12,\n      // e.g. 18:00, it's a pretty clear indication they mean afternoon, so set the\n      // meridiem to pm\n      if (meridiem === 'am' && hour >= 12) {\n        setMeridiem('pm');\n      }\n      // It's not as easy to infer that a user intended 8:00 to mean 08:00 when the meridiem\n      // is set to pm, so don't change the meridiem in that case\n      if (meridiem === 'pm' && hour < 12) {\n        hour = parsedDate.hour() + 12;\n      }\n\n      const newDate = shouldShowSeconds\n        ? dayjsDate\n            .hour(hour)\n            .minute(parsedDate.minute())\n            .second(parsedDate.second())\n            .toDate()\n        : dayjsDate.hour(hour).minute(parsedDate.minute()).toDate();\n\n      setDate(newDate);\n    },\n    [date, dayjsDate, meridiem, setDate, shouldShowSeconds]\n  );\n\n  const handleMeridiemChange = useCallback(\n    (newMeridiem: string) => {\n      setMeridiem(newMeridiem as Meridiem);\n\n      if (newMeridiem === 'pm' && dayjsDate.hour() < 12) {\n        const newDate = dayjsDate.hour(dayjsDate.hour() + 12).toDate();\n\n        setDate(newDate);\n\n        return;\n      }\n\n      if (newMeridiem === 'am' && dayjsDate.hour() >= 12) {\n        const newDate = dayjsDate.hour(dayjsDate.hour() - 12).toDate();\n\n        setDate(newDate);\n\n        return;\n      }\n    },\n    [dayjsDate, setDate]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        const { isValid, parsedDate } = parseTimeString(timeString);\n\n        if (!isValid) {\n          return;\n        }\n\n        if (!parsedDate) {\n          return;\n        }\n\n        const newDate = shouldShowSeconds\n          ? dayjsDate\n              .hour(parsedDate.hour())\n              .minute(parsedDate.minute())\n              .second(parsedDate.second())\n              .toDate()\n          : dayjsDate.hour(parsedDate.hour()).minute(parsedDate.minute()).toDate();\n\n        setDate(newDate);\n      }\n    },\n    [dayjsDate, setDate, shouldShowSeconds, timeString]\n  );\n\n  return (\n    <TimeInputContainer\n      gap=\"sm\"\n      padding=\"xs\"\n      maxWidth={`${calendarFullWidth}`}\n      orientation=\"horizontal\"\n    >\n      <Container maxWidth=\"10%\">\n        <Label htmlFor=\"date-time-picker-time-input\">Time</Label>\n      </Container>\n      <Container\n        gap=\"md\"\n        justifyContent=\"space-evenly\"\n        orientation=\"horizontal\"\n      >\n        <Container\n          maxWidth=\"45%\"\n          orientation=\"horizontal\"\n        >\n          <TextField\n            data-testid=\"date-time-picker-time-input\"\n            disabled={!isEnabled}\n            error={dateIsValid ? null : true}\n            id=\"date-time-picker-time-input\"\n            onChange={handleTimeChange}\n            onKeyDown={handleKeyDown}\n            value={timeString}\n          />\n        </Container>\n        <Container maxWidth=\"45%\">\n          <ButtonGroup\n            onClick={handleMeridiemChange}\n            options={[\n              {\n                label: 'am',\n                value: 'am',\n              },\n              {\n                label: 'pm',\n                value: 'pm',\n              },\n            ]}\n            selected={meridiem}\n            type=\"default\"\n          />\n        </Container>\n      </Container>\n    </TimeInputContainer>\n  );\n};\n\ntype Tab = 'startDate' | 'endDate';\n\ninterface TabbedCalendarProps {\n  closeDatePicker: () => void;\n  endDate: Date | undefined;\n  futureDatesDisabled: boolean;\n  futureStartDatesDisabled: boolean;\n  maxRangeLength: number;\n  setEndDate: SetDate;\n  setSelectedDate: SetSelectedDate;\n  setStartDate: SetDate;\n  shouldShowSeconds: boolean;\n  startDate: Date | undefined;\n}\n\nconst TabbedCalendar = ({\n  closeDatePicker,\n  endDate,\n  futureDatesDisabled,\n  futureStartDatesDisabled,\n  maxRangeLength,\n  setEndDate,\n  setSelectedDate,\n  setStartDate,\n  shouldShowSeconds,\n  startDate,\n}: TabbedCalendarProps) => {\n  const [activeTab, setActiveTab] = useState<Tab>('startDate');\n\n  const handleTabChange = useCallback((newTab: string) => {\n    setActiveTab(newTab as Tab);\n  }, []);\n\n  const handleSetStartDate = useCallback(\n    (startDate: Date) => {\n      setStartDate(startDate);\n\n      setSelectedDate(startDate, 'startDate');\n    },\n    [setSelectedDate, setStartDate]\n  );\n\n  const handleSetEndDate = useCallback(\n    (endDate: Date) => {\n      setEndDate(endDate);\n\n      setSelectedDate(endDate, 'endDate');\n    },\n    [setEndDate, setSelectedDate]\n  );\n\n  const startDateCalendarOptions: UseCalendarOptions = {};\n  const endDateCalendarOptions: UseCalendarOptions = {};\n\n  // If a start date is selected, open the calendar to that date\n  if (startDate) {\n    startDateCalendarOptions.defaultDate = startDate;\n  }\n\n  // If an end date is selected, open the calendar to that date\n  if (endDate) {\n    endDateCalendarOptions.defaultDate = endDate;\n  }\n\n  return (\n    <Tabs\n      onValueChange={handleTabChange}\n      value={activeTab}\n    >\n      <StyledTriggerList>\n        <Tabs.Trigger\n          value=\"startDate\"\n          data-testid=\"tabbed-calendar-trigger-start\"\n        >\n          Start date\n        </Tabs.Trigger>\n        <Tabs.Trigger\n          value=\"endDate\"\n          data-testid=\"tabbed-calendar-trigger-end\"\n        >\n          End date\n        </Tabs.Trigger>\n      </StyledTriggerList>\n      <Tabs.Content value=\"startDate\">\n        <StyledCalendarRenderer calendarOptions={startDateCalendarOptions}>\n          {(body: Body) => (\n            <Calendar\n              calendarBody={body}\n              calendarType=\"startDate\"\n              closeDatePicker={closeDatePicker}\n              endDate={endDate}\n              futureDatesDisabled={futureDatesDisabled}\n              futureStartDatesDisabled={futureStartDatesDisabled}\n              maxRangeLength={maxRangeLength}\n              setSelectedDate={setSelectedDate}\n              startDate={startDate}\n            />\n          )}\n        </StyledCalendarRenderer>\n        <TimeInput\n          date={startDate}\n          setDate={handleSetStartDate}\n          shouldShowSeconds={shouldShowSeconds}\n        />\n      </Tabs.Content>\n      <Tabs.Content value=\"endDate\">\n        <StyledCalendarRenderer calendarOptions={endDateCalendarOptions}>\n          {(body: Body) => (\n            <Calendar\n              calendarBody={body}\n              calendarType=\"endDate\"\n              closeDatePicker={closeDatePicker}\n              endDate={endDate}\n              futureDatesDisabled={futureDatesDisabled}\n              futureStartDatesDisabled={futureStartDatesDisabled}\n              maxRangeLength={maxRangeLength}\n              setSelectedDate={setSelectedDate}\n              startDate={startDate}\n            />\n          )}\n        </StyledCalendarRenderer>\n        <TimeInput\n          date={endDate}\n          setDate={handleSetEndDate}\n          shouldShowSeconds={shouldShowSeconds}\n        />\n      </Tabs.Content>\n    </Tabs>\n  );\n};\n\nexport interface DateTimeRangePickerProps {\n  endDate?: Date;\n  disabled?: boolean;\n  futureDatesDisabled?: boolean;\n  futureStartDatesDisabled?: boolean;\n  onSelectDateRange: (selectedStartDate: Date, selectedEndDate: Date) => void;\n  openDirection?: OpenDirection;\n  placeholder?: string;\n  predefinedTimesList?: DateRangeListItem[];\n  maxRangeLength?: number;\n  shouldShowSeconds?: boolean;\n  startDate?: Date;\n}\n\nexport const DateTimeRangePicker = ({\n  endDate,\n  startDate,\n  disabled = false,\n  futureDatesDisabled = false,\n  futureStartDatesDisabled = false,\n  maxRangeLength = -1,\n  onSelectDateRange,\n  openDirection = 'right',\n  placeholder = 'start date – end date',\n  predefinedTimesList,\n  shouldShowSeconds,\n}: DateTimeRangePickerProps) => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const [selectedStartDate, setSelectedStartDate] = useState<Date>();\n  const [selectedEndDate, setSelectedEndDate] = useState<Date>();\n  const [shouldShowCustomRange, setShouldShowCustomRange] = useState<boolean>(false);\n  const [calendarOpenDirection, setCalendarOpenDirection] =\n    useState<OpenDirection>(openDirection);\n  const calendarContainerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (startDate) {\n      if (startDate.getHours() === 0) {\n        startDate.setHours(12);\n      }\n      setSelectedStartDate(startDate);\n    }\n  }, [startDate]);\n\n  useEffect(() => {\n    if (endDate) {\n      if (endDate.getHours() === 0) {\n        endDate.setHours(12);\n      }\n      setSelectedEndDate(endDate);\n    }\n  }, [endDate]);\n\n  useLayoutEffect(() => {\n    if (shouldShowCustomRange && calendarContainerRef.current) {\n      const rect = calendarContainerRef.current.getBoundingClientRect();\n\n      if (rect.right > window.innerWidth) {\n        setCalendarOpenDirection('left');\n      }\n    }\n  }, [shouldShowCustomRange]);\n\n  const closeDatePicker = useCallback((): void => {\n    setIsOpen(false);\n    setShouldShowCustomRange(false);\n    setCalendarOpenDirection('right');\n  }, []);\n\n  const handleOpenChange = useCallback((isOpen: boolean): void => {\n    setIsOpen(isOpen);\n\n    if (!isOpen) {\n      setShouldShowCustomRange(false);\n      setCalendarOpenDirection('right');\n    }\n  }, []);\n\n  const handleSelectDate = useCallback(\n    (selectedDate: Date, calendarType: CalendarType): void => {\n      if (\n        selectedDate.getHours() === 0 &&\n        selectedDate.getMinutes() === 0 &&\n        selectedDate.getSeconds() === 0\n      ) {\n        selectedDate.setHours(12); // set the time to 12 noon if time hasn't been set yet\n      }\n\n      if (calendarType === 'startDate') {\n        setSelectedStartDate(selectedDate);\n\n        if (selectedEndDate) {\n          onSelectDateRange(selectedDate, selectedEndDate);\n        }\n      }\n\n      if (calendarType === 'endDate') {\n        setSelectedEndDate(selectedDate);\n\n        if (selectedStartDate) {\n          onSelectDateRange(selectedStartDate, selectedDate);\n        }\n      }\n    },\n    [onSelectDateRange, selectedEndDate, selectedStartDate]\n  );\n\n  const onTriggerKeyDown = useCallback((e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      setIsOpen(true);\n    }\n  }, []);\n\n  const shouldShowPredefinedTimes =\n    predefinedTimesList !== undefined && predefinedTimesList.length > 0;\n\n  return (\n    <Dropdown\n      onOpenChange={handleOpenChange}\n      open={isOpen}\n    >\n      <Dropdown.Trigger\n        disabled={disabled}\n        onKeyDown={onTriggerKeyDown}\n      >\n        <DateTimeRangePickerInput\n          data-testid=\"datepicker-input-container\"\n          disabled={disabled}\n          isActive={isOpen}\n          placeholder={placeholder}\n          selectedEndDate={selectedEndDate}\n          selectedStartDate={selectedStartDate}\n          shouldShowSeconds={shouldShowSeconds}\n        />\n      </Dropdown.Trigger>\n      <Dropdown.Content align=\"start\">\n        <Container orientation=\"horizontal\">\n          {shouldShowPredefinedTimes ? (\n            <PredefinedCalendarContainer\n              gap=\"none\"\n              orientation=\"horizontal\"\n              padding=\"none\"\n            >\n              <PredefinedTimes\n                onSelectDateRange={onSelectDateRange}\n                predefinedTimesList={predefinedTimesList}\n                selectedEndDate={selectedEndDate}\n                selectedStartDate={selectedStartDate}\n                setEndDate={setSelectedEndDate}\n                setStartDate={setSelectedStartDate}\n                shouldShowCustomRange={shouldShowCustomRange}\n                showCustomDateRange={setShouldShowCustomRange}\n              />\n\n              {shouldShowCustomRange && (\n                <CalendarRendererContainer\n                  $openDirection={calendarOpenDirection}\n                  ref={calendarContainerRef}\n                >\n                  <TabbedCalendar\n                    closeDatePicker={closeDatePicker}\n                    endDate={selectedEndDate}\n                    futureDatesDisabled={futureDatesDisabled}\n                    futureStartDatesDisabled={futureStartDatesDisabled}\n                    maxRangeLength={maxRangeLength}\n                    setEndDate={setSelectedEndDate}\n                    setSelectedDate={handleSelectDate}\n                    setStartDate={setSelectedStartDate}\n                    shouldShowSeconds={Boolean(shouldShowSeconds)}\n                    startDate={selectedStartDate}\n                  />\n                </CalendarRendererContainer>\n              )}\n            </PredefinedCalendarContainer>\n          ) : (\n            <>\n              <TabbedCalendar\n                closeDatePicker={closeDatePicker}\n                endDate={selectedEndDate}\n                futureDatesDisabled={futureDatesDisabled}\n                futureStartDatesDisabled={futureStartDatesDisabled}\n                maxRangeLength={maxRangeLength}\n                setEndDate={setSelectedEndDate}\n                setSelectedDate={handleSelectDate}\n                setStartDate={setSelectedStartDate}\n                shouldShowSeconds={Boolean(shouldShowSeconds)}\n                startDate={selectedStartDate}\n              />\n            </>\n          )}\n        </Container>\n      </Dropdown.Content>\n    </Dropdown>\n  );\n};\n"],"names":["calendarFullWidth","PredefinedCalendarContainer","styled","Panel","withConfig","componentId","theme","click","panel","color","background","muted","PredefinedTimesContainer","Container","CalendarRendererContainer","div","datePicker","dateOption","stroke","range","radii","default","$openDirection","StyledCalendarRenderer","CalendarRenderer","StyledTriggerList","Tabs","TriggersList","ScrollableContainer","TimeInputContainer","DateRangeTableCell","DateTableCell","$shouldShowRangeIndicator","Calendar","calendarBody","calendarType","futureDatesDisabled","futureStartDatesDisabled","maxRangeLength","setSelectedDate","startDate","endDate","hoveredDate","setHoveredDate","useState","handleMouseOut","undefined","value","map","key","weekKey","week","date","isCurrentMonth","dayKey","fullDate","isSelected","isSameDate","today","Date","isCurrentDate","isBetweenStartAndEndDates","Boolean","isDisabled","datesAreWithinMaxRange","startDateSelectedAndIsSelectingEndDate","endDateSelectedAndIsSelectingStartDate","shouldShowRangeIndicator","handleMouseEnter","handleClick","setHours","getHours","setMinutes","getMinutes","setSeconds","getSeconds","PredefinedTimes","onSelectDateRange","predefinedTimesList","selectedEndDate","selectedStartDate","setEndDate","setStartDate","shouldShowCustomRange","showCustomDateRange","handleCustomTimePeriodClick","event","preventDefault","dateRange","label","handleItemClick","rangeIsSelected","getTime","Icon","toISOString","parseTimeString","timeString","validTimeRegex","test","isValid","hours","minutes","seconds","split","hoursAsNumber","parseInt","Number","isNaN","parsedDate","dayjs","minutesAsNumber","secondsAsNumber","TimeInput","setDate","shouldShowSeconds","dayjsDate","hour","minute","formattedDate","format","setTimeString","dateIsValid","setDateIsValid","meridiem","setMeridiem","isEnabled","useEffect","handleTimeChange","useCallback","newTimeString","trimmedTime","trim","newDate","second","toDate","handleMeridiemChange","newMeridiem","handleKeyDown","TabbedCalendar","closeDatePicker","activeTab","setActiveTab","handleTabChange","newTab","handleSetStartDate","handleSetEndDate","startDateCalendarOptions","endDateCalendarOptions","defaultDate","body","DateTimeRangePicker","disabled","openDirection","placeholder","isOpen","setIsOpen","setSelectedStartDate","setSelectedEndDate","setShouldShowCustomRange","calendarOpenDirection","setCalendarOpenDirection","calendarContainerRef","useRef","useLayoutEffect","current","rect","getBoundingClientRect","right","window","innerWidth","handleOpenChange","handleSelectDate","selectedDate","onTriggerKeyDown","e","shouldShowPredefinedTimes","length"],"mappings":"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"}