@kaizen/components 3.3.1 → 3.3.3

package/dist/esm/src/Collapsible/Collapsible/Collapsible.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { useState, useId } from 'react';
+import React__default, { useState, useId } from 'react';
 import classnames from 'classnames';
 import AnimateHeight from 'react-animate-height';
 import '../../ButtonV1/Button/Button.mjs';
@@ -7,90 +7,87 @@ import { IconButton } from '../../ButtonV1/IconButton/IconButton.mjs';
 import { Heading } from '../../Heading/Heading.mjs';
 import { Icon } from '../../Icon/Icon.mjs';
 import modules_23a5f9ec from './Collapsible.module.scss.mjs';
-const Collapsible = /*#__PURE__*/function () {
-  const Collapsible = function (_a) {
-    var children = _a.children,
-      title = _a.title,
-      renderHeader = _a.renderHeader,
-      open = _a.open,
-      group = _a.group,
-      separated = _a.separated,
-      sticky = _a.sticky,
-      noSectionPadding = _a.noSectionPadding,
-      onToggle = _a.onToggle,
-      _b = _a.variant,
-      variant = _b === void 0 ? 'default' : _b,
-      lazyLoad = _a.lazyLoad,
-      controlled = _a.controlled,
-      classNameOverride = _a.classNameOverride,
-      propsId = _a.id,
-      restProps = __rest(_a, ["children", "title", "renderHeader", "open", "group", "separated", "sticky", "noSectionPadding", "onToggle", "variant", "lazyLoad", "controlled", "classNameOverride", "id"]);
-    var _c = useState(open !== null && open !== void 0 ? open : false),
-      stateIsOpen = _c[0],
-      setIsOpen = _c[1];
-    var getOpen = function () {
-      return controlled ? open : stateIsOpen;
-    };
-    var fallbackId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
-    var handleSectionToggle = function () {
-      var newIsOpen = !getOpen();
-      if (!controlled) setIsOpen(newIsOpen);
-      onToggle === null || onToggle === void 0 ? void 0 : onToggle(newIsOpen, id);
-    };
-    var handleButtonPress = function (event) {
-      event.stopPropagation();
-      handleSectionToggle();
-    };
-    var buttonId = "".concat(id, "-button");
-    var sectionId = "".concat(id, "-section");
-    var isOpen = getOpen();
-    var isContainer = !group || separated;
-    return /*#__PURE__*/React.createElement("div", __assign({
-      id: id,
-      className: classnames(classNameOverride, isContainer && modules_23a5f9ec.container, group && !separated && modules_23a5f9ec.groupItem, separated && modules_23a5f9ec.separated),
-      "data-testid": "collapsible-container-".concat(id)
-    }, restProps), /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_23a5f9ec.header, isOpen && modules_23a5f9ec.open, sticky && modules_23a5f9ec.sticky, isOpen && variant === 'default' && modules_23a5f9ec.defaultVariant, isOpen && variant === 'clear' && modules_23a5f9ec.clearVariant),
-      style: sticky && {
-        top: sticky.top
-      },
-      onClick: handleSectionToggle,
-      "data-testid": "collapsible-header-".concat(id)
-    }, renderHeader !== undefined ? renderHeader(title) : (/*#__PURE__*/React.createElement("div", {
-      className: modules_23a5f9ec.title,
-      "data-testid": "collapsible-button-title-".concat(id)
-    }, /*#__PURE__*/React.createElement(Heading, {
-      variant: "heading-4",
-      tag: "span"
-    }, title))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(IconButton, {
-      label: title,
-      icon: /*#__PURE__*/React.createElement(Icon, {
-        name: isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down',
-        isPresentational: true
-      }),
-      type: "button",
-      "aria-expanded": isOpen,
-      "aria-controls": sectionId,
-      "data-testid": "collapsible-button-".concat(id),
-      id: buttonId,
-      onClick: handleButtonPress,
-      classNameOverride: modules_23a5f9ec.chevronButton
-    }))), (!lazyLoad || isOpen) && (/*#__PURE__*/React.createElement(AnimateHeight, {
-      height: isOpen ? 'auto' : 0,
-      disableDisplayNone: true,
-      "data-testid": "collapsible-section-".concat(id)
-    }, /*#__PURE__*/React.createElement("div", {
-      id: sectionId,
-      className: classnames(modules_23a5f9ec.section, noSectionPadding && modules_23a5f9ec.noPadding),
-      role: "region",
-      "aria-labelledby": buttonId,
-      // TODO: Remove @ts-expect-error when upgrade to @types/react@19 that support the `inert` HTML attribute
-      // @ts-expect-error current react types don't yet support the `inert` HTML attribute
-      inert: isOpen ? undefined : true
-    }, children))));
+var Collapsible = function (_a) {
+  var children = _a.children,
+    title = _a.title,
+    renderHeader = _a.renderHeader,
+    open = _a.open,
+    group = _a.group,
+    separated = _a.separated,
+    sticky = _a.sticky,
+    noSectionPadding = _a.noSectionPadding,
+    onToggle = _a.onToggle,
+    _b = _a.variant,
+    variant = _b === void 0 ? 'default' : _b,
+    lazyLoad = _a.lazyLoad,
+    controlled = _a.controlled,
+    classNameOverride = _a.classNameOverride,
+    propsId = _a.id,
+    restProps = __rest(_a, ["children", "title", "renderHeader", "open", "group", "separated", "sticky", "noSectionPadding", "onToggle", "variant", "lazyLoad", "controlled", "classNameOverride", "id"]);
+  var _c = useState(open !== null && open !== void 0 ? open : false),
+    stateIsOpen = _c[0],
+    setIsOpen = _c[1];
+  var getOpen = function () {
+    return controlled ? open : stateIsOpen;
   };
-  Collapsible.displayName = 'Collapsible';
-  return Collapsible;
-}();
+  var fallbackId = useId();
+  var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
+  var handleSectionToggle = function () {
+    var newIsOpen = !getOpen();
+    if (!controlled) setIsOpen(newIsOpen);
+    onToggle === null || onToggle === void 0 ? void 0 : onToggle(newIsOpen, id);
+  };
+  var handleButtonPress = function (event) {
+    event.stopPropagation();
+    handleSectionToggle();
+  };
+  var buttonId = "".concat(id, "-button");
+  var sectionId = "".concat(id, "-section");
+  var isOpen = getOpen();
+  var isContainer = !group || separated;
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    id: id,
+    className: classnames(classNameOverride, isContainer && modules_23a5f9ec.container, group && !separated && modules_23a5f9ec.groupItem, separated && modules_23a5f9ec.separated),
+    "data-testid": "collapsible-container-".concat(id)
+  }, restProps), /*#__PURE__*/React__default.createElement("div", {
+    className: classnames(modules_23a5f9ec.header, isOpen && modules_23a5f9ec.open, sticky && modules_23a5f9ec.sticky, isOpen && variant === 'default' && modules_23a5f9ec.defaultVariant, isOpen && variant === 'clear' && modules_23a5f9ec.clearVariant),
+    style: sticky && {
+      top: sticky.top
+    },
+    onClick: handleSectionToggle,
+    "data-testid": "collapsible-header-".concat(id)
+  }, renderHeader !== undefined ? renderHeader(title) : (/*#__PURE__*/React__default.createElement("div", {
+    className: modules_23a5f9ec.title,
+    "data-testid": "collapsible-button-title-".concat(id)
+  }, /*#__PURE__*/React__default.createElement(Heading, {
+    variant: "heading-4",
+    tag: "span"
+  }, title))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(IconButton, {
+    label: title,
+    icon: /*#__PURE__*/React__default.createElement(Icon, {
+      name: isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down',
+      isPresentational: true
+    }),
+    type: "button",
+    "aria-expanded": isOpen,
+    "aria-controls": sectionId,
+    "data-testid": "collapsible-button-".concat(id),
+    id: buttonId,
+    onClick: handleButtonPress,
+    classNameOverride: modules_23a5f9ec.chevronButton
+  }))), (!lazyLoad || isOpen) && (/*#__PURE__*/React__default.createElement(AnimateHeight, {
+    height: isOpen ? 'auto' : 0,
+    disableDisplayNone: true,
+    "data-testid": "collapsible-section-".concat(id)
+  }, /*#__PURE__*/React__default.createElement("div", {
+    id: sectionId,
+    className: classnames(modules_23a5f9ec.section, noSectionPadding && modules_23a5f9ec.noPadding),
+    role: "region",
+    "aria-labelledby": buttonId,
+    // TODO: Remove @ts-expect-error when upgrade to @types/react@19 that support the `inert` HTML attribute
+    // @ts-expect-error current react types don't yet support the `inert` HTML attribute
+    inert: isOpen ? undefined : true
+  }, children))));
+};
+Collapsible.displayName = 'Collapsible';
 export { Collapsible };

