@carbon/react 1.103.0 → 1.104.0-rc.0

package/lib/components/DatePicker/plugins/rangePlugin.js

@@ -1,61 +1,53 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
-
-var baseRangePlugin = require('flatpickr/dist/plugins/rangePlugin');
-var utils = require('../utils.js');
+const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
+const require_utils = require('../utils.js');
+let flatpickr_dist_plugins_rangePlugin = require("flatpickr/dist/plugins/rangePlugin");
+flatpickr_dist_plugins_rangePlugin = require_runtime.__toESM(flatpickr_dist_plugins_rangePlugin);
 
+//#region src/components/DatePicker/plugins/rangePlugin.ts
 /**
- * @param config Plugin configuration.
- * @returns An extension of Flatpickr `rangePlugin` that does the following:
- *   * Better ensures the calendar dropdown is always aligned to the `<input>` for the starting date.
- *     Workaround for: https://github.com/flatpickr/flatpickr/issues/1944
- *   * A logic to ensure `fp.setDate()` call won't end up with "startDate to endDate" set to the first `<input>`
- */
+* Copyright IBM Corp. 2019, 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+* @param config Plugin configuration.
+* @returns An extension of Flatpickr `rangePlugin` that does the following:
+*   * Better ensures the calendar dropdown is always aligned to the `<input>` for the starting date.
+*     Workaround for: https://github.com/flatpickr/flatpickr/issues/1944
+*   * A logic to ensure `fp.setDate()` call won't end up with "startDate to endDate" set to the first `<input>`
+*/
 const rangePlugin = (config = {}) => {
-  const factory = baseRangePlugin(Object.assign({
-    position: 'left'
-  }, config));
-  return fp => {
-    const {
-      setDate: origSetDate
-    } = fp;
-    const init = () => {
-      fp.setDate = (dates, triggerChange, format) => {
-        origSetDate(dates, triggerChange, format);
-        // If `triggerChange` is `true`, `onValueUpdate` Flatpickr event is fired
-        // where Flatpickr's range plugin takes care of fixing the first `<input>`
-        if (!triggerChange && Array.isArray(dates) && dates.length === 2) {
-          const {
-            formatDate,
-            _input: inputFrom
-          } = fp;
-          const {
-            input: inputTo
-          } = config;
-          const inputToElement = typeof inputTo === 'string' ? document.querySelector(inputTo) : inputTo;
-          [inputFrom, inputToElement].forEach((input, i) => {
-            if (input && input instanceof HTMLInputElement) {
-              input.value = utils.isEmptyDateValue(dates[i]) ? '' : formatDate(new Date(dates[i]), fp.config.dateFormat);
-            }
-          });
-        }
-      };
-    };
-    const origRangePlugin = factory(fp);
-    const {
-      onReady: origOnReady
-    } = origRangePlugin;
-    return Object.assign(origRangePlugin, {
-      onReady: [init, origOnReady],
-      onPreCalendarPosition: () => {}
-    });
-  };
+	const factory = (0, flatpickr_dist_plugins_rangePlugin.default)(Object.assign({ position: "left" }, config));
+	return (fp) => {
+		const { setDate: origSetDate } = fp;
+		const init = () => {
+			fp.setDate = (dates, triggerChange, format) => {
+				origSetDate(dates, triggerChange, format);
+				if (!triggerChange && Array.isArray(dates) && dates.length === 2) {
+					const { formatDate, _input: inputFrom } = fp;
+					const { input: inputTo } = config;
+					[inputFrom, typeof inputTo === "string" ? document.querySelector(inputTo) : inputTo].forEach((input, i) => {
+						if (input && input instanceof HTMLInputElement) input.value = require_utils.isEmptyDateValue(dates[i]) ? "" : formatDate(new Date(dates[i]), fp.config.dateFormat);
+					});
+				}
+			};
+		};
+		const origRangePlugin = factory(fp);
+		const { onReady: origOnReady } = origRangePlugin;
+		return Object.assign(origRangePlugin, {
+			onReady: [init, origOnReady],
+			onPreCalendarPosition: () => {}
+		});
+	};
 };
 
