@clickhouse/click-ui 0.9.0 → 1.0.0-rc2

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

@@ -1,50 +1,130 @@
+import "./DateRangePicker.css";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useRef, useEffect, useLayoutEffect, useCallback, useMemo } from 'react';
+import { useState, useRef, useEffect, useLayoutEffect, useCallback, forwardRef, useMemo } from 'react';
 import { isSameDate } from '@h6s/calendar';
-import { styled } from 'styled-components';
 import { DateRangePickerInput, CalendarRenderer, StyledDropdownItem, DateTableCell } from './Common.js';
+import { cn } from '../../lib/cva.js';
+import styles from './DateRangePicker.module.css.js';
 import { isDateRangeTheWholeMonth, formatDateHeader, formatSelectedDate, shiftToTimezone, datesAreWithinMaxRange, isDateNotInAllowList, shiftFromTimezone } from './utils.js';
 import { Dropdown } from '../Dropdown/index.js';
 import { Panel } from '../Panel/index.js';
 import { Container } from '../Container/index.js';
 import { Icon as SvgImage } from '../Icon/index.js';
+import { cva } from 'class-variance-authority';
 
-const calendarWidth = 275;
-const PredefinedCalendarContainer = styled(Panel).withConfig({
-  componentId: "sc-1f4vu20-0"
-})(["align-items:start;background:", ";"], ({
-  theme
-}) => theme.click.panel.color.background.muted);
-const PredefinedDatesContainer = styled(Container).withConfig({
-  componentId: "sc-1f4vu20-1"
-})(["width:", "px;"], calendarWidth);
-const CalendarRendererContainer = styled.div.withConfig({
-  componentId: "sc-1f4vu20-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: 276px;");
-const StyledCalendarRenderer = styled(CalendarRenderer).withConfig({
-  componentId: "sc-1f4vu20-3"
-})(["border-radius:", ";min-height:221px;"], ({
-  theme
-}) => theme.click.datePicker.dateOption.radii.default);
-const ScrollableContainer = styled(Container).withConfig({
-  componentId: "sc-1f4vu20-4"
-})(["max-height:210px;overflow-y:auto;"]);
-const DateRangeTableCell = styled(DateTableCell).withConfig({
-  componentId: "sc-1f4vu20-5"
-})(["", ""], ({
-  $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 PredefinedCalendarContainer = ({
+  className,
+  children,
+  gap,
+  orientation,
+  padding
+}) => /* @__PURE__ */ jsx(
+  Panel,
+  {
+    gap,
+    orientation,
+    padding,
+    className: cn(styles["predefined-calendar-container"], className),
+    children
+  }
+);
+const PredefinedDatesContainer = ({
+  className,
+  children,
+  isResponsive,
+  orientation,
+  "data-testid": dataTestId
+}) => /* @__PURE__ */ jsx(
+  Container,
+  {
+    isResponsive,
+    orientation,
+    "data-testid": dataTestId,
+    className: cn(styles["predefined-dates-container"], className),
+    children
+  }
+);
+const calendarRendererContainerVariants = cva(styles["calendar-renderer-container"], {
+  variants: {
+    openDirection: {
+      left: styles["calendar-renderer-container_left"],
+      right: styles["calendar-renderer-container_right"]
+    }
+  },
+  defaultVariants: { openDirection: "right" }
+});
+const CalendarRendererContainer = forwardRef(({ openDirection, children }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: calendarRendererContainerVariants({ openDirection }),
+    children
+  }
+));
+CalendarRendererContainer.displayName = "CalendarRendererContainer";
+const StyledCalendarRenderer = ({
+  className,
+  children,
+  calendarOptions,
+  allowYearMonthSelection,
+  selectedDate,
+  timezone
+}) => /* @__PURE__ */ jsx(
+  CalendarRenderer,
+  {
+    calendarOptions,
+    allowYearMonthSelection,
+    selectedDate,
+    timezone,
+    className: cn(styles["styled-calendar-renderer"], className),
+    children
+  }
+);
+const ScrollableContainer = ({
+  className,
+  children,
+  orientation
+}) => /* @__PURE__ */ jsx(
+  Container,
+  {
+    orientation,
+    className: cn(styles["scrollable-container"], className),
+    children
+  }
+);
+const dateRangeTableCellVariants = cva(void 0, {
+  variants: {
+    showRangeIndicator: { true: styles["date-range-table-cell_indicator"] }
+  }
+});
+const DateRangeTableCell = ({
+  shouldShowRangeIndicator,
+  className,
+  children,
+  isCurrentMonth,
+  isDisabled,
+  isSelected,
+  isPresent,
+  onClick,
+  onMouseEnter,
+  onMouseLeave
+}) => /* @__PURE__ */ jsx(
+  DateTableCell,
+  {
+    isCurrentMonth,
+    isDisabled,
+    isSelected,
+    isPresent,
+    onClick,
+    onMouseEnter,
+    onMouseLeave,
+    className: cn(
+      dateRangeTableCellVariants({ showRangeIndicator: shouldShowRangeIndicator }),
+      className
+    ),
+    children
+  }
+);
 const Calendar = ({
   allowOnlyDatesList,
   calendarBody,
@@ -69,19 +149,13 @@ const Calendar = ({
   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
-    }) => {
+  return calendarBody.value.map(({ key: weekKey, value: week }) => {
+    return /* @__PURE__ */ jsx("tr", { children: week.map(({ date, isCurrentMonth, key: dayKey, value: fullDate }) => {
       const isSelected = shiftedStart && isSameDate(shiftedStart, fullDate) || shiftedEnd && isSameDate(shiftedEnd, fullDate);
       const isPresent = isSameDate(today, fullDate);
-      const isBetweenStartAndEndDates = Boolean(shiftedStart && shiftedEnd && fullDate > shiftedStart && fullDate < shiftedEnd);
+      const isBetweenStartAndEndDates = Boolean(
+        shiftedStart && shiftedEnd && fullDate > shiftedStart && fullDate < shiftedEnd
+      );
       let isDisabled = false;
       if (futureDatesDisabled && fullDate > today) {
         isDisabled = true;
@@ -95,7 +169,9 @@ const Calendar = ({
       if (isDateNotInAllowList(shiftedAllowList, fullDate)) {
         isDisabled = true;
       }
-      const shouldShowRangeIndicator = !shiftedEnd && Boolean(shiftedStart && hoveredDate && fullDate > shiftedStart && fullDate < hoveredDate);
+      const shouldShowRangeIndicator = !shiftedEnd && Boolean(
+        shiftedStart && hoveredDate && fullDate > shiftedStart && fullDate < hoveredDate
+      );
       const handleMouseEnter = () => {
         setHoveredDate(fullDate);
       };
@@ -115,7 +191,21 @@ const Calendar = ({
           return;
         }
       };
-      return /* @__PURE__ */ jsx(DateRangeTableCell, { $shouldShowRangeIndicator: !isSelected && (shouldShowRangeIndicator || isBetweenStartAndEndDates), $isCurrentMonth: isCurrentMonth, $isDisabled: isDisabled, $isSelected: isSelected, $isPresent: isPresent, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseOut, children: date }, dayKey);
+      return /* @__PURE__ */ jsx(
+        DateRangeTableCell,
+        {
+          shouldShowRangeIndicator: !isSelected && (shouldShowRangeIndicator || isBetweenStartAndEndDates),
+          isCurrentMonth,
+          isDisabled,
+          isSelected: Boolean(isSelected),
+          isPresent,
+          onClick: handleClick,
+          onMouseEnter: handleMouseEnter,
+          onMouseLeave: handleMouseOut,
+          children: date
+        },
+        dayKey
+      );
     }) }, weekKey);
   });
 };
@@ -134,32 +224,58 @@ const PredefinedDates = ({
     event.preventDefault();
     showCustomDateRange(!shouldShowCustomRange);
   };
-  return /* @__PURE__ */ jsxs(PredefinedDatesContainer, { "data-testid": "predefined-dates-list", isResponsive: false, orientation: "vertical", children: [
-    /* @__PURE__ */ jsx(ScrollableContainer, { orientation: "vertical", children: predefinedDatesList.map(({
-      startDate,
-      endDate
-    }) => {
-      const handleItemClick = () => {
-        setStartDate(startDate);
-        setEndDate(endDate);
-        onSelectDateRange(startDate, endDate);
-      };
-      const rangeIsSelected = selectedEndDate && isSameDate(selectedEndDate, endDate) && selectedStartDate && isSameDate(selectedStartDate, startDate);
-      const isWholeMonth = isDateRangeTheWholeMonth({
-        startDate,
-        endDate
-      }, timezone);
-      const formattedText = isWholeMonth ? formatDateHeader(timezone, startDate) : `${formatSelectedDate(timezone, startDate)} – ${formatSelectedDate(timezone, endDate)}`.trim();
-      return /* @__PURE__ */ jsx(StyledDropdownItem, { "data-testid": `predefined-date-${startDate.getTime()}`, onClick: handleItemClick, children: /* @__PURE__ */ jsxs(Container, { "data-selected": rangeIsSelected, "data-testid": formattedText, justifyContent: "space-between", orientation: "horizontal", children: [
-        formattedText,
-        rangeIsSelected && /* @__PURE__ */ jsx(SvgImage, { name: "check" })
-      ] }) }, startDate.toISOString());
-    }) }),
-    /* @__PURE__ */ jsx(StyledDropdownItem, { onClick: handleCustomTimePeriodClick, children: /* @__PURE__ */ jsxs(Container, { justifyContent: "space-between", orientation: "horizontal", children: [
-      "Custom time period ",
-      /* @__PURE__ */ jsx(SvgImage, { name: "chevron-right" })
-    ] }) })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    PredefinedDatesContainer,
+    {
+      "data-testid": "predefined-dates-list",
+      isResponsive: false,
+      orientation: "vertical",
+      children: [
+        /* @__PURE__ */ jsx(ScrollableContainer, { orientation: "vertical", children: predefinedDatesList.map(({ startDate, endDate }) => {
+          const handleItemClick = () => {
+            setStartDate(startDate);
+            setEndDate(endDate);
+            onSelectDateRange(startDate, endDate);
+          };
+          const rangeIsSelected = selectedEndDate && isSameDate(selectedEndDate, endDate) && selectedStartDate && isSameDate(selectedStartDate, startDate);
+          const isWholeMonth = isDateRangeTheWholeMonth({ startDate, endDate }, timezone);
+          const formattedText = isWholeMonth ? formatDateHeader(timezone, startDate) : `${formatSelectedDate(timezone, startDate)} – ${formatSelectedDate(timezone, endDate)}`.trim();
+          return /* @__PURE__ */ jsx(
+            StyledDropdownItem,
+            {
+              "data-testid": `predefined-date-${startDate.getTime()}`,
+              onClick: handleItemClick,
+              children: /* @__PURE__ */ jsxs(
+                Container,
+                {
+                  "data-selected": rangeIsSelected,
+                  "data-testid": formattedText,
+                  justifyContent: "space-between",
+                  orientation: "horizontal",
+                  children: [
+                    formattedText,
+                    rangeIsSelected && /* @__PURE__ */ jsx(SvgImage, { name: "check" })
+                  ]
+                }
+              )
+            },
+            startDate.toISOString()
+          );
+        }) }),
+        /* @__PURE__ */ jsx(StyledDropdownItem, { onClick: handleCustomTimePeriodClick, children: /* @__PURE__ */ jsxs(
+          Container,
+          {
+            justifyContent: "space-between",
+            orientation: "horizontal",
+            children: [
+              "Custom time period ",
+              /* @__PURE__ */ jsx(SvgImage, { name: "chevron-right" })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
 };
 const DateRangePicker = ({
   allowOnlyDatesList,
@@ -215,32 +331,35 @@ const DateRangePicker = ({
       setCalendarOpenDirection(openDirection);
     }
   };
-  const handleSelectDate = useCallback((selectedDate) => {
-    if (selectedStartDate && selectedEndDate) {
-      if (futureStartDatesDisabled && selectedDate > /* @__PURE__ */ new Date()) {
+  const handleSelectDate = useCallback(
+    (selectedDate) => {
+      if (selectedStartDate && selectedEndDate) {
+        if (futureStartDatesDisabled && selectedDate > /* @__PURE__ */ new Date()) {
+          setSelectedEndDate(void 0);
+          return;
+        }
+        setSelectedStartDate(selectedDate);
         setSelectedEndDate(void 0);
         return;
       }
-      setSelectedStartDate(selectedDate);
-      setSelectedEndDate(void 0);
-      return;
-    }
-    if (selectedStartDate) {
-      if (isSameDate(selectedStartDate, selectedDate)) {
-        setSelectedStartDate(void 0);
-        return;
-      }
-      if (selectedDate < selectedStartDate) {
-        setSelectedStartDate(selectedDate);
+      if (selectedStartDate) {
+        if (isSameDate(selectedStartDate, selectedDate)) {
+          setSelectedStartDate(void 0);
+          return;
+        }
+        if (selectedDate < selectedStartDate) {
+          setSelectedStartDate(selectedDate);
+          return;
+        }
+        setSelectedEndDate(selectedDate);
+        onSelectDateRange(selectedStartDate, selectedDate);
+        setShouldShowCustomRange(false);
         return;
       }
-      setSelectedEndDate(selectedDate);
-      onSelectDateRange(selectedStartDate, selectedDate);
-      setShouldShowCustomRange(false);
-      return;
-    }
-    setSelectedStartDate(selectedDate);
-  }, [futureStartDatesDisabled, onSelectDateRange, selectedEndDate, selectedStartDate]);
+      setSelectedStartDate(selectedDate);
+    },
+    [futureStartDatesDisabled, onSelectDateRange, selectedEndDate, selectedStartDate]
+  );
   const onTriggerKeyDown = useCallback((e) => {
     if (e.key === "Enter" || e.key === " ") {
       e.preventDefault();
@@ -248,13 +367,119 @@ const DateRangePicker = ({
     }
   }, []);
   const shouldShowPredefinedDates = predefinedDatesList !== void 0 && predefinedDatesList.length > 0;
-  return /* @__PURE__ */ jsxs(Dropdown, { onOpenChange: handleOpenChange, open: isOpen, children: [
-    /* @__PURE__ */ jsx(Dropdown.Trigger, { disabled, onKeyDown: onTriggerKeyDown, children: /* @__PURE__ */ jsx(DateRangePickerInput, { "data-testid": "datepicker-input-container", disabled, isActive: isOpen, placeholder, selectedEndDate, selectedStartDate, timezone }) }),
-    /* @__PURE__ */ jsx(Dropdown.Content, { align: "start", responsivePositioning, children: shouldShowPredefinedDates ? /* @__PURE__ */ jsxs(PredefinedCalendarContainer, { gap: "none", orientation: "horizontal", padding: "none", children: [
-      /* @__PURE__ */ jsx(PredefinedDates, { onSelectDateRange, predefinedDatesList, selectedEndDate, selectedStartDate, setEndDate: setSelectedEndDate, setStartDate: setSelectedStartDate, shouldShowCustomRange, showCustomDateRange: setShouldShowCustomRange, timezone }),
-      shouldShowCustomRange && /* @__PURE__ */ jsx(CalendarRendererContainer, { $openDirection: calendarOpenDirection, ref: calendarContainerRef, children: /* @__PURE__ */ jsx(StyledCalendarRenderer, { calendarOptions, allowYearMonthSelection: false, selectedDate: selectedStartDate, timezone, children: (body) => /* @__PURE__ */ jsx(Calendar, { allowOnlyDatesList, calendarBody: body, closeDatepicker: closeDatePicker, futureDatesDisabled, futureStartDatesDisabled, maxRangeLength, setSelectedDate: handleSelectDate, startDate: selectedStartDate, endDate: selectedEndDate, timezone }) }) })
-    ] }) : /* @__PURE__ */ jsx(CalendarRenderer, { calendarOptions, allowYearMonthSelection: false, selectedDate: selectedStartDate, timezone, children: (body) => /* @__PURE__ */ jsx(Calendar, { allowOnlyDatesList, calendarBody: body, closeDatepicker: closeDatePicker, futureDatesDisabled, futureStartDatesDisabled, maxRangeLength, setSelectedDate: handleSelectDate, startDate: selectedStartDate, endDate: selectedEndDate, timezone }) }) })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    Dropdown,
+    {
+      onOpenChange: handleOpenChange,
+      open: isOpen,
+      children: [
+        /* @__PURE__ */ jsx(
+          Dropdown.Trigger,
+          {
+            disabled,
+            onKeyDown: onTriggerKeyDown,
+            children: /* @__PURE__ */ jsx(
+              DateRangePickerInput,
+              {
+                "data-testid": "datepicker-input-container",
+                disabled,
+                isActive: isOpen,
+                placeholder,
+                selectedEndDate,
+                selectedStartDate,
+                timezone
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Dropdown.Content,
+          {
+            align: "start",
+            responsivePositioning,
+            children: shouldShowPredefinedDates ? /* @__PURE__ */ jsxs(
+              PredefinedCalendarContainer,
+              {
+                gap: "none",
+                orientation: "horizontal",
+                padding: "none",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    PredefinedDates,
+                    {
+                      onSelectDateRange,
+                      predefinedDatesList,
+                      selectedEndDate,
+                      selectedStartDate,
+                      setEndDate: setSelectedEndDate,
+                      setStartDate: setSelectedStartDate,
+                      shouldShowCustomRange,
+                      showCustomDateRange: setShouldShowCustomRange,
+                      timezone
+                    }
+                  ),
+                  shouldShowCustomRange && /* @__PURE__ */ jsx(
+                    CalendarRendererContainer,
+                    {
+                      openDirection: calendarOpenDirection,
+                      ref: calendarContainerRef,
+                      children: /* @__PURE__ */ jsx(
+                        StyledCalendarRenderer,
+                        {
+                          calendarOptions,
+                          allowYearMonthSelection: false,
+                          selectedDate: selectedStartDate,
+                          timezone,
+                          children: (body) => /* @__PURE__ */ jsx(
+                            Calendar,
+                            {
+                              allowOnlyDatesList,
+                              calendarBody: body,
+                              closeDatepicker: closeDatePicker,
+                              futureDatesDisabled,
+                              futureStartDatesDisabled,
+                              maxRangeLength,
+                              setSelectedDate: handleSelectDate,
+                              startDate: selectedStartDate,
+                              endDate: selectedEndDate,
+                              timezone
+                            }
+                          )
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            ) : /* @__PURE__ */ jsx(
+              CalendarRenderer,
+              {
+                calendarOptions,
+                allowYearMonthSelection: false,
+                selectedDate: selectedStartDate,
+                timezone,
+                children: (body) => /* @__PURE__ */ jsx(
+                  Calendar,
+                  {
+                    allowOnlyDatesList,
+                    calendarBody: body,
+                    closeDatepicker: closeDatePicker,
+                    futureDatesDisabled,
+                    futureStartDatesDisabled,
+                    maxRangeLength,
+                    setSelectedDate: handleSelectDate,
+                    startDate: selectedStartDate,
+                    endDate: selectedEndDate,
+                    timezone
+                  }
+                )
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
 };
 
 export { DateRangePicker };

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.js","sources":["../../../../src/components/DatePicker/DateRangePicker.tsx"],"sourcesContent":["import {\n  Dispatch,\n  KeyboardEvent,\n  MouseEvent,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { isSameDate, UseCalendarOptions } from '@h6s/calendar';\nimport { styled } from 'styled-components';\nimport { Dropdown } from '@/components/Dropdown';\nimport {\n  Body,\n  CalendarRenderer,\n  DateRangePickerInput,\n  DateTableCell,\n  StyledDropdownItem,\n} from './Common';\nimport { Container } from '@/components/Container';\nimport { Panel } from '@/components/Panel';\nimport { Icon } from '@/components/Icon';\nimport {\n  DateRange,\n  datesAreWithinMaxRange,\n  formatDateHeader,\n  formatSelectedDate,\n  shiftFromTimezone,\n  isDateNotInAllowList,\n  isDateRangeTheWholeMonth,\n  Timezone,\n  shiftToTimezone,\n} from './utils';\n\ntype OpenDirection = 'left' | 'right';\n\nconst calendarWidth = 275;\n\nconst PredefinedCalendarContainer = styled(Panel)`\n  align-items: start;\n  background: ${({ theme }) => theme.click.panel.color.background.muted};\n`;\n\nconst PredefinedDatesContainer = styled(Container)`\n  width: ${calendarWidth}px;\n`;\n\n// left value of 276px is the width of the PredefinedDatesContainer + 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: 276px;')}\n  position: absolute;\n  top: 0;\n`;\n\n// Height of 221px is height the height the calendar needs to match the PredefinedDatesContainer\nconst StyledCalendarRenderer = styled(CalendarRenderer)`\n  border-radius: ${({ theme }) => theme.click.datePicker.dateOption.radii.default};\n  min-height: 221px;\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 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\ninterface CalendarProps {\n  allowOnlyDatesList?: Array<Date>;\n  calendarBody: Body;\n  closeDatepicker: () => void;\n  futureDatesDisabled: boolean;\n  futureStartDatesDisabled: boolean;\n  maxRangeLength: number;\n  setSelectedDate: (selectedDate: Date) => void;\n  startDate?: Date;\n  endDate?: Date;\n  timezone: Timezone;\n}\n\nconst Calendar = ({\n  allowOnlyDatesList,\n  calendarBody,\n  closeDatepicker,\n  futureDatesDisabled,\n  futureStartDatesDisabled,\n  maxRangeLength,\n  setSelectedDate,\n  startDate,\n  endDate,\n  timezone,\n}: CalendarProps) => {\n  const [hoveredDate, setHoveredDate] = useState<Date>();\n\n  const today = shiftToTimezone(new Date(), timezone);\n  const shiftedStart = startDate ? shiftToTimezone(startDate, timezone) : undefined;\n  const shiftedEnd = endDate ? shiftToTimezone(endDate, timezone) : undefined;\n\n  const shiftedAllowList = useMemo(() => {\n    return allowOnlyDatesList?.map(date => {\n      return shiftToTimezone(date, timezone);\n    });\n  }, [allowOnlyDatesList, timezone]);\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            (shiftedStart && isSameDate(shiftedStart, fullDate)) ||\n            (shiftedEnd && isSameDate(shiftedEnd, fullDate));\n          const isPresent = isSameDate(today, fullDate);\n\n          const isBetweenStartAndEndDates = Boolean(\n            shiftedStart && shiftedEnd && fullDate > shiftedStart && fullDate < shiftedEnd\n          );\n\n          let isDisabled = false;\n          if (futureDatesDisabled && fullDate > today) {\n            isDisabled = true;\n          }\n\n          if (futureStartDatesDisabled && !shiftedStart && fullDate > today) {\n            isDisabled = true;\n          }\n\n          if (\n            maxRangeLength > 1 &&\n            shiftedStart &&\n            !datesAreWithinMaxRange(shiftedStart, fullDate, maxRangeLength) &&\n            fullDate > shiftedStart\n          ) {\n            isDisabled = true;\n          }\n\n          if (isDateNotInAllowList(shiftedAllowList, fullDate)) {\n            isDisabled = true;\n          }\n\n          const shouldShowRangeIndicator =\n            !shiftedEnd &&\n            Boolean(\n              shiftedStart &&\n              hoveredDate &&\n              fullDate > shiftedStart &&\n              fullDate < hoveredDate\n            );\n\n          const handleMouseEnter = () => {\n            setHoveredDate(fullDate);\n          };\n\n          const handleClick = () => {\n            if (isDisabled) {\n              return false;\n            }\n            setSelectedDate(shiftFromTimezone(fullDate, timezone));\n\n            // User has a date range selected and clicked a new date.\n            // This will cause the selected date to be reset, thus do not close the datepicker.\n            if (shiftedStart && shiftedEnd) {\n              return;\n            }\n\n            // The user has selected a new start date, don't close\n            if (shiftedStart && fullDate < shiftedStart) {\n              return;\n            }\n\n            // Only close the datepicker if the user hasn't clicked the selected start date.\n            if (shiftedStart && !isSameDate(fullDate, shiftedStart)) {\n              closeDatepicker();\n              return;\n            }\n          };\n          return (\n            <DateRangeTableCell\n              $shouldShowRangeIndicator={\n                !isSelected && (shouldShowRangeIndicator || isBetweenStartAndEndDates)\n              }\n              $isCurrentMonth={isCurrentMonth}\n              $isDisabled={isDisabled}\n              $isSelected={isSelected}\n              $isPresent={isPresent}\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 PredefinedDatesProps {\n  onSelectDateRange: (selectedStartDate: Date, selectedEndDate: Date) => void;\n  predefinedDatesList: DateRange[];\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  timezone: Timezone;\n}\n\nconst PredefinedDates = ({\n  onSelectDateRange,\n  predefinedDatesList,\n  selectedEndDate,\n  selectedStartDate,\n  setEndDate,\n  setStartDate,\n  shouldShowCustomRange,\n  showCustomDateRange,\n  timezone,\n}: PredefinedDatesProps) => {\n  const handleCustomTimePeriodClick = (event: MouseEvent) => {\n    event.preventDefault();\n    showCustomDateRange(!shouldShowCustomRange);\n  };\n\n  return (\n    <PredefinedDatesContainer\n      data-testid=\"predefined-dates-list\"\n      isResponsive={false}\n      orientation=\"vertical\"\n    >\n      <ScrollableContainer orientation=\"vertical\">\n        {predefinedDatesList.map(({ startDate, endDate }) => {\n          const handleItemClick = () => {\n            setStartDate(startDate);\n            setEndDate(endDate);\n            onSelectDateRange(startDate, endDate);\n          };\n\n          const rangeIsSelected =\n            selectedEndDate &&\n            isSameDate(selectedEndDate, endDate) &&\n            selectedStartDate &&\n            isSameDate(selectedStartDate, startDate);\n\n          const isWholeMonth = isDateRangeTheWholeMonth({ startDate, endDate }, timezone);\n\n          const formattedText = isWholeMonth\n            ? formatDateHeader(timezone, startDate)\n            : `${formatSelectedDate(timezone, startDate)} – ${formatSelectedDate(timezone, endDate)}`.trim();\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={formattedText}\n                justifyContent=\"space-between\"\n                orientation=\"horizontal\"\n              >\n                {formattedText}\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          Custom time period <Icon name=\"chevron-right\" />\n        </Container>\n      </StyledDropdownItem>\n    </PredefinedDatesContainer>\n  );\n};\n\nexport interface DateRangePickerProps {\n  allowOnlyDatesList?: Array<Date>;\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  predefinedDatesList?: DateRange[];\n  maxRangeLength?: number;\n  startDate?: Date;\n  responsivePositioning?: boolean;\n  timezone?: Timezone;\n}\n\nexport const DateRangePicker = ({\n  allowOnlyDatesList,\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  predefinedDatesList,\n  responsivePositioning = true,\n  timezone = 'system',\n}: DateRangePickerProps) => {\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  const calendarOptions: UseCalendarOptions = {};\n\n  // If a start date is selected, open the calendar to that date\n  if (selectedStartDate) {\n    calendarOptions.defaultDate = selectedStartDate;\n  }\n\n  useEffect(() => {\n    if (startDate) {\n      setSelectedStartDate(startDate);\n    }\n  }, [startDate]);\n\n  useEffect(() => {\n    if (endDate) {\n      setSelectedEndDate(endDate);\n    }\n  }, [endDate]);\n\n  useLayoutEffect(() => {\n    if (shouldShowCustomRange && calendarContainerRef.current) {\n      if (\n        calendarContainerRef.current.getBoundingClientRect().right > window.innerWidth\n      ) {\n        setCalendarOpenDirection('left');\n      }\n    }\n  }, [shouldShowCustomRange]);\n\n  const closeDatePicker = useCallback((): void => {\n    setIsOpen(false);\n    setShouldShowCustomRange(false);\n    setCalendarOpenDirection(openDirection);\n  }, [openDirection]);\n\n  const handleOpenChange = (isOpen: boolean): void => {\n    setIsOpen(isOpen);\n\n    if (!isOpen) {\n      setShouldShowCustomRange(false);\n      setCalendarOpenDirection(openDirection);\n    }\n  };\n\n  const handleSelectDate = useCallback(\n    (selectedDate: Date): void => {\n      // Start date and end date are selected, user clicks any date.\n      // Set start date to the selected date, clear the end date.\n      if (selectedStartDate && selectedEndDate) {\n        // If futureStartDatesDisabled is true, only set the selected date to the date clicked if it's before today\n        if (futureStartDatesDisabled && selectedDate > new Date()) {\n          setSelectedEndDate(undefined);\n          return;\n        }\n        setSelectedStartDate(selectedDate);\n        setSelectedEndDate(undefined);\n        return;\n      }\n\n      if (selectedStartDate) {\n        if (isSameDate(selectedStartDate, selectedDate)) {\n          // Start date is selected, user clicks start date.\n          // Reset the start date.\n          setSelectedStartDate(undefined);\n          return;\n        }\n\n        // Start date is selected, user clicks an earlier date.\n        // Set the earlier date to the new start date.\n        if (selectedDate < selectedStartDate) {\n          setSelectedStartDate(selectedDate);\n          return;\n        }\n\n        // Otherwise, set the end date to the date the user clicked.\n        setSelectedEndDate(selectedDate);\n        onSelectDateRange(selectedStartDate, selectedDate);\n        setShouldShowCustomRange(false);\n        return;\n      }\n\n      setSelectedStartDate(selectedDate);\n    },\n    [futureStartDatesDisabled, 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 shouldShowPredefinedDates =\n    predefinedDatesList !== undefined && predefinedDatesList.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        <DateRangePickerInput\n          data-testid=\"datepicker-input-container\"\n          disabled={disabled}\n          isActive={isOpen}\n          placeholder={placeholder}\n          selectedEndDate={selectedEndDate}\n          selectedStartDate={selectedStartDate}\n          timezone={timezone}\n        />\n      </Dropdown.Trigger>\n      <Dropdown.Content\n        align=\"start\"\n        responsivePositioning={responsivePositioning}\n      >\n        {shouldShowPredefinedDates ? (\n          <PredefinedCalendarContainer\n            gap=\"none\"\n            orientation=\"horizontal\"\n            padding=\"none\"\n          >\n            <PredefinedDates\n              onSelectDateRange={onSelectDateRange}\n              predefinedDatesList={predefinedDatesList}\n              selectedEndDate={selectedEndDate}\n              selectedStartDate={selectedStartDate}\n              setEndDate={setSelectedEndDate}\n              setStartDate={setSelectedStartDate}\n              shouldShowCustomRange={shouldShowCustomRange}\n              showCustomDateRange={setShouldShowCustomRange}\n              timezone={timezone}\n            />\n\n            {shouldShowCustomRange && (\n              <CalendarRendererContainer\n                $openDirection={calendarOpenDirection}\n                ref={calendarContainerRef}\n              >\n                <StyledCalendarRenderer\n                  calendarOptions={calendarOptions}\n                  allowYearMonthSelection={false}\n                  selectedDate={selectedStartDate}\n                  timezone={timezone}\n                >\n                  {(body: Body) => (\n                    <Calendar\n                      allowOnlyDatesList={allowOnlyDatesList}\n                      calendarBody={body}\n                      closeDatepicker={closeDatePicker}\n                      futureDatesDisabled={futureDatesDisabled}\n                      futureStartDatesDisabled={futureStartDatesDisabled}\n                      maxRangeLength={maxRangeLength}\n                      setSelectedDate={handleSelectDate}\n                      startDate={selectedStartDate}\n                      endDate={selectedEndDate}\n                      timezone={timezone}\n                    />\n                  )}\n                </StyledCalendarRenderer>\n              </CalendarRendererContainer>\n            )}\n          </PredefinedCalendarContainer>\n        ) : (\n          <CalendarRenderer\n            calendarOptions={calendarOptions}\n            allowYearMonthSelection={false}\n            selectedDate={selectedStartDate}\n            timezone={timezone}\n          >\n            {(body: Body) => (\n              <Calendar\n                allowOnlyDatesList={allowOnlyDatesList}\n                calendarBody={body}\n                closeDatepicker={closeDatePicker}\n                futureDatesDisabled={futureDatesDisabled}\n                futureStartDatesDisabled={futureStartDatesDisabled}\n                maxRangeLength={maxRangeLength}\n                setSelectedDate={handleSelectDate}\n                startDate={selectedStartDate}\n                endDate={selectedEndDate}\n                timezone={timezone}\n              />\n            )}\n          </CalendarRenderer>\n        )}\n      </Dropdown.Content>\n    </Dropdown>\n  );\n};\n"],"names":["calendarWidth","PredefinedCalendarContainer","styled","Panel","withConfig","componentId","theme","click","panel","color","background","muted","PredefinedDatesContainer","Container","CalendarRendererContainer","div","datePicker","dateOption","stroke","range","radii","default","$openDirection","StyledCalendarRenderer","CalendarRenderer","ScrollableContainer","DateRangeTableCell","DateTableCell","$shouldShowRangeIndicator","Calendar","allowOnlyDatesList","calendarBody","closeDatepicker","futureDatesDisabled","futureStartDatesDisabled","maxRangeLength","setSelectedDate","startDate","endDate","timezone","hoveredDate","setHoveredDate","useState","today","shiftToTimezone","Date","shiftedStart","undefined","shiftedEnd","shiftedAllowList","useMemo","map","date","handleMouseOut","value","key","weekKey","week","isCurrentMonth","dayKey","fullDate","isSelected","isSameDate","isPresent","isBetweenStartAndEndDates","Boolean","isDisabled","datesAreWithinMaxRange","isDateNotInAllowList","shouldShowRangeIndicator","handleMouseEnter","handleClick","shiftFromTimezone","PredefinedDates","onSelectDateRange","predefinedDatesList","selectedEndDate","selectedStartDate","setEndDate","setStartDate","shouldShowCustomRange","showCustomDateRange","handleCustomTimePeriodClick","event","preventDefault","handleItemClick","rangeIsSelected","isWholeMonth","isDateRangeTheWholeMonth","formattedText","formatDateHeader","formatSelectedDate","trim","getTime","Icon","toISOString","DateRangePicker","disabled","openDirection","placeholder","responsivePositioning","isOpen","setIsOpen","setSelectedStartDate","setSelectedEndDate","setShouldShowCustomRange","calendarOpenDirection","setCalendarOpenDirection","calendarContainerRef","useRef","calendarOptions","defaultDate","useEffect","useLayoutEffect","current","getBoundingClientRect","right","window","innerWidth","closeDatePicker","useCallback","handleOpenChange","handleSelectDate","selectedDate","onTriggerKeyDown","e","shouldShowPredefinedDates","length","body"],"mappings":"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"}
+{"version":3,"file":"DateRangePicker.js","sources":["../../../../src/components/DatePicker/DateRangePicker.tsx"],"sourcesContent":["import {\n  ComponentProps,\n  Dispatch,\n  forwardRef,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { isSameDate, UseCalendarOptions } from '@h6s/calendar';\nimport { Dropdown } from '@/components/Dropdown';\nimport {\n  Body,\n  CalendarRenderer,\n  DateRangePickerInput,\n  DateTableCell,\n  StyledDropdownItem,\n} from './Common';\nimport { Container } from '@/components/Container';\nimport { Panel } from '@/components/Panel';\nimport { Icon } from '@/components/Icon';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './DateRangePicker.module.css';\nimport {\n  DateRange,\n  datesAreWithinMaxRange,\n  formatDateHeader,\n  formatSelectedDate,\n  shiftFromTimezone,\n  isDateNotInAllowList,\n  isDateRangeTheWholeMonth,\n  Timezone,\n  shiftToTimezone,\n} from './utils';\n\ntype OpenDirection = 'left' | 'right';\n\nconst PredefinedCalendarContainer = ({\n  className,\n  children,\n  gap,\n  orientation,\n  padding,\n}: ComponentProps<typeof Panel>) => (\n  <Panel\n    gap={gap}\n    orientation={orientation}\n    padding={padding}\n    className={cn(styles['predefined-calendar-container'], className)}\n  >\n    {children}\n  </Panel>\n);\n\nconst PredefinedDatesContainer = ({\n  className,\n  children,\n  isResponsive,\n  orientation,\n  'data-testid': dataTestId,\n}: ComponentProps<typeof Container> & { 'data-testid'?: string }) => (\n  <Container\n    isResponsive={isResponsive}\n    orientation={orientation}\n    data-testid={dataTestId}\n    className={cn(styles['predefined-dates-container'], className)}\n  >\n    {children}\n  </Container>\n);\n\nconst calendarRendererContainerVariants = cva(styles['calendar-renderer-container'], {\n  variants: {\n    openDirection: {\n      left: styles['calendar-renderer-container_left'],\n      right: styles['calendar-renderer-container_right'],\n    },\n  },\n  defaultVariants: { openDirection: 'right' },\n});\n\nconst CalendarRendererContainer = forwardRef<\n  HTMLDivElement,\n  { openDirection?: OpenDirection; children: ReactNode }\n>(({ openDirection, children }, ref) => (\n  <div\n    ref={ref}\n    className={calendarRendererContainerVariants({ openDirection })}\n  >\n    {children}\n  </div>\n));\nCalendarRendererContainer.displayName = 'CalendarRendererContainer';\n\nconst StyledCalendarRenderer = ({\n  className,\n  children,\n  calendarOptions,\n  allowYearMonthSelection,\n  selectedDate,\n  timezone,\n}: ComponentProps<typeof CalendarRenderer>) => (\n  <CalendarRenderer\n    calendarOptions={calendarOptions}\n    allowYearMonthSelection={allowYearMonthSelection}\n    selectedDate={selectedDate}\n    timezone={timezone}\n    className={cn(styles['styled-calendar-renderer'], className)}\n  >\n    {children}\n  </CalendarRenderer>\n);\n\nconst ScrollableContainer = ({\n  className,\n  children,\n  orientation,\n}: ComponentProps<typeof Container>) => (\n  <Container\n    orientation={orientation}\n    className={cn(styles['scrollable-container'], className)}\n  >\n    {children}\n  </Container>\n);\n\nconst dateRangeTableCellVariants = cva(undefined, {\n  variants: {\n    showRangeIndicator: { true: styles['date-range-table-cell_indicator'] },\n  },\n});\n\nconst DateRangeTableCell = ({\n  shouldShowRangeIndicator,\n  className,\n  children,\n  isCurrentMonth,\n  isDisabled,\n  isSelected,\n  isPresent,\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n}: ComponentProps<typeof DateTableCell> & {\n  shouldShowRangeIndicator?: boolean;\n}) => (\n  <DateTableCell\n    isCurrentMonth={isCurrentMonth}\n    isDisabled={isDisabled}\n    isSelected={isSelected}\n    isPresent={isPresent}\n    onClick={onClick}\n    onMouseEnter={onMouseEnter}\n    onMouseLeave={onMouseLeave}\n    className={cn(\n      dateRangeTableCellVariants({ showRangeIndicator: shouldShowRangeIndicator }),\n      className\n    )}\n  >\n    {children}\n  </DateTableCell>\n);\n\ninterface CalendarProps {\n  allowOnlyDatesList?: Array<Date>;\n  calendarBody: Body;\n  closeDatepicker: () => void;\n  futureDatesDisabled: boolean;\n  futureStartDatesDisabled: boolean;\n  maxRangeLength: number;\n  setSelectedDate: (selectedDate: Date) => void;\n  startDate?: Date;\n  endDate?: Date;\n  timezone: Timezone;\n}\n\nconst Calendar = ({\n  allowOnlyDatesList,\n  calendarBody,\n  closeDatepicker,\n  futureDatesDisabled,\n  futureStartDatesDisabled,\n  maxRangeLength,\n  setSelectedDate,\n  startDate,\n  endDate,\n  timezone,\n}: CalendarProps) => {\n  const [hoveredDate, setHoveredDate] = useState<Date>();\n\n  const today = shiftToTimezone(new Date(), timezone);\n  const shiftedStart = startDate ? shiftToTimezone(startDate, timezone) : undefined;\n  const shiftedEnd = endDate ? shiftToTimezone(endDate, timezone) : undefined;\n\n  const shiftedAllowList = useMemo(() => {\n    return allowOnlyDatesList?.map(date => {\n      return shiftToTimezone(date, timezone);\n    });\n  }, [allowOnlyDatesList, timezone]);\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            (shiftedStart && isSameDate(shiftedStart, fullDate)) ||\n            (shiftedEnd && isSameDate(shiftedEnd, fullDate));\n          const isPresent = isSameDate(today, fullDate);\n\n          const isBetweenStartAndEndDates = Boolean(\n            shiftedStart && shiftedEnd && fullDate > shiftedStart && fullDate < shiftedEnd\n          );\n\n          let isDisabled = false;\n          if (futureDatesDisabled && fullDate > today) {\n            isDisabled = true;\n          }\n\n          if (futureStartDatesDisabled && !shiftedStart && fullDate > today) {\n            isDisabled = true;\n          }\n\n          if (\n            maxRangeLength > 1 &&\n            shiftedStart &&\n            !datesAreWithinMaxRange(shiftedStart, fullDate, maxRangeLength) &&\n            fullDate > shiftedStart\n          ) {\n            isDisabled = true;\n          }\n\n          if (isDateNotInAllowList(shiftedAllowList, fullDate)) {\n            isDisabled = true;\n          }\n\n          const shouldShowRangeIndicator =\n            !shiftedEnd &&\n            Boolean(\n              shiftedStart &&\n              hoveredDate &&\n              fullDate > shiftedStart &&\n              fullDate < hoveredDate\n            );\n\n          const handleMouseEnter = () => {\n            setHoveredDate(fullDate);\n          };\n\n          const handleClick = () => {\n            if (isDisabled) {\n              return false;\n            }\n            setSelectedDate(shiftFromTimezone(fullDate, timezone));\n\n            // User has a date range selected and clicked a new date.\n            // This will cause the selected date to be reset, thus do not close the datepicker.\n            if (shiftedStart && shiftedEnd) {\n              return;\n            }\n\n            // The user has selected a new start date, don't close\n            if (shiftedStart && fullDate < shiftedStart) {\n              return;\n            }\n\n            // Only close the datepicker if the user hasn't clicked the selected start date.\n            if (shiftedStart && !isSameDate(fullDate, shiftedStart)) {\n              closeDatepicker();\n              return;\n            }\n          };\n          return (\n            <DateRangeTableCell\n              shouldShowRangeIndicator={\n                !isSelected && (shouldShowRangeIndicator || isBetweenStartAndEndDates)\n              }\n              isCurrentMonth={isCurrentMonth}\n              isDisabled={isDisabled}\n              isSelected={Boolean(isSelected)}\n              isPresent={isPresent}\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 PredefinedDatesProps {\n  onSelectDateRange: (selectedStartDate: Date, selectedEndDate: Date) => void;\n  predefinedDatesList: DateRange[];\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  timezone: Timezone;\n}\n\nconst PredefinedDates = ({\n  onSelectDateRange,\n  predefinedDatesList,\n  selectedEndDate,\n  selectedStartDate,\n  setEndDate,\n  setStartDate,\n  shouldShowCustomRange,\n  showCustomDateRange,\n  timezone,\n}: PredefinedDatesProps) => {\n  const handleCustomTimePeriodClick = (event: MouseEvent) => {\n    event.preventDefault();\n    showCustomDateRange(!shouldShowCustomRange);\n  };\n\n  return (\n    <PredefinedDatesContainer\n      data-testid=\"predefined-dates-list\"\n      isResponsive={false}\n      orientation=\"vertical\"\n    >\n      <ScrollableContainer orientation=\"vertical\">\n        {predefinedDatesList.map(({ startDate, endDate }) => {\n          const handleItemClick = () => {\n            setStartDate(startDate);\n            setEndDate(endDate);\n            onSelectDateRange(startDate, endDate);\n          };\n\n          const rangeIsSelected =\n            selectedEndDate &&\n            isSameDate(selectedEndDate, endDate) &&\n            selectedStartDate &&\n            isSameDate(selectedStartDate, startDate);\n\n          const isWholeMonth = isDateRangeTheWholeMonth({ startDate, endDate }, timezone);\n\n          const formattedText = isWholeMonth\n            ? formatDateHeader(timezone, startDate)\n            : `${formatSelectedDate(timezone, startDate)} – ${formatSelectedDate(timezone, endDate)}`.trim();\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={formattedText}\n                justifyContent=\"space-between\"\n                orientation=\"horizontal\"\n              >\n                {formattedText}\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          Custom time period <Icon name=\"chevron-right\" />\n        </Container>\n      </StyledDropdownItem>\n    </PredefinedDatesContainer>\n  );\n};\n\nexport interface DateRangePickerProps {\n  allowOnlyDatesList?: Array<Date>;\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  predefinedDatesList?: DateRange[];\n  maxRangeLength?: number;\n  startDate?: Date;\n  responsivePositioning?: boolean;\n  timezone?: Timezone;\n}\n\nexport const DateRangePicker = ({\n  allowOnlyDatesList,\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  predefinedDatesList,\n  responsivePositioning = true,\n  timezone = 'system',\n}: DateRangePickerProps) => {\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  const calendarOptions: UseCalendarOptions = {};\n\n  // If a start date is selected, open the calendar to that date\n  if (selectedStartDate) {\n    calendarOptions.defaultDate = selectedStartDate;\n  }\n\n  useEffect(() => {\n    if (startDate) {\n      setSelectedStartDate(startDate);\n    }\n  }, [startDate]);\n\n  useEffect(() => {\n    if (endDate) {\n      setSelectedEndDate(endDate);\n    }\n  }, [endDate]);\n\n  useLayoutEffect(() => {\n    if (shouldShowCustomRange && calendarContainerRef.current) {\n      if (\n        calendarContainerRef.current.getBoundingClientRect().right > window.innerWidth\n      ) {\n        setCalendarOpenDirection('left');\n      }\n    }\n  }, [shouldShowCustomRange]);\n\n  const closeDatePicker = useCallback((): void => {\n    setIsOpen(false);\n    setShouldShowCustomRange(false);\n    setCalendarOpenDirection(openDirection);\n  }, [openDirection]);\n\n  const handleOpenChange = (isOpen: boolean): void => {\n    setIsOpen(isOpen);\n\n    if (!isOpen) {\n      setShouldShowCustomRange(false);\n      setCalendarOpenDirection(openDirection);\n    }\n  };\n\n  const handleSelectDate = useCallback(\n    (selectedDate: Date): void => {\n      // Start date and end date are selected, user clicks any date.\n      // Set start date to the selected date, clear the end date.\n      if (selectedStartDate && selectedEndDate) {\n        // If futureStartDatesDisabled is true, only set the selected date to the date clicked if it's before today\n        if (futureStartDatesDisabled && selectedDate > new Date()) {\n          setSelectedEndDate(undefined);\n          return;\n        }\n        setSelectedStartDate(selectedDate);\n        setSelectedEndDate(undefined);\n        return;\n      }\n\n      if (selectedStartDate) {\n        if (isSameDate(selectedStartDate, selectedDate)) {\n          // Start date is selected, user clicks start date.\n          // Reset the start date.\n          setSelectedStartDate(undefined);\n          return;\n        }\n\n        // Start date is selected, user clicks an earlier date.\n        // Set the earlier date to the new start date.\n        if (selectedDate < selectedStartDate) {\n          setSelectedStartDate(selectedDate);\n          return;\n        }\n\n        // Otherwise, set the end date to the date the user clicked.\n        setSelectedEndDate(selectedDate);\n        onSelectDateRange(selectedStartDate, selectedDate);\n        setShouldShowCustomRange(false);\n        return;\n      }\n\n      setSelectedStartDate(selectedDate);\n    },\n    [futureStartDatesDisabled, 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 shouldShowPredefinedDates =\n    predefinedDatesList !== undefined && predefinedDatesList.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        <DateRangePickerInput\n          data-testid=\"datepicker-input-container\"\n          disabled={disabled}\n          isActive={isOpen}\n          placeholder={placeholder}\n          selectedEndDate={selectedEndDate}\n          selectedStartDate={selectedStartDate}\n          timezone={timezone}\n        />\n      </Dropdown.Trigger>\n      <Dropdown.Content\n        align=\"start\"\n        responsivePositioning={responsivePositioning}\n      >\n        {shouldShowPredefinedDates ? (\n          <PredefinedCalendarContainer\n            gap=\"none\"\n            orientation=\"horizontal\"\n            padding=\"none\"\n          >\n            <PredefinedDates\n              onSelectDateRange={onSelectDateRange}\n              predefinedDatesList={predefinedDatesList}\n              selectedEndDate={selectedEndDate}\n              selectedStartDate={selectedStartDate}\n              setEndDate={setSelectedEndDate}\n              setStartDate={setSelectedStartDate}\n              shouldShowCustomRange={shouldShowCustomRange}\n              showCustomDateRange={setShouldShowCustomRange}\n              timezone={timezone}\n            />\n\n            {shouldShowCustomRange && (\n              <CalendarRendererContainer\n                openDirection={calendarOpenDirection}\n                ref={calendarContainerRef}\n              >\n                <StyledCalendarRenderer\n                  calendarOptions={calendarOptions}\n                  allowYearMonthSelection={false}\n                  selectedDate={selectedStartDate}\n                  timezone={timezone}\n                >\n                  {(body: Body) => (\n                    <Calendar\n                      allowOnlyDatesList={allowOnlyDatesList}\n                      calendarBody={body}\n                      closeDatepicker={closeDatePicker}\n                      futureDatesDisabled={futureDatesDisabled}\n                      futureStartDatesDisabled={futureStartDatesDisabled}\n                      maxRangeLength={maxRangeLength}\n                      setSelectedDate={handleSelectDate}\n                      startDate={selectedStartDate}\n                      endDate={selectedEndDate}\n                      timezone={timezone}\n                    />\n                  )}\n                </StyledCalendarRenderer>\n              </CalendarRendererContainer>\n            )}\n          </PredefinedCalendarContainer>\n        ) : (\n          <CalendarRenderer\n            calendarOptions={calendarOptions}\n            allowYearMonthSelection={false}\n            selectedDate={selectedStartDate}\n            timezone={timezone}\n          >\n            {(body: Body) => (\n              <Calendar\n                allowOnlyDatesList={allowOnlyDatesList}\n                calendarBody={body}\n                closeDatepicker={closeDatePicker}\n                futureDatesDisabled={futureDatesDisabled}\n                futureStartDatesDisabled={futureStartDatesDisabled}\n                maxRangeLength={maxRangeLength}\n                setSelectedDate={handleSelectDate}\n                startDate={selectedStartDate}\n                endDate={selectedEndDate}\n                timezone={timezone}\n              />\n            )}\n          </CalendarRenderer>\n        )}\n      </Dropdown.Content>\n    </Dropdown>\n  );\n};\n"],"names":["Icon","isOpen"],"mappings":"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"}