@hitachivantara/uikit-react-core 5.103.0 → 5.104.0

package/dist/cjs/packages/core/src/ColorPicker/Picker/Picker.cjs

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const a = require("react");
+const reactColor = require("react-color");
+const common = require("react-color/lib/components/common");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const Picker_styles = require("./Picker.styles.cjs");
+const Fields = require("../Fields/Fields.cjs");
+const Typography = require("../../Typography/Typography.cjs");
+const Component = (props) => {
+  const {
+    onChange,
+    rgb,
+    hsl,
+    hsv,
+    hex,
+    title,
+    classes: classesProp
+  } = uikitReactUtils.useDefaultProps("HvColorPickerPicker", props);
+  const { activeTheme } = uikitReactUtils.useTheme();
+  const { classes, cx } = Picker_styles.useClasses(classesProp);
+  const SaturationPointer = a.useCallback(
+    () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes?.saturationPointer }),
+    [classes?.saturationPointer]
+  );
+  const HueSlider = a.useCallback(
+    () => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cx(
+          classes?.hueSlider,
+          activeTheme?.colorPicker.hueDirection
+        )
+      }
+    ),
+    [activeTheme?.colorPicker.hueDirection, classes?.hueSlider, cx]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { className: classes.title, variant: "caption1", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.pickers, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.saturation, children: /* @__PURE__ */ jsxRuntime.jsx(
+        common.Saturation,
+        {
+          hsl,
+          hsv,
+          onChange,
+          pointer: SaturationPointer
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.hue, children: /* @__PURE__ */ jsxRuntime.jsx(
+        common.Hue,
+        {
+          direction: activeTheme?.colorPicker.hueDirection,
+          hsl,
+          onChange,
+          pointer: HueSlider
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Fields.Fields,
+      {
+        className: classes.fields,
+        rgb,
+        hex,
+        onChange
+      }
+    )
+  ] });
+};
+const Picker = reactColor.CustomPicker(Component);
+exports.Picker = Picker;