package/dist/esm/src/Collapsible/CollapsibleGroup/CollapsibleGroup.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import modules_ddfcdac6 from './CollapsibleGroup.module.scss.mjs';
 
@@ -19,10 +19,10 @@ var CollapsibleGroup = function (_a) {
     onToggle = _a.onToggle,
     classNameOverride = _a.classNameOverride,
     props = __rest(_a, ["children", "separated", "sticky", "noSectionPadding", "lazyLoad", "onToggle", "classNameOverride"]);
-  return /*#__PURE__*/React.createElement("div", __assign({
+  return /*#__PURE__*/React__default.createElement("div", __assign({
     className: classnames(classNameOverride, !separated && modules_ddfcdac6.container)
-  }, props), React.Children.map(children, function (collapsible) {
-    return /*#__PURE__*/React.cloneElement(collapsible, {
+  }, props), React__default.Children.map(children, function (collapsible) {
+    return /*#__PURE__*/React__default.cloneElement(collapsible, {
       group: true,
       separated: separated,
       sticky: sticky,

package/dist/esm/src/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.mjs

@@ -1,5 +1,5 @@
 import { __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { Brand } from '../../Brand/Brand.mjs';
 import { Collapsible } from '../Collapsible/Collapsible.mjs';
 import { Heading } from '../../Heading/Heading.mjs';
@@ -9,30 +9,27 @@ import modules_dcd54fcb from './ExpertAdviceCollapsible.module.scss.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-collapsible--docs Storybook}
  */
-const ExpertAdviceCollapsible = /*#__PURE__*/function () {
-  const ExpertAdviceCollapsible = function (props) {
-    return /*#__PURE__*/React.createElement(Collapsible, __assign({}, props, {
-      noSectionPadding: true,
-      classNameOverride: modules_dcd54fcb.expertAdviceContainer,
-      renderHeader: function () {
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-          className: modules_dcd54fcb.expertAdviceHeader
-        }, /*#__PURE__*/React.createElement(Brand, {
-          classNameOverride: modules_dcd54fcb.expertAdviceIcon,
-          alt: "Expert Advice",
-          variant: "collective-intelligence",
-          reversed: true
-        }), /*#__PURE__*/React.createElement(Heading, {
-          variant: "heading-4",
-          tag: "span",
-          classNameOverride: modules_dcd54fcb.expertAdviceHeading
-        }, props.title)));
-      }
-    }), /*#__PURE__*/React.createElement("div", {
-      className: modules_dcd54fcb.expertAdviceSection
-    }, props.children));
-  };
-  ExpertAdviceCollapsible.displayName = 'ExpertAdviceCollapsible';
-  return ExpertAdviceCollapsible;
-}();
+var ExpertAdviceCollapsible = function (props) {
+  return /*#__PURE__*/React__default.createElement(Collapsible, __assign({}, props, {
+    noSectionPadding: true,
+    classNameOverride: modules_dcd54fcb.expertAdviceContainer,
+    renderHeader: function () {
+      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+        className: modules_dcd54fcb.expertAdviceHeader
+      }, /*#__PURE__*/React__default.createElement(Brand, {
+        classNameOverride: modules_dcd54fcb.expertAdviceIcon,
+        alt: "Expert Advice",
+        variant: "collective-intelligence",
+        reversed: true
+      }), /*#__PURE__*/React__default.createElement(Heading, {
+        variant: "heading-4",
+        tag: "span",
+        classNameOverride: modules_dcd54fcb.expertAdviceHeading
+      }, props.title)));
+    }
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: modules_dcd54fcb.expertAdviceSection
+  }, props.children));
+};
+ExpertAdviceCollapsible.displayName = 'ExpertAdviceCollapsible';
 export { ExpertAdviceCollapsible };

package/dist/esm/src/Container/Container.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import modules_54a334e8 from './Container.module.css.mjs';
 
@@ -7,19 +7,16 @@ import modules_54a334e8 from './Container.module.css.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3086156812/Layout Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-content--docs Storybook}
  */
-const Container = /*#__PURE__*/function () {
-  const Container = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-    var children = _a.children,
-      style = _a.style,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["children", "style", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement("div", __assign({
-      ref: ref,
-      className: classnames(modules_54a334e8.container, classNameOverride),
-      style: style
-    }, restProps), children);
-  });
-  Container.displayName = 'Container';
-  return Container;
-}();
+var Container = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
+  var children = _a.children,
+    style = _a.style,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["children", "style", "classNameOverride"]);
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    ref: ref,
+    className: classnames(modules_54a334e8.container, classNameOverride),
+    style: style
+  }, restProps), children);
+});
+Container.displayName = 'Container';
 export { Container };