-exports.rangePlugin = rangePlugin;
+//#endregion
+exports.rangePlugin = rangePlugin;

package/lib/components/DatePicker/utils.js

@@ -1,12 +1,19 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
 
-const isEmptyDateValue = date => date === '' || date === null || typeof date === 'undefined';
+//#region src/components/DatePicker/utils.ts
+/**
+* Copyright IBM Corp. 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const isEmptyDateValue = (date) => date === "" || date === null || typeof date === "undefined";
 
-exports.isEmptyDateValue = isEmptyDateValue;
+//#endregion
+exports.isEmptyDateValue = isEmptyDateValue;

package/lib/components/DatePickerInput/DatePickerInput.js

@@ -1,308 +1,198 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var iconsReact = require('@carbon/icons-react');
-var warning = require('../../internal/warning.js');
-var cx = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var usePrefix = require('../../internal/usePrefix.js');
-require('../FluidForm/FluidForm.js');
-var FormContext = require('../FluidForm/FormContext.js');
-var useId = require('../../internal/useId.js');
-var Text = require('../Text/Text.js');
-require('../Text/TextDirection.js');
-var deprecate = require('../../prop-types/deprecate.js');
-var index = require('../AILabel/index.js');
-var utils = require('../../internal/utils.js');
-var useNormalizedInputProps = require('../../internal/useNormalizedInputProps.js');
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_Text = require('../Text/Text.js');
+const require_useId = require('../../internal/useId.js');
+const require_warning = require('../../internal/warning.js');
+const require_deprecate = require('../../prop-types/deprecate.js');
+const require_index = require('../AILabel/index.js');
+const require_utils = require('../../internal/utils.js');
+const require_FormContext = require('../FluidForm/FormContext.js');
+const require_useNormalizedInputProps = require('../../internal/useNormalizedInputProps.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _carbon_icons_react = require("@carbon/icons-react");
 
+//#region src/components/DatePickerInput/DatePickerInput.tsx
+/**
+* Copyright IBM Corp. 2016, 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 let didWarnAboutDatePickerInputValue = false;
-const frFn = React.forwardRef;
-const DatePickerInput = frFn((props, ref) => {
-  const {
-    datePickerType,
-    decorator,
-    disabled = false,
-    helperText,
-    hideLabel,
-    id,
-    invalid = false,
-    invalidText,
-    labelText,
-    onClick = () => {},
-    onChange = () => {},
-    pattern = '\\d{1,2}\\/\\d{1,2}\\/\\d{4}',
-    placeholder,
-    size = 'md',
-    slug,
-    type = 'text',
-    warn = false,
-    warnText,
-    readOnly,
-    ...rest
-  } = props;
-  const prefix = usePrefix.usePrefix();
-  const {
-    isFluid
-  } = React.useContext(FormContext.FormContext);
-  const datePickerInputInstanceId = useId.useId();
-  const normalizedProps = useNormalizedInputProps.useNormalizedInputProps({
-    id,
-    readOnly,
-    disabled,
-    invalid,
-    invalidText,
-    warn,
-    warnText
-  });
-  const datePickerInputProps = {
-    id,
-    onChange: event => {
-      if (!disabled) {
-        onChange(event);
-      }
-    },
-    onClick: event => {
-      if (!disabled) {
-        onClick(event);
-      }
-    },
-    pattern,
-    placeholder,
-    type
-  };
-  if (process.env.NODE_ENV !== 'production' && 'value' in rest && !didWarnAboutDatePickerInputValue) {
-    process.env.NODE_ENV !== "production" ? warning.warning(false, `The 'value' prop is not supported on the DatePickerInput component. ` + `For DatePicker components with 'datePickerType="range"', please ` + `pass the 'value' prop (as an array of dates) to the parent ` + `DatePicker component instead.`) : void 0;
-    didWarnAboutDatePickerInputValue = true;
-  }
-  const wrapperClasses = cx(`${prefix}--date-picker-input__wrapper`, {
-    [`${prefix}--date-picker-input__wrapper--invalid`]: normalizedProps.invalid,
-    [`${prefix}--date-picker-input__wrapper--warn`]: normalizedProps.warn,
-    [`${prefix}--date-picker-input__wrapper--slug`]: slug,
-    [`${prefix}--date-picker-input__wrapper--decorator`]: decorator
-  });
-  const labelClasses = cx(`${prefix}--label`, {
-    [`${prefix}--visually-hidden`]: hideLabel,
-    [`${prefix}--label--disabled`]: normalizedProps.disabled,
-    [`${prefix}--label--readonly`]: readOnly
-  });
-  const helperTextClasses = cx(`${prefix}--form__helper-text`, {
-    [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled
-  });
-  const inputClasses = cx(`${prefix}--date-picker__input`, {
-    [`${prefix}--date-picker__input--${size}`]: size,
-    [`${prefix}--date-picker__input--invalid`]: normalizedProps.invalid,
-    [`${prefix}--date-picker__input--warn`]: normalizedProps.warn
-  });
-  const containerClasses = cx(`${prefix}--date-picker-container`, {
-    [`${prefix}--date-picker--nolabel`]: !labelText,
-    [`${prefix}--date-picker--fluid--invalid`]: isFluid && normalizedProps.invalid,
-    [`${prefix}--date-picker--fluid--warn`]: isFluid && normalizedProps.warn
-  });
-  const datePickerInputHelperId = !helperText ? undefined : `datepicker-input-helper-text-${datePickerInputInstanceId}`;
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
-  const inputProps = {
-    ...rest,
-    ...datePickerInputProps,
-    className: inputClasses,
-    disabled: normalizedProps.disabled,
-    ref,
-    ['aria-describedby']: helperText ? datePickerInputHelperId : undefined
-  };
-  if (normalizedProps.invalid) {
-    inputProps['data-invalid'] = true;
-  }
-  const input = /*#__PURE__*/React.createElement("input", inputProps);
-
-  // AILabel always size `mini`
-  const candidate = slug ?? decorator;
-  const candidateIsAILabel = utils.isComponentElement(candidate, index.AILabel);
-  const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/React.cloneElement(candidate, {
-    size: 'mini'
-  }) : candidate;
-  return /*#__PURE__*/React.createElement("div", {
-    className: containerClasses
-  }, labelText && /*#__PURE__*/React.createElement(Text.Text, {
-    as: "label",
-    htmlFor: id,
-    className: labelClasses
-  }, labelText), /*#__PURE__*/React.createElement("div", {
-    className: wrapperClasses
-  }, /*#__PURE__*/React.createElement("span", null, input, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--date-picker-input-inner-wrapper--decorator`
-  }, normalizedDecorator) : '', isFluid && /*#__PURE__*/React.createElement(DatePickerIcon, {
-    datePickerType: datePickerType
-  }), /*#__PURE__*/React.createElement(DatePickerIcon, {
-    datePickerType: datePickerType,
-    invalid: normalizedProps.invalid,
-    warn: normalizedProps.warn,
-    disabled: normalizedProps.disabled,
-    readOnly: readOnly
-  }))), normalizedProps.validation, helperText && !normalizedProps.invalid && !normalizedProps.warn && /*#__PURE__*/React.createElement(Text.Text, {
-    as: "div",
-    id: datePickerInputHelperId,
-    className: helperTextClasses
-  }, helperText));
+const DatePickerInput = (0, react.forwardRef)((props, ref) => {
+	const { datePickerType, decorator, disabled = false, helperText, hideLabel, id, invalid = false, invalidText, labelText, onClick = () => {}, onChange = () => {}, pattern = "\\d{1,2}\\/\\d{1,2}\\/\\d{4}", placeholder, size = "md", slug, type = "text", warn = false, warnText, readOnly, ...rest } = props;
+	const prefix = require_usePrefix.usePrefix();
+	const { isFluid } = (0, react.useContext)(require_FormContext.FormContext);
+	const datePickerInputInstanceId = require_useId.useId();
+	const normalizedProps = require_useNormalizedInputProps.useNormalizedInputProps({
+		id,
+		readOnly,
+		disabled,
+		invalid,
+		invalidText,
+		warn,
+		warnText
+	});
+	const datePickerInputProps = {
+		id,
+		onChange: (event) => {
+			if (!disabled) onChange(event);
+		},
+		onClick: (event) => {
+			if (!disabled) onClick(event);
+		},
+		pattern,
+		placeholder,
+		type
+	};
+	if (process.env.NODE_ENV !== "production" && "value" in rest && !didWarnAboutDatePickerInputValue) {
+		require_warning.warning(false, "The 'value' prop is not supported on the DatePickerInput component. For DatePicker components with 'datePickerType=\"range\"', please pass the 'value' prop (as an array of dates) to the parent DatePicker component instead.");
+		didWarnAboutDatePickerInputValue = true;
+	}
+	const wrapperClasses = (0, classnames.default)(`${prefix}--date-picker-input__wrapper`, {
+		[`${prefix}--date-picker-input__wrapper--invalid`]: normalizedProps.invalid,
+		[`${prefix}--date-picker-input__wrapper--warn`]: normalizedProps.warn,
+		[`${prefix}--date-picker-input__wrapper--slug`]: slug,
+		[`${prefix}--date-picker-input__wrapper--decorator`]: decorator
+	});
+	const labelClasses = (0, classnames.default)(`${prefix}--label`, {
+		[`${prefix}--visually-hidden`]: hideLabel,
+		[`${prefix}--label--disabled`]: normalizedProps.disabled,
+		[`${prefix}--label--readonly`]: readOnly
+	});
+	const helperTextClasses = (0, classnames.default)(`${prefix}--form__helper-text`, { [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled });
+	const inputClasses = (0, classnames.default)(`${prefix}--date-picker__input`, {
+		[`${prefix}--date-picker__input--${size}`]: size,
+		[`${prefix}--date-picker__input--invalid`]: normalizedProps.invalid,
+		[`${prefix}--date-picker__input--warn`]: normalizedProps.warn
+	});
+	const containerClasses = (0, classnames.default)(`${prefix}--date-picker-container`, {
+		[`${prefix}--date-picker--nolabel`]: !labelText,
+		[`${prefix}--date-picker--fluid--invalid`]: isFluid && normalizedProps.invalid,
+		[`${prefix}--date-picker--fluid--warn`]: isFluid && normalizedProps.warn
+	});
+	const datePickerInputHelperId = !helperText ? void 0 : `datepicker-input-helper-text-${datePickerInputInstanceId}`;
+	const inputProps = {
+		...rest,
+		...datePickerInputProps,
+		className: inputClasses,
+		disabled: normalizedProps.disabled,
+		ref,
+		["aria-describedby"]: helperText ? datePickerInputHelperId : void 0
+	};
+	if (normalizedProps.invalid) inputProps["data-invalid"] = true;
+	const input = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", { ...inputProps });
+	const candidate = slug ?? decorator;
+	const normalizedDecorator = require_utils.isComponentElement(candidate, require_index.AILabel) ? (0, react.cloneElement)(candidate, { size: "mini" }) : candidate;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: containerClasses,
+		children: [
+			labelText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+				as: "label",
+				htmlFor: id,
+				className: labelClasses,
+				children: labelText
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: wrapperClasses,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+					input,
+					slug ? normalizedDecorator : decorator ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: `${prefix}--date-picker-input-inner-wrapper--decorator`,
+						children: normalizedDecorator
+					}) : "",
+					isFluid && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DatePickerIcon, { datePickerType }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DatePickerIcon, {
+						datePickerType,
+						invalid: normalizedProps.invalid,
+						warn: normalizedProps.warn,
+						disabled: normalizedProps.disabled,
+						readOnly
+					})
+				] })
+			}),
+			normalizedProps.validation,
+			helperText && !normalizedProps.invalid && !normalizedProps.warn && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+				as: "div",
+				id: datePickerInputHelperId,
+				className: helperTextClasses,
+				children: helperText
+			})
+		]
+	});
 });
 DatePickerInput.propTypes = {
-  /**
-   * The type of the date picker:
-   *
-   * * `simple` - Without calendar dropdown.
-   * * `single` - With calendar dropdown and single date.
-   * * `range` - With calendar dropdown and a date range.
-   */
-  datePickerType: PropTypes.oneOf(['simple', 'single', 'range']),
-  /**
-   * **Experimental**: Provide a decorator component to be rendered inside the `RadioButton` component
-   */
-  decorator: PropTypes.node,
-  /**
-   * Specify whether or not the input should be disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Provide text that is used alongside the control label for additional help
-   */
-  helperText: PropTypes.node,
-  /**
-   * Specify if the label should be hidden
-   */
-  hideLabel: PropTypes.bool,
-  /**
-   * Specify an id that uniquely identifies the `<input>`
-   */
-  id: PropTypes.string.isRequired,
-  /**
-   * Specify whether or not the input should be invalid
-   */
-  invalid: PropTypes.bool,
-  /**
-   * Specify the text to be rendered when the input is invalid
-   */
-  invalidText: PropTypes.node,
-  /**
-   * Provide the text that will be read by a screen reader when visiting this
-   * control
-   */
-  labelText: PropTypes.node.isRequired,
-  /**
-   * Specify an `onChange` handler that is called whenever a change in the
-   * input field has occurred
-   */
-  onChange: PropTypes.func,
-  /**
-   * Provide a function to be called when the input field is clicked
-   */
-  onClick: PropTypes.func,
-  /**
-   * Provide a regular expression pattern string that the input value must match
-   */
-  pattern: PropTypes.string,
-  /**
-   * Specify the placeholder text
-   */
-  placeholder: PropTypes.string,
-  /**
-   * whether the DatePicker is to be readOnly
-   */
-  readOnly: PropTypes.bool,
-  /**
-   * Specify the size of the Date Picker Input. Currently supports either `sm`, `md`, or `lg` as an option.
-   */
-  size: PropTypes.oneOf(['sm', 'md', 'lg']),
-  slug: deprecate.deprecate(PropTypes.node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
-  /**
-   * Specify the type of the `<input>`
-   */
-  type: PropTypes.string,
-  /**
-   * Specify whether the control is currently in warning state
-   */
-  warn: PropTypes.bool,
-  /**
-   * Provide the text that is displayed when the control is in warning state
-   */
-  warnText: PropTypes.node
+	datePickerType: prop_types.default.oneOf([
+		"simple",
+		"single",
+		"range"
+	]),
+	decorator: prop_types.default.node,
+	disabled: prop_types.default.bool,
+	helperText: prop_types.default.node,
+	hideLabel: prop_types.default.bool,
+	id: prop_types.default.string.isRequired,
+	invalid: prop_types.default.bool,
+	invalidText: prop_types.default.node,
+	labelText: prop_types.default.node.isRequired,
+	onChange: prop_types.default.func,
+	onClick: prop_types.default.func,
+	pattern: prop_types.default.string,
+	placeholder: prop_types.default.string,
+	readOnly: prop_types.default.bool,
+	size: prop_types.default.oneOf([
+		"sm",
+		"md",
+		"lg"
+	]),
+	slug: require_deprecate.deprecate(prop_types.default.node, "The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead."),
+	type: prop_types.default.string,
+	warn: prop_types.default.bool,
+	warnText: prop_types.default.node
 };
-function DatePickerIcon({
-  datePickerType,
-  invalid,
-  warn,
-  disabled,
-  readOnly
-}) {
-  const prefix = usePrefix.usePrefix();
-  const {
-    isFluid
-  } = React.useContext(FormContext.FormContext);
-  if (datePickerType === 'simple' && !invalid && !warn) {
-    if (!isFluid) {
-      return null;
-    }
-  }
-
-  // Don't show invalid/warn icons when disabled or readonly
-  if (disabled || readOnly) {
-    return /*#__PURE__*/React.createElement(iconsReact.Calendar, {
-      className: `${prefix}--date-picker__icon`,
-      role: "img",
-      "aria-hidden": "true"
-    });
-  }
-  if (invalid) {
-    return /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
-      className: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--invalid`
-    });
-  }
-  if (!invalid && warn) {
-    return /*#__PURE__*/React.createElement(iconsReact.WarningAltFilled, {
-      className: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--warn`
-    });
-  }
-  return /*#__PURE__*/React.createElement(iconsReact.Calendar, {
-    className: `${prefix}--date-picker__icon`,
-    role: "img",
-    "aria-hidden": "true"
-  });
+function DatePickerIcon({ datePickerType, invalid, warn, disabled, readOnly }) {
+	const prefix = require_usePrefix.usePrefix();
+	const { isFluid } = (0, react.useContext)(require_FormContext.FormContext);
+	if (datePickerType === "simple" && !invalid && !warn) {
+		if (!isFluid) return null;
+	}
+	if (disabled || readOnly) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.Calendar, {
+		className: `${prefix}--date-picker__icon`,
+		role: "img",
+		"aria-hidden": "true"
+	});
+	if (invalid) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.WarningFilled, { className: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--invalid` });
+	if (!invalid && warn) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.WarningAltFilled, { className: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--warn` });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.Calendar, {
+		className: `${prefix}--date-picker__icon`,
+		role: "img",
+		"aria-hidden": "true"
+	});
 }
 DatePickerIcon.propTypes = {
-  /**
-   * The type of the date picker:
-   *
-   * * `simple` - Without calendar dropdown.
-   * * `single` - With calendar dropdown and single date.
-   * * `range` - With calendar dropdown and a date range.
-   */
-  datePickerType: PropTypes.oneOf(['simple', 'single', 'range']),
-  /**
-   * Specify whether or not the input should be invalid
-   */
-  invalid: PropTypes.bool,
-  /**
-   * Specify whether the control is currently in warning state
-   */
-  warn: PropTypes.bool,
-  /**
-   * Specify whether or not the input should be disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Specify whether the input is readonly
-   */
-  readOnly: PropTypes.bool
+	datePickerType: prop_types.default.oneOf([
+		"simple",
+		"single",
+		"range"
+	]),
+	invalid: prop_types.default.bool,
+	warn: prop_types.default.bool,
+	disabled: prop_types.default.bool,
+	readOnly: prop_types.default.bool
 };
 
-exports.default = DatePickerInput;
+//#endregion
+exports.default = DatePickerInput;

package/lib/components/DatePickerInput/index.js

@@ -1,17 +1,20 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DatePickerInput = require('./DatePickerInput.js');
-
+const require_DatePickerInput = require('./DatePickerInput.js');
 
+//#region src/components/DatePickerInput/index.ts
+/**
+* Copyright IBM Corp. 2016, 2023
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var DatePickerInput_default = require_DatePickerInput.default;
 
-exports.DatePickerInput = DatePickerInput.default;
-exports.default = DatePickerInput.default;
+//#endregion
+exports.default = DatePickerInput_default;