package/dist/cjs/packages/core/src/Container/Container.cjs

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const a = require("react");
+const MuiContainer = require("@mui/material/Container");
+const styles = require("@mui/material/styles");
+const useMediaQuery = require("@mui/material/useMediaQuery");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const Container_styles = require("./Container.styles.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const MuiContainer__default = /* @__PURE__ */ _interopDefault(MuiContainer);
+const useMediaQuery__default = /* @__PURE__ */ _interopDefault(useMediaQuery);
+const HvContainer = a.forwardRef(
+  function HvContainer2(props, ref) {
+    const {
+      maxWidth = false,
+      classes: classesProp,
+      className,
+      fixed,
+      disableGutters,
+      ...others
+    } = uikitReactUtils.useDefaultProps("HvContainer", props);
+    const { classes, cx, css } = Container_styles.useClasses(classesProp);
+    const muiTheme = styles.useTheme();
+    const upMd = useMediaQuery__default.default(muiTheme.breakpoints.up("md"));
+    const gutters = upMd ? {
+      // Increases specificity
+      [`&.${Container_styles.staticClasses.root}`]: {
+        paddingLeft: uikitStyles.theme.spacing(4),
+        paddingRight: uikitStyles.theme.spacing(4)
+      }
+    } : {
+      // Increases specificity
+      [`&.${Container_styles.staticClasses.root}`]: {
+        paddingLeft: uikitStyles.theme.space.sm,
+        paddingRight: uikitStyles.theme.space.sm
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      MuiContainer__default.default,
+      {
+        className: cx({ [css(gutters)]: !disableGutters }, className),
+        classes: {
+          root: classes.root,
+          disableGutters: classes.disableGutters,
+          fixed: classes.fixed,
+          maxWidthXs: classes.maxWidthXs,
+          maxWidthSm: classes.maxWidthSm,
+          maxWidthMd: classes.maxWidthMd,
+          maxWidthLg: classes.maxWidthLg,
+          maxWidthXl: classes.maxWidthXl
+        },
+        ref,
+        maxWidth,
+        fixed,
+        disableGutters,
+        ...others
+      }
+    );
+  }
+);
+exports.containerClasses = Container_styles.staticClasses;
+exports.HvContainer = HvContainer;

package/dist/cjs/packages/core/src/Controls/Controls.cjs

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const a = require("react");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const useControlled = require("../hooks/useControlled.cjs");
+const setId = require("../utils/setId.cjs");
+const ControlsContext = require("./context/ControlsContext.cjs");
+const Controls_styles = require("./Controls.styles.cjs");
+const MultiButton = require("../MultiButton/MultiButton.cjs");
+const Button = require("../Button/Button.cjs");
+const HvControls = (props) => {
+  const {
+    id,
+    className,
+    classes: classesProp,
+    views,
+    callbacks,
+    selectedView,
+    defaultView,
+    children,
+    hideViewSwitcher = false,
+    onViewChange
+  } = uikitReactUtils.useDefaultProps("HvControls", props);
+  const { classes, cx } = Controls_styles.useClasses(classesProp);
+  const [currentView, setCurrentView] = useControlled.useControlled(
+    selectedView,
+    defaultView
+  );
+  const onViewChangeHandler = (evt, btnId) => {
+    setCurrentView(btnId);
+    onViewChange?.(evt, btnId);
+  };
+  const onSearchHandler = (value) => callbacks?.setGlobalFilter?.(value);
+  const onSortHandler = (value) => callbacks?.setSortBy?.([
+    {
+      id: value?.accessor,
+      desc: value?.desc
+    }
+  ]);
+  const childrenCount = a.Children.count(children);
+  const childrenArray = a.Children.toArray(children);
+  const childrenIndexCut = childrenCount > 0 ? Math.round(childrenCount * 0.5) : 0;
+  const leftChildren = childrenArray.slice(0, childrenIndexCut);
+  const rightChildren = childrenArray.slice(
+    childrenIndexCut,
+    childrenCount || 0
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { id, className: cx(classes.root, className), children: /* @__PURE__ */ jsxRuntime.jsxs(
+    ControlsContext.HvControlsContextProvider,
+    {
+      value: {
+        onSearch: onSearchHandler,
+        onSort: onSortHandler
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx(classes.section, classes.leftSection), children: leftChildren }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(classes.section, classes.rightSection), children: [
+          rightChildren,
+          views && !hideViewSwitcher && views?.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(MultiButton.HvMultiButton, { id: setId.setId(id, "view-multi-button"), children: views.map(({ id: btnId, icon, ...others }) => /* @__PURE__ */ jsxRuntime.jsx(
+            Button.HvButton,
+            {
+              id: btnId,
+              icon: true,
+              selected: currentView === btnId,
+              onClick: (evt) => onViewChangeHandler(evt, btnId),
+              ...others,
+              children: icon
+            },
+            btnId
+          )) })
+        ] })
+      ]
+    }
+  ) });
+};
+exports.controlsClasses = Controls_styles.staticClasses;
+exports.HvControls = HvControls;

package/dist/cjs/packages/core/src/Controls/LeftControl/LeftControl.cjs

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const a = require("react");
+const setId = require("../../utils/setId.cjs");
+const ControlsContext = require("../context/ControlsContext.cjs");
+const LeftControl_styles = require("./LeftControl.styles.cjs");
+const Input = require("../../Input/Input.cjs");
+const HvLeftControl = ({
+  id,
+  classes: classesProp,
+  className,
+  children,
+  placeholder = "Search",
+  onSearch,
+  hideSearch = false,
+  searchProps,
+  ...others
+}) => {
+  const { classes, cx } = LeftControl_styles.useClasses(classesProp);
+  const { onSearch: onSearchHandler } = a.useContext(ControlsContext.HvControlsContext);
+  const onChangeFilter = (e, value) => {
+    onSearch?.(e, value);
+    onSearchHandler?.(value);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { id, className: cx(classes.root, className), ...others, children: [
+    !hideSearch && /* @__PURE__ */ jsxRuntime.jsx(
+      Input.HvInput,
+      {
+        id: setId.setId(id, "search-input"),
+        type: "search",
+        placeholder,
+        onChange: onChangeFilter,
+        ...searchProps
+      }
+    ),
+    children
+  ] });
+};
+exports.leftControlClasses = LeftControl_styles.staticClasses;
+exports.HvLeftControl = HvLeftControl;