package/dist/esm/src/Content/Content.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import modules_950668a8 from './Content.module.css.mjs';
 
@@ -7,19 +7,16 @@ import modules_950668a8 from './Content.module.css.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3086156812/Layout Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-content--docs Storybook}
  */
-const Content = /*#__PURE__*/function () {
-  const Content = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-    var children = _a.children,
-      style = _a.style,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["children", "style", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement("div", __assign({
-      ref: ref,
-      className: classnames(modules_950668a8.content, classNameOverride),
-      style: style
-    }, restProps), children);
-  });
-  Content.displayName = 'Content';
-  return Content;
-}();
+var Content = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
+  var children = _a.children,
+    style = _a.style,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["children", "style", "classNameOverride"]);
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    ref: ref,
+    className: classnames(modules_950668a8.content, classNameOverride),
+    style: style
+  }, restProps), children);
+});
+Content.displayName = 'Content';
 export { Content };

package/dist/esm/src/DateInput/DateInput/DateInput.mjs

@@ -1,39 +1,36 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { Input } from '../../Input/Input/Input.mjs';
 import '../../Input/InputRange/InputRange.mjs';
 import '../../Input/InputSearch/InputSearch.mjs';
 import { Label } from '../../Label/Label.mjs';
 import modules_30be64ed from './DateInput.module.css.mjs';
