@capillarytech/blaze-ui 5.23.3-beta.3 → 5.23.3-beta.4

package/CapDateTimeRangePicker/index.js

@@ -1,159 +1,134 @@
-var _excluded = ["intl", "className", "value", "onChange", "disabledDate", "disabledTime", "cellRender", "dateRender", "showTime", "showNow", "format", "placeholder", "todayButtonText", "onTodaySelect", "disabledDateRanges", "timezone", "popupClassName", "dropdownClassName", "popupStyle", "dropdownStyle", "getPopupContainer", "getCalendarContainer", "allowClearSelection", "allowClearSelectionText", "suffixIcon", "separator", "disableStartDate", "disableEndDate", "disabledBothDatesText", "disabledStartDateText", "disabledEndDateText", "showTimezoneRow"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-/**
- *
- * CapDateTimeRangePicker
- *
- */
-
-import { DatePicker } from 'antd-v5';
-import classnames from 'classnames';
-import React, { useState, useEffect, useMemo, useCallback, useRef } from 'react';
-import { injectIntl } from 'react-intl';
-import dayjs, { TIME_UNITS, FORMAT_TOKENS, momentToDayjs, isMomentObject, normalizeDateValue } from "../utils/dayjs";
-import CapIcon from "../CapIcon";
-import CapRow from "../CapRow";
-import CapTooltip from "../CapTooltip";
-import logDeprecationWarning from "../utils/logDeprecationWarning";
-import { ANT_PICKER_START_INPUT, ANT_PICKER_END_INPUT, ANT_PICKER_START_WRAPPER, ANT_PICKER_INPUT_ACTIVE } from "./constants";
-import messages from "./messages";
-import './styles.scss';
-const styles = {"cap-date-time-range-picker--lock-start":"cap-date-time-range-picker--lock-start_lLtO5","ant-picker-input-start":"ant-picker-input-start_QAXdX","cap-date-time-range-picker--lock-end":"cap-date-time-range-picker--lock-end_imEkj","ant-picker-input-end":"ant-picker-input-end_7a2ZZ","cap-date-time-range-picker__calendar-icon":"cap-date-time-range-picker__calendar-icon_V1-kn","cap-date-time-range-picker__timezone-row":"cap-date-time-range-picker__timezone-row_vz8Zw","cap-date-time-range-picker__calendar-popup":"cap-date-time-range-picker__calendar-popup_Ilu47"};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-var {
-  RangePicker
-} = DatePicker;
-var clsPrefix = 'cap-date-time-range-picker';
-var CapDateTimeRangePicker = _ref => {
-  var {
-      intl: {
-        formatMessage
-      },
-      className,
-      value,
-      onChange = () => {},
-      disabledDate = () => false,
-      disabledTime,
-      cellRender: cellRenderProp,
-      dateRender,
-      showTime = {
-        format: FORMAT_TOKENS.TIME_24H
-      },
-      showNow = true,
-      format = FORMAT_TOKENS.DATE_TIME,
-      placeholder,
-      todayButtonText,
-      onTodaySelect = () => {},
-      timezone = TIME_UNITS.UTC,
-      popupClassName,
-      dropdownClassName,
-      popupStyle,
-      dropdownStyle,
-      getPopupContainer,
-      getCalendarContainer,
-      allowClearSelection: _allowClearSelection = true,
-      suffixIcon,
-      separator,
-      disableStartDate = false,
-      disableEndDate = false,
-      disabledBothDatesText,
-      disabledStartDateText,
-      disabledEndDateText,
-      showTimezoneRow = true
-    } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  // Deprecation warnings
-  logDeprecationWarning('CapDateTimeRangePicker', 'dropdownClassName', dropdownClassName, 'popupClassName');
-  logDeprecationWarning('CapDateTimeRangePicker', 'dropdownStyle', dropdownStyle, 'popupStyle');
-  logDeprecationWarning('CapDateTimeRangePicker', 'getCalendarContainer', getCalendarContainer, 'getPopupContainer');
-  logDeprecationWarning('CapDateTimeRangePicker', 'dateRender', dateRender, 'cellRender');
-  var [isSelectingStart, setIsSelectingStart] = useState(true);
-
-  // Backward compatibility: map deprecated props to new props
-  var finalPopupClassName = popupClassName != null ? popupClassName : dropdownClassName;
-  var selectCtaLabel = useMemo(() => {
-    return formatMessage(messages.selectStartEndDateTime, {
-      isStartDate: isSelectingStart
-    });
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { DatePicker } from "antd-v5";
+import classNames from "classnames";
+import React, { useState, useMemo, useRef, useEffect, useCallback } from "react";
+import { injectIntl } from "react-intl";
+import { isMomentObject, TIME_UNITS, normalizeDateValue, FORMAT_TOKENS, momentToDayjs } from "../utils/dayjs.js";
+import CapIcon from "../CapIcon/index.js";
+import CapRow from "../CapRow/index.js";
+import CapTooltip from "../CapTooltip/index.js";
+import logDeprecationWarning from "../utils/logDeprecationWarning.js";
+import { ANT_PICKER_START_WRAPPER, ANT_PICKER_INPUT_ACTIVE, ANT_PICKER_START_INPUT, ANT_PICKER_END_INPUT } from "./constants.js";
+import messages from "./messages.js";
+import styles from "./styles.module.scss.js";
+import dayjs from "dayjs";
+const { RangePicker } = DatePicker;
+const clsPrefix = "cap-date-time-range-picker";
+const CapDateTimeRangePicker = ({
+  intl: { formatMessage },
+  className,
+  value,
+  onChange = () => {
+  },
+  disabledDate = () => false,
+  disabledTime,
+  cellRender: cellRenderProp,
+  dateRender,
+  showTime = { format: FORMAT_TOKENS.TIME_24H },
+  showNow = true,
+  format = FORMAT_TOKENS.DATE_TIME,
+  placeholder,
+  todayButtonText,
+  onTodaySelect = () => {
+  },
+  disabledDateRanges: _disabledDateRanges,
+  timezone = TIME_UNITS.UTC,
+  popupClassName,
+  dropdownClassName,
+  popupStyle,
+  dropdownStyle,
+  getPopupContainer,
+  getCalendarContainer,
+  allowClearSelection: _allowClearSelection = true,
+  allowClearSelectionText: _allowClearSelectionText,
+  suffixIcon,
+  separator,
+  disableStartDate = false,
+  disableEndDate = false,
+  disabledBothDatesText,
+  disabledStartDateText,
+  disabledEndDateText,
+  showTimezoneRow = true,
+  ...rest
+}) => {
+  logDeprecationWarning(
+    "CapDateTimeRangePicker",
+    "dropdownClassName",
+    dropdownClassName,
+    "popupClassName"
+  );
+  logDeprecationWarning("CapDateTimeRangePicker", "dropdownStyle", dropdownStyle, "popupStyle");
+  logDeprecationWarning(
+    "CapDateTimeRangePicker",
+    "getCalendarContainer",
+    getCalendarContainer,
+    "getPopupContainer"
+  );
+  logDeprecationWarning("CapDateTimeRangePicker", "dateRender", dateRender, "cellRender");
+  const [isSelectingStart, setIsSelectingStart] = useState(true);
+  const finalPopupClassName = popupClassName ?? dropdownClassName;
+  const selectCtaLabel = useMemo(() => {
+    return formatMessage(messages.selectStartEndDateTime, { isStartDate: isSelectingStart });
   }, [isSelectingStart]);
-  var todayLabel = useMemo(() => {
+  const todayLabel = useMemo(() => {
     return todayButtonText || formatMessage(messages.today);
   }, [todayButtonText]);
-  var labelVars = {
-    '--cap-datetime-select-label': "'" + selectCtaLabel + "'",
-    '--cap-datetime-today-label': "'" + todayLabel + "'"
+  const labelVars = {
+    "--cap-datetime-select-label": `'${selectCtaLabel}'`,
+    "--cap-datetime-today-label": `'${todayLabel}'`
   };
-  var finalPopupStyle = _extends({}, labelVars, popupStyle != null ? popupStyle : dropdownStyle);
-  var finalGetPopupContainer = getPopupContainer != null ? getPopupContainer : getCalendarContainer;
-
-  // Detect if consumer is using moment
-  var isConsumerUsingMoment = Array.isArray(value) && (isMomentObject(value[0]) || isMomentObject(value[1]));
-  var parseDateTime = dateTime => {
+  const finalPopupStyle = { ...labelVars, ...popupStyle ?? dropdownStyle };
+  const finalGetPopupContainer = getPopupContainer ?? getCalendarContainer;
+  const isConsumerUsingMoment = Array.isArray(value) && (isMomentObject(value[0]) || isMomentObject(value[1]));
+  const parseDateTime = (dateTime) => {
     if (!dateTime) return null;
-    // Convert moment to dayjs
-    var dayjsDateTime = momentToDayjs(dateTime);
+    const dayjsDateTime = momentToDayjs(dateTime);
     if (!dayjsDateTime) return null;
     return dayjsDateTime.clone().tz(timezone);
   };
-  var todayDate = useMemo(() => dayjs.tz(dayjs(), timezone).startOf(TIME_UNITS.DAY), [timezone]);
-  var isValidRange = Array.isArray(value) && value.length === 2 && value[0] && value[1];
-  var [open, setOpen] = useState(false);
-  var [pickerValue, setPickerValue] = useState(() => isValidRange ? [parseDateTime(value[0]), parseDateTime(value[1])] : []);
-
-  // Guard against double propagation: capture handler + onCalendarChange in locked modes
-  var captureHandledRef = useRef(false);
-  var pickerRef = useRef(null);
-
-  // Anchors when either side is locked
-  var lockedStart = useMemo(() => {
+  const todayDate = useMemo(() => dayjs.tz(dayjs(), timezone).startOf(TIME_UNITS.DAY), [timezone]);
+  const isValidRange = Array.isArray(value) && value.length === 2 && value[0] && value[1];
+  const [open, setOpen] = useState(false);
+  const [pickerValue, setPickerValue] = useState(
+    () => isValidRange ? [parseDateTime(value[0]), parseDateTime(value[1])] : []
+  );
+  const captureHandledRef = useRef(false);
+  const pickerRef = useRef(null);
+  const lockedStart = useMemo(() => {
     if (!disableStartDate) return null;
     return value && value[0] ? parseDateTime(value[0]) : null;
   }, [disableStartDate, value, timezone]);
-  var lockedEnd = useMemo(() => {
+  const lockedEnd = useMemo(() => {
     if (!disableEndDate) return null;
     return value && value[1] ? parseDateTime(value[1]) : null;
   }, [disableEndDate, value, timezone]);
-
-  // Initialize pickerValue from value prop and seed with locked anchors if needed
   useEffect(() => {
-    var nextPickerValue = [];
+    let nextPickerValue = [];
     if (isValidRange) {
-      // Use value prop if valid range exists
       nextPickerValue = [parseDateTime(value[0]), parseDateTime(value[1])];
     } else {
-      // When no valid range, seed with locked anchors if they exist
-      // This ensures locked anchors display in the closed state
-      var startValue = disableStartDate && lockedStart ? lockedStart.clone() : null;
-      var endValue = disableEndDate && lockedEnd ? lockedEnd.clone() : null;
+      const startValue = disableStartDate && lockedStart ? lockedStart.clone() : null;
+      const endValue = disableEndDate && lockedEnd ? lockedEnd.clone() : null;
       nextPickerValue = [startValue, endValue];
     }
-
-    // Only update if the computed value differs from current to avoid unnecessary renders
-    setPickerValue(prev => {
-      var prev0 = prev[0];
-      var prev1 = prev[1];
-      var next0 = nextPickerValue[0];
-      var next1 = nextPickerValue[1];
-
-      // Check if values are different (handling null comparisons)
-      var startChanged = prev0 === null !== (next0 === null) || prev0 && next0 && !prev0.isSame(next0);
-      var endChanged = prev1 === null !== (next1 === null) || prev1 && next1 && !prev1.isSame(next1);
+    setPickerValue((prev) => {
+      const prev0 = prev[0];
+      const prev1 = prev[1];
+      const next0 = nextPickerValue[0];
+      const next1 = nextPickerValue[1];
+      const startChanged = prev0 === null !== (next0 === null) || prev0 && next0 && !prev0.isSame(next0);
+      const endChanged = prev1 === null !== (next1 === null) || prev1 && next1 && !prev1.isSame(next1);
       if (startChanged || endChanged) {
         return nextPickerValue;
       }
       return prev;
     });
   }, [value, timezone, isValidRange, disableStartDate, disableEndDate, lockedStart, lockedEnd]);
-
-  // Sync isSelectingStart state & force focus to unlocked input when a date is locked
   useEffect(() => {
     if (!open || !pickerRef.current) return;
-    var container = pickerRef.current;
-
-    // Determine which input is locked and which is unlocked
-    var lockedSelector = null;
-    var unlockedSelector = null;
+    const container = pickerRef.current;
+    let lockedSelector = null;
+    let unlockedSelector = null;
     if (disableStartDate && !disableEndDate) {
       lockedSelector = ANT_PICKER_START_INPUT;
       unlockedSelector = ANT_PICKER_END_INPUT;
@@ -161,76 +136,72 @@ var CapDateTimeRangePicker = _ref => {
       lockedSelector = ANT_PICKER_END_INPUT;
       unlockedSelector = ANT_PICKER_START_INPUT;
     }
-
-    // Force focus to the unlocked input when picker opens with a locked date
-    var timer = setTimeout(() => {
+    const timer = setTimeout(() => {
       if (unlockedSelector) {
-        var unlockedInput = container.querySelector(unlockedSelector);
-        unlockedInput == null || unlockedInput.focus();
+        const unlockedInput = container.querySelector(unlockedSelector);
+        unlockedInput == null ? void 0 : unlockedInput.focus();
       }
     }, 0);
-
-    // Intercept focus on the locked input and redirect to the unlocked input.
-    // This catches all cases where antd's internal logic tries to focus the locked side.
-    var handleLockedFocus = e => {
+    const handleLockedFocus = (e) => {
       if (!unlockedSelector) return;
       e.preventDefault();
       e.stopImmediatePropagation();
-      var unlockedInput = container.querySelector(unlockedSelector);
+      const unlockedInput = container.querySelector(unlockedSelector);
       if (unlockedInput && e.target !== unlockedInput) {
         unlockedInput.focus();
       }
     };
-    var lockedInput = lockedSelector ? container.querySelector(lockedSelector) : null;
+    const lockedInput = lockedSelector ? container.querySelector(lockedSelector) : null;
     if (lockedInput) {
-      lockedInput.addEventListener('focus', handleLockedFocus, true);
+      lockedInput.addEventListener("focus", handleLockedFocus, true);
     }
-
-    // Observe class changes to sync isSelectingStart
-    var observer = new MutationObserver(() => {
-      var startInput = container.querySelector(ANT_PICKER_START_WRAPPER);
-      setIsSelectingStart(!!(startInput != null && startInput.classList.contains(ANT_PICKER_INPUT_ACTIVE)));
+    const observer = new MutationObserver(() => {
+      const startInput = container.querySelector(ANT_PICKER_START_WRAPPER);
+      setIsSelectingStart(!!(startInput == null ? void 0 : startInput.classList.contains(ANT_PICKER_INPUT_ACTIVE)));
     });
     observer.observe(container, {
       attributes: true,
-      attributeFilter: ['class'],
+      attributeFilter: ["class"],
       subtree: true
     });
     return () => {
       clearTimeout(timer);
       if (lockedInput) {
-        lockedInput.removeEventListener('focus', handleLockedFocus, true);
+        lockedInput.removeEventListener("focus", handleLockedFocus, true);
       }
       observer.disconnect();
     };
   }, [open, disableStartDate, disableEndDate]);
-  var defaultPicker = useMemo(() => [todayDate.clone(), todayDate.clone()], [todayDate]);
-  var propagate = useCallback(_ref2 => {
-    var [s, e] = _ref2;
-    var startISO = s ? s.clone().tz(timezone).toISOString() : null;
-    var endISO = e ? e.clone().tz(timezone).toISOString() : null;
-
-    // Return the same type the consumer passed in
-    var startResult = normalizeDateValue(isConsumerUsingMoment, s);
-    var endResult = normalizeDateValue(isConsumerUsingMoment, e);
-    onChange({
-      start: startResult != null ? startResult : null,
-      end: endResult != null ? endResult : null,
-      startTime: startISO,
-      endTime: endISO
-    });
-  }, [onChange, timezone, isConsumerUsingMoment]);
-  var isValidDateRange = dateRange => dateRange && Array.isArray(dateRange) && dateRange.length === 2 && (dateRange[0] || dateRange[1]);
-  var convertToTimezone = dates => dates.map(d => d ? d.clone().tz(timezone) : null);
-  var isTimeAtMidnight = date => date && date.hour() === 0 && date.minute() === 0;
-  var isToday = date => date && date.isSame(todayDate, TIME_UNITS.DAY);
-  var applyDefaultTimes = (startDate, endDate) => {
+  const defaultPicker = useMemo(
+    () => [todayDate.clone(), todayDate.clone()],
+    [todayDate]
+  );
+  const propagate = useCallback(
+    ([s, e]) => {
+      const startISO = s ? s.clone().tz(timezone).toISOString() : null;
+      const endISO = e ? e.clone().tz(timezone).toISOString() : null;
+      const startResult = normalizeDateValue(isConsumerUsingMoment, s);
+      const endResult = normalizeDateValue(isConsumerUsingMoment, e);
+      onChange({
+        start: startResult ?? null,
+        end: endResult ?? null,
+        startTime: startISO,
+        endTime: endISO
+      });
+    },
+    [onChange, timezone, isConsumerUsingMoment]
+  );
+  const isValidDateRange = (dateRange) => dateRange && Array.isArray(dateRange) && dateRange.length === 2 && (dateRange[0] || dateRange[1]);
+  const convertToTimezone = (dates) => dates.map((d) => d ? d.clone().tz(timezone) : null);
+  const isTimeAtMidnight = (date) => date && date.hour() === 0 && date.minute() === 0;
+  const isToday = (date) => date && date.isSame(todayDate, TIME_UNITS.DAY);
+  const applyDefaultTimes = (startDate, endDate) => {
     if (!startDate || !endDate) return [startDate, endDate];
-    var processedStart = startDate.clone();
-    var processedEnd = endDate.clone();
+    let processedStart = startDate.clone();
+    let processedEnd = endDate.clone();
     if (isTimeAtMidnight(processedStart)) {
       if (isToday(processedStart)) {
-        var now = dayjs.tz(dayjs(), timezone);
+        const now = dayjs.tz(dayjs(), timezone);
         processedStart = processedStart.hour(now.hour()).minute(now.minute()).second(0).millisecond(0);
       } else {
         processedStart = processedStart.hour(0).minute(0).second(0).millisecond(0);
@@ -241,252 +212,221 @@ var CapDateTimeRangePicker = _ref => {
     }
     return [processedStart, processedEnd];
   };
-  var mergedDisabledDate = current => {
+  const mergedDisabledDate = (current) => {
     if (!current) return false;
-
-    // First check custom disabledDate function
-    var isDisabled = disabledDate && disabledDate(current);
-
-    // Additionally check locked date constraints
+    let isDisabled = disabledDate && disabledDate(current);
     if (disableStartDate) {
-      var startAnchor = pickerValue[0] || lockedStart;
-      // When start is locked, end should not be before the later of startAnchor or today.
-      var minEndDay = startAnchor && startAnchor.isAfter(todayDate, TIME_UNITS.DAY) ? startAnchor : todayDate;
+      const startAnchor = pickerValue[0] || lockedStart;
+      const minEndDay = startAnchor && startAnchor.isAfter(todayDate, TIME_UNITS.DAY) ? startAnchor : todayDate;
       if (current.isBefore(minEndDay, TIME_UNITS.DAY)) {
         isDisabled = true;
       }
     }
     if (disableEndDate) {
-      var endAnchor = pickerValue[1] || lockedEnd;
+      const endAnchor = pickerValue[1] || lockedEnd;
       if (endAnchor && current.isAfter(endAnchor, TIME_UNITS.DAY)) {
         isDisabled = true;
       }
     }
     return !!isDisabled;
   };
-
-  // One-click range selection (capture-phase) for both locked-start and locked-end modes
-  var handleCellPickCapture = useCallback((current, e) => {
-    var stop = () => {
-      if (e && e.preventDefault) e.preventDefault();
-      if (e && e.stopPropagation) e.stopPropagation();
-    };
-
-    // Locked START: [lockedStart, clicked]
-    if (disableStartDate && lockedStart && !mergedDisabledDate(current)) {
-      stop();
-      captureHandledRef.current = true;
-      var endCandidate = dayjs(current).tz(timezone);
-      if (endCandidate.isBefore(lockedStart, TIME_UNITS.DAY)) return;
-      var [ps, pe] = applyDefaultTimes(lockedStart, endCandidate);
-      setPickerValue([ps, pe]);
-      return;
-    }
-
-    // Locked END: [clicked, lockedEnd]
-    if (disableEndDate && lockedEnd && !mergedDisabledDate(current)) {
-      stop();
-      captureHandledRef.current = true;
-      var startCandidate = dayjs(current).tz(timezone);
-      if (startCandidate.isAfter(lockedEnd, TIME_UNITS.DAY)) return;
-      var [_ps, _pe] = applyDefaultTimes(startCandidate, lockedEnd);
-      setPickerValue([_ps, _pe]);
-      return;
-    }
-  }, [disableStartDate, disableEndDate, lockedStart, lockedEnd, timezone]);
-  var handleCalendarChange = function handleCalendarChange(newValue, _dateStrings, info) {
-    if (info === void 0) {
-      info = {};
-    }
+  const handleCellPickCapture = useCallback(
+    (current, e) => {
+      const stop = () => {
+        if (e && e.preventDefault) e.preventDefault();
+        if (e && e.stopPropagation) e.stopPropagation();
+      };
+      if (disableStartDate && lockedStart && !mergedDisabledDate(current)) {
+        stop();
+        captureHandledRef.current = true;
+        const endCandidate = dayjs(current).tz(timezone);
+        if (endCandidate.isBefore(lockedStart, TIME_UNITS.DAY)) return;
+        const [ps, pe] = applyDefaultTimes(lockedStart, endCandidate);
+        setPickerValue([ps, pe]);
+        return;
+      }
+      if (disableEndDate && lockedEnd && !mergedDisabledDate(current)) {
+        stop();
+        captureHandledRef.current = true;
+        const startCandidate = dayjs(current).tz(timezone);
+        if (startCandidate.isAfter(lockedEnd, TIME_UNITS.DAY)) return;
+        const [ps, pe] = applyDefaultTimes(startCandidate, lockedEnd);
+        setPickerValue([ps, pe]);
+        return;
+      }
+    },
+    [disableStartDate, disableEndDate, lockedStart, lockedEnd, timezone]
+  );
+  const handleCalendarChange = (newValue, _dateStrings, info = {}) => {
     if (!Array.isArray(newValue)) return;
-
-    // If the capture handler already processed this interaction, skip
     if (captureHandledRef.current) {
       captureHandledRef.current = false;
       return;
     }
-    var nextLocal = newValue.map(d => d ? d.clone() : null);
+    const nextLocal = newValue.map((d) => d ? d.clone() : null);
     if (disableStartDate) {
-      // Use info.range to reliably find the clicked date in v6
-      var clicked = info.range === 'start' ? nextLocal[0] || nextLocal[1] : nextLocal[1] || nextLocal[0];
+      const clicked = info.range === "start" ? nextLocal[0] || nextLocal[1] : nextLocal[1] || nextLocal[0];
       if (!clicked || !lockedStart) return;
-      var startFixed = lockedStart;
-      var endCandidate = dayjs(clicked).tz(timezone);
+      const startFixed = lockedStart;
+      const endCandidate = dayjs(clicked).tz(timezone);
       if (endCandidate.isBefore(startFixed, TIME_UNITS.DAY)) return;
-      var [ps, pe] = applyDefaultTimes(startFixed, endCandidate);
+      const [ps, pe] = applyDefaultTimes(startFixed, endCandidate);
       setPickerValue([ps, pe]);
       return;
     }
     if (disableEndDate) {
-      // Use info.range to reliably find the clicked date in v6
-      var _clicked = info.range === 'end' ? nextLocal[1] || nextLocal[0] : nextLocal[0] || nextLocal[1];
-      var endFixed = lockedEnd;
-      var startCandidate = dayjs(_clicked).tz(timezone);
+      const clicked = info.range === "end" ? nextLocal[1] || nextLocal[0] : nextLocal[0] || nextLocal[1];
+      const endFixed = lockedEnd;
+      let startCandidate = dayjs(clicked).tz(timezone);
       if (endFixed && startCandidate.isAfter(endFixed, TIME_UNITS.DAY)) return;
       if (isToday(startCandidate)) {
-        var now = dayjs.tz(dayjs(), timezone);
+        const now = dayjs.tz(dayjs(), timezone);
         startCandidate = startCandidate.hour(now.hour()).minute(now.minute()).second(0).millisecond(0);
       }
-      var [_ps2, _pe2] = applyDefaultTimes(startCandidate, endFixed);
-      setPickerValue([_ps2, _pe2]);
+      const [ps, pe] = applyDefaultTimes(startCandidate, endFixed);
+      setPickerValue([ps, pe]);
       return;
     }
-
-    // Normal flow
-    var updated = convertToTimezone(nextLocal);
+    const updated = convertToTimezone(nextLocal);
     if (updated[0] && !updated[1] && isToday(updated[0])) {
-      var _now = dayjs.tz(dayjs(), timezone);
-      updated[0] = updated[0].hour(_now.hour()).minute(_now.minute()).second(0).millisecond(0);
+      const now = dayjs.tz(dayjs(), timezone);
+      updated[0] = updated[0].hour(now.hour()).minute(now.minute()).second(0).millisecond(0);
     }
     setPickerValue(updated);
   };
-  var handleOk = () => {
+  const handleOk = () => {
     if (pickerValue.length === 2 && pickerValue[0] && pickerValue[1]) {
-      var [ps, pe] = applyDefaultTimes(pickerValue[0], pickerValue[1]);
+      const [ps, pe] = applyDefaultTimes(pickerValue[0], pickerValue[1]);
       propagate([ps, pe]);
     }
   };
-  var handleChange = newValue => {
+  const handleChange = (newValue) => {
     if (!isValidDateRange(newValue)) {
       setPickerValue([]);
       return propagate([null, null]);
     }
-    var next = convertToTimezone(newValue);
+    const next = convertToTimezone(newValue);
     if (disableStartDate) {
-      var startFixed = lockedStart || pickerValue[0] || next[0];
-      var endCandidate = next[1] || next[0];
+      const startFixed = lockedStart || pickerValue[0] || next[0];
+      const endCandidate = next[1] || next[0];
       if (!startFixed || !endCandidate) return;
       if (endCandidate.isBefore(startFixed, TIME_UNITS.DAY)) return;
-      var [_ps3, _pe3] = applyDefaultTimes(startFixed, endCandidate);
-      setPickerValue([_ps3, _pe3]);
+      const [ps2, pe2] = applyDefaultTimes(startFixed, endCandidate);
+      setPickerValue([ps2, pe2]);
       return;
     }
     if (disableEndDate) {
-      var startCandidate = next[0] || next[1];
-      var endFixed = lockedEnd || pickerValue[1] || next[1];
+      const startCandidate = next[0] || next[1];
+      const endFixed = lockedEnd || pickerValue[1] || next[1];
       if (!startCandidate || !endFixed) return;
       if (startCandidate.isAfter(endFixed, TIME_UNITS.DAY)) return;
-      var [_ps4, _pe4] = applyDefaultTimes(startCandidate, endFixed);
-      setPickerValue([_ps4, _pe4]);
+      const [ps2, pe2] = applyDefaultTimes(startCandidate, endFixed);
+      setPickerValue([ps2, pe2]);
       return;
     }
-    var [ps, pe] = applyDefaultTimes(next[0], next[1]);
+    const [ps, pe] = applyDefaultTimes(next[0], next[1]);
     setPickerValue([ps, pe]);
   };
-  var handleToday = useCallback(() => {
-    var now = dayjs.tz(dayjs(), timezone);
-    var start = dayjs.tz(dayjs(), timezone).clone().hour(now.hour()).minute(now.minute()).second(0).millisecond(0);
-    var end = todayDate.clone().hour(23).minute(59).second(0).millisecond(0);
-    var todayRange = [start, end];
-    var lockedAdjusted = [disableStartDate && (pickerValue[0] || lockedStart) ? pickerValue[0] || lockedStart : todayRange[0], disableEndDate && (pickerValue[1] || lockedEnd) ? pickerValue[1] || lockedEnd : todayRange[1]];
+  const handleToday = useCallback(() => {
+    const now = dayjs.tz(dayjs(), timezone);
+    const start = dayjs.tz(dayjs(), timezone).clone().hour(now.hour()).minute(now.minute()).second(0).millisecond(0);
+    const end = todayDate.clone().hour(23).minute(59).second(0).millisecond(0);
+    const todayRange = [start, end];
+    const lockedAdjusted = [
+      disableStartDate && (pickerValue[0] || lockedStart) ? pickerValue[0] || lockedStart : todayRange[0],
+      disableEndDate && (pickerValue[1] || lockedEnd) ? pickerValue[1] || lockedEnd : todayRange[1]
+    ];
     setPickerValue(lockedAdjusted);
     onTodaySelect(lockedAdjusted);
     setOpen(false);
-  }, [timezone, todayDate, disableStartDate, disableEndDate, pickerValue, lockedStart, lockedEnd, onTodaySelect]);
-  var handleSelect = useCallback(() => {
+  }, [
+    timezone,
+    todayDate,
+    disableStartDate,
+    disableEndDate,
+    pickerValue,
+    lockedStart,
+    lockedEnd,
+    onTodaySelect
+  ]);
+  const handleSelect = useCallback(() => {
     if (pickerValue.length === 2 && pickerValue[0] && pickerValue[1]) {
-      var [ps, pe] = applyDefaultTimes(pickerValue[0], pickerValue[1]);
+      const [ps, pe] = applyDefaultTimes(pickerValue[0], pickerValue[1]);
       propagate([ps, pe]);
       setOpen(false);
     }
   }, [pickerValue, propagate]);
-
-  // Default date cell with capture-phase handlers for one-click picking
-  var defaultCellRender = (current, info) => {
-    // Only customize date-type cells; pass through month/year/etc.
-    if (info.type !== 'date') return info.originNode;
-    var currentDate = current;
-    var needsCaptureHandlers = disableStartDate && lockedStart || disableEndDate && lockedEnd;
-
-    // Preserve antd v6's originNode (with range/selection/today classes intact)
+  const defaultCellRender = (current, info) => {
+    if (info.type !== "date") return info.originNode;
+    const currentDate = current;
+    const needsCaptureHandlers = disableStartDate && lockedStart || disableEndDate && lockedEnd;
     if (!needsCaptureHandlers) return info.originNode;
-
-    // In locked-date mode, clone the originNode and attach capture handlers
-    return /*#__PURE__*/React.cloneElement(info.originNode, {
-      onMouseDownCapture: e => handleCellPickCapture(currentDate, e),
-      onClickCapture: e => handleCellPickCapture(currentDate, e)
+    return React.cloneElement(info.originNode, {
+      onMouseDownCapture: (e) => handleCellPickCapture(currentDate, e),
+      onClickCapture: (e) => handleCellPickCapture(currentDate, e)
     });
   };
-  var timezoneLabel = useMemo(() => {
-    var offset = dayjs.tz(dayjs(), timezone).format(FORMAT_TOKENS.TIMEZONE_OFFSET);
-    return timezone + " (UTC" + offset + ")";
+  const timezoneLabel = useMemo(() => {
+    const offset = dayjs.tz(dayjs(), timezone).format(FORMAT_TOKENS.TIMEZONE_OFFSET);
+    return `${timezone} (UTC${offset})`;
   }, [timezone]);
-
-  // Compose with custom cellRender/dateRender if provided
-  var composedCellRender = (current, info) => {
-    // Prefer cellRender (v6), fall back to deprecated dateRender (v3)
+  const composedCellRender = (current, info) => {
     if (cellRenderProp) return cellRenderProp(current, info);
-    if (dateRender && info.type === 'date') {
-      var currentDate = current;
-      var node = dateRender(currentDate);
-      var active = disableStartDate && lockedStart || disableEndDate && lockedEnd;
+    if (dateRender && info.type === "date") {
+      const currentDate = current;
+      const node = dateRender(currentDate);
+      const active = disableStartDate && lockedStart || disableEndDate && lockedEnd;
       if (!active) return node;
-      var disabledCell = mergedDisabledDate(currentDate);
-      var captureHandlers = disabledCell ? {} : {
-        onMouseDownCapture: e => handleCellPickCapture(currentDate, e),
-        onClickCapture: e => handleCellPickCapture(currentDate, e)
+      const disabledCell = mergedDisabledDate(currentDate);
+      const captureHandlers = disabledCell ? {} : {
+        onMouseDownCapture: (e) => handleCellPickCapture(currentDate, e),
+        onClickCapture: (e) => handleCellPickCapture(currentDate, e)
       };
-      return /*#__PURE__*/React.isValidElement(node) ? (/*#__PURE__*/React.cloneElement(node, _extends({}, node.props || {}, captureHandlers))) : /*#__PURE__*/_jsx("span", _extends({}, captureHandlers, {
-        children: node
-      }));
+      return React.isValidElement(node) ? React.cloneElement(node, {
+        ...node.props || {},
+        ...captureHandlers
+      }) : /* @__PURE__ */ jsx("span", { ...captureHandlers, children: node });
     }
     return defaultCellRender(current, info);
   };
-
-  // DOM manipulation to intercept clicks on antd's built-in .ant-picker-now to trigger handleToday
-  // and .ant-picker-ok to trigger handleSelect in locked mode
   useEffect(() => {
     if (!open) return;
-    var isLocked = disableStartDate && !disableEndDate || disableEndDate && !disableStartDate;
-    var handleNowClick = e => {
-      var target = e.target;
-      var nowEl = target.closest('.ant-picker-now');
+    const isLocked = disableStartDate && !disableEndDate || disableEndDate && !disableStartDate;
+    const handleNowClick = (e) => {
+      const target = e.target;
+      const nowEl = target.closest(".ant-picker-now");
       if (!nowEl) return;
-
-      // Ensure it's inside our popup
-      var popup = nowEl.closest("." + styles[clsPrefix + "__calendar-popup"]);
+      const popup = nowEl.closest(`.${styles[`${clsPrefix}__calendar-popup`]}`);
       if (!popup) return;
       e.preventDefault();
       e.stopPropagation();
       handleToday();
     };
-
-    // In locked mode, antd's OK button doesn't close the popover because it
-    // thinks the range isn't fully selected. Intercept and use handleSelect.
-    var handleOkClick = e => {
-      //Trigger only for locked mode
+    const handleOkClick = (e) => {
       if (!isLocked) return;
-      var target = e.target;
-      var okEl = target.closest('.ant-picker-ok');
+      const target = e.target;
+      const okEl = target.closest(".ant-picker-ok");
       if (!okEl) return;
-      var popup = okEl.closest("." + styles[clsPrefix + "__calendar-popup"]);
+      const popup = okEl.closest(`.${styles[`${clsPrefix}__calendar-popup`]}`);
       if (!popup) return;
       e.preventDefault();
       e.stopPropagation();
       handleSelect();
     };
-    document.addEventListener('click', handleNowClick, true);
-    document.addEventListener('click', handleOkClick, true);
+    document.addEventListener("click", handleNowClick, true);
+    document.addEventListener("click", handleOkClick, true);
     return () => {
-      document.removeEventListener('click', handleNowClick, true);
-      document.removeEventListener('click', handleOkClick, true);
+      document.removeEventListener("click", handleNowClick, true);
+      document.removeEventListener("click", handleOkClick, true);
     };
   }, [open, disableStartDate, disableEndDate, handleSelect, handleToday]);
-  var footer = () => /*#__PURE__*/_jsx(_Fragment, {
-    children: showTimezoneRow && /*#__PURE__*/_jsxs(CapRow, {
-      className: styles[clsPrefix + "__timezone-row"],
-      children: [/*#__PURE__*/_jsx(CapIcon, {
-        type: "global",
-        size: "s",
-        style: {
-          marginRight: '8px'
-        }
-      }), timezoneLabel]
-    })
-  });
-  var getTooltipContent = () => {
+  const footer = () => /* @__PURE__ */ jsx(Fragment, { children: showTimezoneRow && /* @__PURE__ */ jsxs(CapRow, { className: styles[`${clsPrefix}__timezone-row`], children: [
+    /* @__PURE__ */ jsx(CapIcon, { type: "global", size: "s", style: { marginRight: "8px" } }),
+    timezoneLabel
+  ] }) });
+  const getTooltipContent = () => {
     switch (true) {
-      case disableStartDate && disableEndDate:
+      case (disableStartDate && disableEndDate):
         return disabledBothDatesText || formatMessage(messages.disabledBothDates);
       case disableStartDate:
         return disabledStartDateText || formatMessage(messages.disabledStartDate);
@@ -496,20 +436,16 @@ var CapDateTimeRangePicker = _ref => {
         return null;
     }
   };
-  var dropdownClasses = classnames(styles[clsPrefix + "__calendar-popup"], finalPopupClassName);
-  var commonProps = _extends({
-    className: classnames(styles["" + clsPrefix], className, {
-      [styles[clsPrefix + "--lock-start"]]: disableStartDate,
-      [styles[clsPrefix + "--lock-end"]]: disableEndDate
+  const dropdownClasses = classNames(styles[`${clsPrefix}__calendar-popup`], finalPopupClassName);
+  const commonProps = {
+    className: classNames(styles[`${clsPrefix}`], className, {
+      [styles[`${clsPrefix}--lock-start`]]: disableStartDate,
+      [styles[`${clsPrefix}--lock-end`]]: disableEndDate
     }),
     showTime,
     showNow: disableStartDate || disableEndDate ? false : showNow,
     format,
-    separator: separator || /*#__PURE__*/_jsx(CapIcon, {
-      type: "forward-arrow",
-      size: "s",
-      className: styles[clsPrefix + "__separator-icon"]
-    }),
+    separator: separator || /* @__PURE__ */ jsx(CapIcon, { type: "forward-arrow", size: "s", className: styles[`${clsPrefix}__separator-icon`] }),
     placeholder: placeholder || [formatMessage(messages.startDate), formatMessage(messages.endDate)],
     value: pickerValue.length === 2 ? pickerValue : [null, null],
     defaultPickerValue: defaultPicker,
@@ -524,26 +460,17 @@ var CapDateTimeRangePicker = _ref => {
     popupStyle: finalPopupStyle,
     getPopupContainer: finalGetPopupContainer,
     open,
-    onOpenChange: setOpen
-  }, disableStartDate && disableEndDate ? {
-    disabled: true
-  } : {}, {
-    suffixIcon: suffixIcon || /*#__PURE__*/_jsx(CapIcon, {
-      type: "calendar",
-      size: "m",
-      className: styles[clsPrefix + "__calendar-icon"]
-    })
-  }, rest);
-  var renderPicker = () => {
-    return /*#__PURE__*/_jsx("div", {
-      ref: pickerRef,
-      children: /*#__PURE__*/_jsx(RangePicker, _extends({}, commonProps))
-    });
+    onOpenChange: setOpen,
+    ...disableStartDate && disableEndDate ? { disabled: true } : {},
+    suffixIcon: suffixIcon || /* @__PURE__ */ jsx(CapIcon, { type: "calendar", size: "m", className: styles[`${clsPrefix}__calendar-icon`] }),
+    ...rest
   };
-  return /*#__PURE__*/_jsx(CapTooltip, {
-    title: open ? null : getTooltipContent(),
-    placement: "top",
-    children: renderPicker()
-  });
+  const renderPicker = () => {
+    return /* @__PURE__ */ jsx("div", { ref: pickerRef, children: /* @__PURE__ */ jsx(RangePicker, { ...commonProps }) });
+  };
+  return /* @__PURE__ */ jsx(CapTooltip, { title: open ? null : getTooltipContent(), placement: "top", children: renderPicker() });
+};
+const index = injectIntl(CapDateTimeRangePicker);
+export {
+  index as default
 };
-export default injectIntl(CapDateTimeRangePicker);