package/dist/cjs/packages/core/src/Controls/RightControl/RightControl.cjs

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const a = require("react");
+const setId = require("../../utils/setId.cjs");
+const ControlsContext = require("../context/ControlsContext.cjs");
+const RightControl_styles = require("./RightControl.styles.cjs");
+const Dropdown = require("../../Dropdown/Dropdown.cjs");
+const HvRightControl = ({
+  id,
+  classes: classesProp,
+  className,
+  children,
+  values,
+  onSort,
+  hideSortBy = false,
+  sortProps,
+  ...others
+}) => {
+  const { classes, cx } = RightControl_styles.useClasses(classesProp);
+  const [dropDownValues, setDropdownValues] = a.useState(values);
+  const { onSort: onSortHandler } = a.useContext(ControlsContext.HvControlsContext);
+  const handleChangeSort = (value) => {
+    onSort?.(value);
+    onSortHandler?.(value);
+    setDropdownValues(
+      (prevValues) => prevValues?.map((prevValue) => ({
+        ...prevValue,
+        selected: prevValue.id === value.id
+      }))
+    );
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { id, className: cx(classes.root, className), ...others, children: [
+    !hideSortBy && /* @__PURE__ */ jsxRuntime.jsx(
+      Dropdown.HvDropdown,
+      {
+        id: setId.setId(id, "sort-by-dropdown"),
+        values: dropDownValues,
+        className: classes.sortDropdown,
+        onChange: handleChangeSort,
+        singleSelectionToggle: false,
+        ...sortProps
+      }
+    ),
+    children
+  ] });
+};
+exports.rightControlClasses = RightControl_styles.staticClasses;
+exports.HvRightControl = HvRightControl;

package/dist/cjs/packages/core/src/Controls/context/ControlsContext.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const a = require("react");
+const HvControlsContext = a.createContext({});
+const HvControlsContextProvider = HvControlsContext.Provider;
+HvControlsContext.Consumer;
+exports.HvControlsContext = HvControlsContext;
+exports.HvControlsContextProvider = HvControlsContextProvider;
+exports.default = HvControlsContext;

package/dist/cjs/packages/core/src/DatePicker/DatePicker.cjs