-const DateInput = /*#__PURE__*/function () {
-  const DateInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-    var id = _a.id,
-      labelText = _a.labelText,
-      disabled = _a.disabled,
-      _b = _a.isReversed,
-      isReversed = _b === void 0 ? false : _b,
-      classNameOverride = _a.classNameOverride,
-      inputProps = __rest(_a, ["id", "labelText", "disabled", "isReversed", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_30be64ed.dateInput, classNameOverride)
-    }, /*#__PURE__*/React.createElement(Label, {
-      htmlFor: id,
-      id: "".concat(id, "-input-label"),
-      labelText: labelText,
-      reversed: isReversed,
-      disabled: disabled
-    }), /*#__PURE__*/React.createElement(Input, __assign({
-      inputRef: ref,
-      id: id,
-      type: "text",
-      autoComplete: "off",
-      classNameOverride: modules_30be64ed.input,
-      disabled: disabled,
-      reversed: isReversed
-    }, inputProps)));
-  });
-  DateInput.displayName = 'DateInput';
-  return DateInput;
-}();
+var DateInput = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
+  var id = _a.id,
+    labelText = _a.labelText,
+    disabled = _a.disabled,
+    _b = _a.isReversed,
+    isReversed = _b === void 0 ? false : _b,
+    classNameOverride = _a.classNameOverride,
+    inputProps = __rest(_a, ["id", "labelText", "disabled", "isReversed", "classNameOverride"]);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classnames(modules_30be64ed.dateInput, classNameOverride)
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    htmlFor: id,
+    id: "".concat(id, "-input-label"),
+    labelText: labelText,
+    reversed: isReversed,
+    disabled: disabled
+  }), /*#__PURE__*/React__default.createElement(Input, __assign({
+    inputRef: ref,
+    id: id,
+    type: "text",
+    autoComplete: "off",
+    classNameOverride: modules_30be64ed.input,
+    disabled: disabled,
+    reversed: isReversed
+  }, inputProps)));
+});
+DateInput.displayName = 'DateInput';
 export { DateInput };

package/dist/esm/src/DateInput/DateInputDescription/DateInputDescription.mjs

@@ -1,35 +1,32 @@
-import React from 'react';
+import React__default from 'react';
 import { useIntl } from '@cultureamp/i18n-react-intl';
 import { LabelledMessage } from '../../LabelledMessage/LabelledMessage.mjs';
 import { formatDescriptionInputFormat } from './utils/formatDescriptionInputFormat.mjs';
 import modules_fa308056 from './DateInputDescription.module.css.mjs';