@@ -0,0 +1,343 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const a = require("react");
+const utils$1 = require("@mui/material/utils");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const utils = require("../Calendar/utils.cjs");
+const LabelContainer = require("../FormElement/LabelContainer.cjs");
+const useControlled = require("../hooks/useControlled.cjs");
+const useLabels = require("../hooks/useLabels.cjs");
+const useUniqueId = require("../hooks/useUniqueId.cjs");
+const icons = require("../icons.cjs");
+const setId = require("../utils/setId.cjs");
+const useSavedState = require("../utils/useSavedState.cjs");
+const DatePicker_styles = require("./DatePicker.styles.cjs");
+const useVisibleDate = require("./useVisibleDate.cjs");
+const utils$2 = require("./utils.cjs");
+const Calendar = require("../Calendar/Calendar.cjs");
+const Button = require("../Button/Button.cjs");
+const FormElement = require("../FormElement/FormElement.cjs");
+const BaseDropdown = require("../BaseDropdown/BaseDropdown.cjs");
+const utils$3 = require("../FormElement/utils.cjs");
+const WarningText = require("../FormElement/WarningText/WarningText.cjs");
+const ActionBar = require("../ActionBar/ActionBar.cjs");
+const DEFAULT_LABELS = {
+  /** Apply button label. */
+  applyLabel: "Apply",
+  /** Cancel button label. */
+  cancelLabel: "Cancel",
+  /** Clear button label. */
+  clearLabel: "Clear",
+  /** Invalid Date label. */
+  invalidDateLabel: "Invalid date"
+};
+const HvDatePicker = a.forwardRef(
+  function HvDatePicker2(props, ref) {
+    const {
+      classes: classesProp,
+      className,
+      id,
+      name,
+      required,
+      disabled,
+      readOnly,
+      label,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      description,
+      "aria-describedby": ariaDescribedBy,
+      onChange,
+      onCancel,
+      onClear,
+      status,
+      statusMessage,
+      "aria-errormessage": ariaErrorMessage,
+      placeholder,
+      labels: labelsProp,
+      value,
+      startValue,
+      endValue,
+      expanded,
+      defaultExpanded,
+      onToggle,
+      rangeMode = false,
+      startAdornment,
+      horizontalPlacement = "right",
+      locale = utils.DEFAULT_LOCALE,
+      showActions,
+      showClear,
+      disablePortal = true,
+      escapeWithReference = true,
+      dropdownProps = {},
+      calendarProps,
+      ...others
+    } = uikitReactUtils.useDefaultProps("HvDatePicker", props);
+    const { classes, cx } = DatePicker_styles.useClasses(classesProp);
+    const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
+    const elementId = useUniqueId.useUniqueId(id);
+    const [validationState, setValidationState] = useControlled.useControlled(
+      status,
+      "standBy"
+    );
+    const [validationMessage] = useControlled.useControlled(statusMessage, "Required");
+    const [calendarOpen, setCalendarOpen] = useControlled.useControlled(
+      expanded,
+      Boolean(defaultExpanded)
+    );
+    const [startDate, setStartDate, rollbackStartDate] = useSavedState.useSavedState(
+      rangeMode ? startValue : value
+    );
+    const [endDate, setEndDate, rollbackEndDate] = useSavedState.useSavedState(endValue);
+    const [visibleDate, dispatchAction] = useVisibleDate.default(startDate, endDate);
+    const focusTarget = a.useRef(null);
+    const { ref: refProp, ...otherDropdownProps } = dropdownProps;
+    const dropdownForkedRef = utils$1.useForkRef(ref, refProp);
+    a.useEffect(() => {
+      setStartDate(rangeMode ? startValue : value, true);
+      setEndDate(endValue, true);
+    }, [value, startValue, endValue, rangeMode, setStartDate, setEndDate]);
+    const endDateIsSet = a.useRef(false);
+    endDateIsSet.current = endDate != null;
+    a.useEffect(() => {
+      if (startDate != null) {
+        dispatchAction({
+          type: "month_year",
+          target: endDateIsSet.current ? "left" : "best",
+          year: startDate.getFullYear(),
+          month: startDate.getMonth() + 1
+        });
+      }
+    }, [dispatchAction, startDate]);
+    a.useEffect(() => {
+      if (endDate != null) {
+        dispatchAction({
+          type: "month_year",
+          target: "right",
+          year: endDate.getFullYear(),
+          month: endDate.getMonth() + 1
+        });
+      }
+    }, [dispatchAction, endDate]);
+    const handleApply = () => {
+      setStartDate(startDate, true);
+      setEndDate(endDate ?? startDate, true);
+      onChange?.(startDate, endDate);
+      setValidationState(() => {
+        if (required && (!utils.isDate(startDate) || rangeMode && !utils.isDate(endDate))) {
+          return "invalid";
+        }
+        return "valid";
+      });
+      setCalendarOpen(false);
+    };
+    const handleCancel = () => {
+      rollbackStartDate();
+      rollbackEndDate();
+      onCancel?.();
+      setCalendarOpen(false);
+    };
+    const handleClear = () => {
+      setStartDate(void 0, false);
+      setEndDate(void 0, false);
+      onClear?.();
+    };
+    const handleCalendarClose = () => {
+      if (rangeMode || showActions) {
+        handleCancel();
+      }
+    };
+    const handleToggle = (evt, open) => {
+      if (evt === null) return;
+      onToggle?.(evt, open);
+      setCalendarOpen(open);
+      if (!open) handleCalendarClose();
+    };
+    const focusOnContainer = () => {
+      focusTarget.current?.focus();
+    };
+    const handleDateChange = (event, newDate) => {
+      if (!utils.isDate(newDate)) return;
+      const autoSave = !showActions && !rangeMode;
+      if (rangeMode) {
+        if (!startDate || startDate && endDate || newDate < startDate) {
+          setStartDate(newDate);
+          setEndDate(void 0);
+        } else {
+          setEndDate(newDate);
+        }
+      } else {
+        setStartDate(newDate, autoSave);
+      }
+      if (autoSave) {
+        onChange?.(newDate);
+        setValidationState(() => {
+          if (required && !utils.isDate(newDate)) {
+            return "invalid";
+          }
+          return "valid";
+        });
+        setCalendarOpen(false);
+      }
+    };
+    const handleInputDateChange = (event, newDate, position) => {
+      if (!utils.isDate(newDate)) return;
+      if (!rangeMode) {
+        handleDateChange(event, newDate);
+        return;
+      }
+      if (position === "left") {
+        if (endDate) setStartDate(newDate > endDate ? endDate : newDate);
+      } else if (position === "right") {
+        if (!startDate) {
+          if (endDate) setStartDate(newDate > endDate ? endDate : newDate);
+          return;
+        }
+        setEndDate(newDate < startDate ? startDate : newDate);
+      }
+    };
+    const renderActions = () => /* @__PURE__ */ jsxRuntime.jsxs(ActionBar.HvActionBar, { className: cx({ [classes.actionContainer]: showClear }), children: [
+      showClear && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.leftContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Button.HvButton,
+        {
+          id: setId.setId(id, "action", "clear"),
+          className: classes.action,
+          variant: "primaryGhost",
+          onClick: handleClear,
+          children: labels?.clearLabel
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.rightContainer, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button.HvButton,
+          {
+            id: setId.setId(id, "action", "apply"),
+            className: classes.action,
+            variant: "primaryGhost",
+            onClick: handleApply,
+            children: labels?.applyLabel
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button.HvButton,
+          {
+            id: setId.setId(id, "action", "cancel"),
+            className: classes.action,
+            variant: "primaryGhost",
+            onClick: handleCancel,
+            children: labels?.cancelLabel
+          }
+        )
+      ] })
+    ] });
+    const dateValue = rangeMode ? { startDate, endDate } : startDate;
+    const dateString = utils$2.getDateLabel(dateValue, rangeMode, locale);
+    const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && required);
+    const isStateInvalid = utils$3.isInvalid(validationState);
+    let errorMessageId;
+    if (isStateInvalid) {
+      errorMessageId = canShowError ? setId.setId(elementId, "error") : ariaErrorMessage;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      FormElement.HvFormElement,
+      {
+        id,
+        name,
+        value: dateValue,
+        status: validationState,
+        disabled,
+        required,
+        className: cx(classes.root, className),
+        readOnly,
+        ...others,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            LabelContainer.HvLabelContainer,
+            {
+              label,
+              description,
+              labelId: setId.setId(elementId, "label"),
+              descriptionId: setId.setId(elementId, "description"),
+              classes: {
+                root: classes.labelContainer,
+                label: classes.label,
+                description: classes.description
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            BaseDropdown.HvBaseDropdown,
+            {
+              ref: dropdownForkedRef,
+              role: "combobox",
+              classes: {
+                root: classes.dropdown,
+                panel: classes.panel,
+                header: cx({ [classes.dropdownHeaderInvalid]: isStateInvalid }),
+                headerOpen: classes.dropdownHeaderOpen,
+                placeholder: cx(classes.inputText, {
+                  [classes.dateText]: dateString
+                }),
+                container: classes.container
+              },
+              readOnly,
+              disabled,
+              disablePortal,
+              variableWidth: true,
+              placement: horizontalPlacement,
+              expanded: calendarOpen,
+              onToggle: handleToggle,
+              onClickOutside: handleCalendarClose,
+              onContainerCreation: focusOnContainer,
+              placeholder: dateString || placeholder || "",
+              adornment: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Calendar", className: classes.icon }),
+              popperProps: {
+                modifiers: [
+                  { name: "preventOverflow", enabled: escapeWithReference }
+                ]
+              },
+              "aria-haspopup": "dialog",
+              "aria-label": ariaLabel,
+              "aria-labelledby": [label && setId.setId(elementId, "label"), ariaLabelledBy].join(" ").trim() || void 0,
+              "aria-invalid": isStateInvalid ? true : void 0,
+              "aria-errormessage": errorMessageId,
+              "aria-describedby": [description && setId.setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || void 0,
+              ...otherDropdownProps,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { ref: focusTarget, tabIndex: -1 }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Calendar.HvCalendar,
+                  {
+                    id: setId.setId(id, "calendar"),
+                    startAdornment,
+                    onChange: handleDateChange,
+                    onInputChange: handleInputDateChange,
+                    onVisibleDateChange: (_event, type, month, target) => {
+                      dispatchAction({ type, target, month });
+                    },
+                    locale,
+                    ...visibleDate,
+                    ...calendarProps,
+                    invalidDateLabel: labels?.invalidDateLabel
+                  }
+                ),
+                (rangeMode || showActions) && renderActions()
+              ]
+            }
+          ),
+          canShowError && /* @__PURE__ */ jsxRuntime.jsx(
+            WarningText.HvWarningText,
+            {
+              id: setId.setId(elementId, "error"),
+              disableBorder: true,
+              className: cx(classes.error),
+              children: validationMessage
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+exports.datePickerClasses = DatePicker_styles.staticClasses;
+exports.HvDatePicker = HvDatePicker;