-const DateInputDescription = /*#__PURE__*/function () {
-  const DateInputDescription = function (_a) {
-    var description = _a.description,
-      locale = _a.locale;
-    var formatMessage = useIntl().formatMessage;
-    var hasCustomDescription = typeof description === 'string' && description !== '' || /*#__PURE__*/React.isValidElement(description);
-    var translatedInputFormatMessage = formatMessage({
-      id: 'dateInputDescription.inputFormat',
-      defaultMessage: 'Input format',
-      description: "Label for the 'Input format' field"
-    });
-    if (hasCustomDescription) {
-      return /*#__PURE__*/React.createElement("span", {
-        className: modules_fa308056.dateInputDescription
-      }, /*#__PURE__*/React.createElement("span", null, description), /*#__PURE__*/React.createElement("span", {
-        className: modules_fa308056.dateInputFormatContainer
-      }, "(", /*#__PURE__*/React.createElement(LabelledMessage, {
-        label: translatedInputFormatMessage,
-        message: formatDescriptionInputFormat(locale)
-      }), ")"));
-    }
-    return /*#__PURE__*/React.createElement(LabelledMessage, {
+var DateInputDescription = function (_a) {
+  var description = _a.description,
+    locale = _a.locale;
+  var formatMessage = useIntl().formatMessage;
+  var hasCustomDescription = typeof description === 'string' && description !== '' || /*#__PURE__*/React__default.isValidElement(description);
+  var translatedInputFormatMessage = formatMessage({
+    id: 'dateInputDescription.inputFormat',
+    defaultMessage: 'Input format',
+    description: "Label for the 'Input format' field"
+  });
+  if (hasCustomDescription) {
+    return /*#__PURE__*/React__default.createElement("span", {
+      className: modules_fa308056.dateInputDescription
+    }, /*#__PURE__*/React__default.createElement("span", null, description), /*#__PURE__*/React__default.createElement("span", {
+      className: modules_fa308056.dateInputFormatContainer
+    }, "(", /*#__PURE__*/React__default.createElement(LabelledMessage, {
       label: translatedInputFormatMessage,
       message: formatDescriptionInputFormat(locale)
-    });
-  };
-  DateInputDescription.displayName = 'DateInputDescription';
-  return DateInputDescription;
-}();
+    }), ")"));
+  }
+  return /*#__PURE__*/React__default.createElement(LabelledMessage, {
+    label: translatedInputFormatMessage,
+    message: formatDescriptionInputFormat(locale)
+  });
+};
+DateInputDescription.displayName = 'DateInputDescription';
 export { DateInputDescription };

package/dist/esm/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.mjs

@@ -1,40 +1,37 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { Icon } from '../../Icon/Icon.mjs';
 import { isRefObject } from '../../utils/isRefObject.mjs';
 import { DateInput } from '../DateInput/DateInput.mjs';
 import modules_01c8d38e from './DateInputWithIconButton.module.css.mjs';
-const DateInputWithIconButton = /*#__PURE__*/function () {
-  const DateInputWithIconButton = /*#__PURE__*/React.forwardRef(function (_a, ref) {
-    var onButtonClick = _a.onButtonClick,
-      disabled = _a.disabled,
-      value = _a.value,
-      restProps = __rest(_a, ["onButtonClick", "disabled", "value"]);
-    var customRefObject = isRefObject(ref) ? ref.current : null;
-    var inputRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.inputRef;
-    var buttonRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.buttonRef;
-    var IconButton = /*#__PURE__*/React.createElement("button", {
-      ref: buttonRef,
-      type: "button",
-      onClick: onButtonClick,
-      "aria-label": value ? "Change date, ".concat(value) : 'Choose date',
-      "aria-disabled": disabled,
-      disabled: disabled,
-      className: classnames(modules_01c8d38e.iconButton, restProps['aria-expanded'] && modules_01c8d38e.calendarActive, disabled && modules_01c8d38e.disabled)
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: "today",
-      isPresentational: true,
-      isFilled: true
-    }));
-    return /*#__PURE__*/React.createElement(DateInput, __assign({
-      ref: inputRef,
-      disabled: disabled,
-      value: value,
-      endIconAdornment: IconButton
-    }, restProps));
-  });
-  DateInputWithIconButton.displayName = 'DateInputWithIconButton';
-  return DateInputWithIconButton;
-}();
+var DateInputWithIconButton = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
+  var onButtonClick = _a.onButtonClick,
+    disabled = _a.disabled,
+    value = _a.value,
+    restProps = __rest(_a, ["onButtonClick", "disabled", "value"]);
+  var customRefObject = isRefObject(ref) ? ref.current : null;
+  var inputRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.inputRef;
+  var buttonRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.buttonRef;
+  var IconButton = /*#__PURE__*/React__default.createElement("button", {
+    ref: buttonRef,
+    type: "button",
+    onClick: onButtonClick,
+    "aria-label": value ? "Change date, ".concat(value) : 'Choose date',
+    "aria-disabled": disabled,
+    disabled: disabled,
+    className: classnames(modules_01c8d38e.iconButton, restProps['aria-expanded'] && modules_01c8d38e.calendarActive, disabled && modules_01c8d38e.disabled)
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    name: "today",
+    isPresentational: true,
+    isFilled: true
+  }));
+  return /*#__PURE__*/React__default.createElement(DateInput, __assign({
+    ref: inputRef,
+    disabled: disabled,
+    value: value,
+    endIconAdornment: IconButton
+  }, restProps));
+});
+DateInputWithIconButton.displayName = 'DateInputWithIconButton';
 export { DateInputWithIconButton };