@carbon/react 1.103.0-rc.0 → 1.104.0-rc.0

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

@@ -1,58 +1,51 @@
 /**
- * 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.
  */
 
-import baseRangePlugin from 'flatpickr/dist/plugins/rangePlugin';
+import { isEmptyDateValue } from "../utils.js";
+import baseRangePlugin from "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 = !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 = 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 && 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 = 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: () => {}
+		});
+	};
 };
 
-export { rangePlugin };
+//#endregion
+export { rangePlugin };

package/es/components/DatePicker/utils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 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.
+ */
+export declare const isEmptyDateValue: (date: unknown) => date is "" | null | undefined;

package/es/components/DatePicker/utils.js

@@ -0,0 +1,18 @@
+/**
+ * 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.
+ */
+
+//#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";
+
+//#endregion
+export { isEmptyDateValue };

package/es/components/DatePickerInput/DatePickerInput.js

@@ -1,304 +1,194 @@
 /**
- * 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.
  */
 
-import { Calendar, WarningFilled, WarningAltFilled } from '@carbon/icons-react';
-import { warning } from '../../internal/warning.js';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import React, { useContext, forwardRef, cloneElement } from 'react';
-import { usePrefix } from '../../internal/usePrefix.js';
-import '../FluidForm/FluidForm.js';
-import { FormContext } from '../FluidForm/FormContext.js';
-import { useId } from '../../internal/useId.js';
-import { Text } from '../Text/Text.js';
-import '../Text/TextDirection.js';
-import { deprecate } from '../../prop-types/deprecate.js';
-import { AILabel } from '../AILabel/index.js';
-import { isComponentElement } from '../../internal/utils.js';
-import { useNormalizedInputProps } from '../../internal/useNormalizedInputProps.js';
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
+import { usePrefix } from "../../internal/usePrefix.js";
+import { Text } from "../Text/Text.js";
+import { useId } from "../../internal/useId.js";
+import { warning } from "../../internal/warning.js";
+import { deprecate } from "../../prop-types/deprecate.js";
+import { AILabel } from "../AILabel/index.js";
+import { isComponentElement } from "../../internal/utils.js";
+import { FormContext } from "../FluidForm/FormContext.js";
+import { useNormalizedInputProps } from "../../internal/useNormalizedInputProps.js";
+import classNames from "classnames";
+import React, { cloneElement, forwardRef, useContext } from "react";
+import PropTypes from "prop-types";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Calendar, WarningAltFilled, WarningFilled } from "@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 = 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();
-  const {
-    isFluid
-  } = useContext(FormContext);
-  const datePickerInputInstanceId = useId();
-  const normalizedProps = 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(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 = isComponentElement(candidate, AILabel);
-  const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/cloneElement(candidate, {
-    size: 'mini'
-  }) : candidate;
-  return /*#__PURE__*/React.createElement("div", {
-    className: containerClasses
-  }, labelText && /*#__PURE__*/React.createElement(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, {
-    as: "div",
-    id: datePickerInputHelperId,
-    className: helperTextClasses
-  }, helperText));
+const DatePickerInput = 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 = usePrefix();
+	const { isFluid } = useContext(FormContext);
+	const datePickerInputInstanceId = useId();
+	const normalizedProps = 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 ("value" in rest && !didWarnAboutDatePickerInputValue) {
+		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 = classNames(`${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 = classNames(`${prefix}--label`, {
+		[`${prefix}--visually-hidden`]: hideLabel,
+		[`${prefix}--label--disabled`]: normalizedProps.disabled,
+		[`${prefix}--label--readonly`]: readOnly
+	});
+	const helperTextClasses = classNames(`${prefix}--form__helper-text`, { [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled });
+	const inputClasses = classNames(`${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 = classNames(`${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__ */ jsx("input", { ...inputProps });
+	const candidate = slug ?? decorator;
+	const normalizedDecorator = isComponentElement(candidate, AILabel) ? cloneElement(candidate, { size: "mini" }) : candidate;
+	return /* @__PURE__ */ jsxs("div", {
+		className: containerClasses,
+		children: [
+			labelText && /* @__PURE__ */ jsx(Text, {
+				as: "label",
+				htmlFor: id,
+				className: labelClasses,
+				children: labelText
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: wrapperClasses,
+				children: /* @__PURE__ */ jsxs("span", { children: [
+					input,
+					slug ? normalizedDecorator : decorator ? /* @__PURE__ */ jsx("div", {
+						className: `${prefix}--date-picker-input-inner-wrapper--decorator`,
+						children: normalizedDecorator
+					}) : "",
+					isFluid && /* @__PURE__ */ jsx(DatePickerIcon, { datePickerType }),
+					/* @__PURE__ */ jsx(DatePickerIcon, {
+						datePickerType,
+						invalid: normalizedProps.invalid,
+						warn: normalizedProps.warn,
+						disabled: normalizedProps.disabled,
+						readOnly
+					})
+				] })
+			}),
+			normalizedProps.validation,
+			helperText && !normalizedProps.invalid && !normalizedProps.warn && /* @__PURE__ */ jsx(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(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: PropTypes.oneOf([
+		"simple",
+		"single",
+		"range"
+	]),
+	decorator: PropTypes.node,
+	disabled: PropTypes.bool,
+	helperText: PropTypes.node,
+	hideLabel: PropTypes.bool,
+	id: PropTypes.string.isRequired,
+	invalid: PropTypes.bool,
+	invalidText: PropTypes.node,
+	labelText: PropTypes.node.isRequired,
+	onChange: PropTypes.func,
+	onClick: PropTypes.func,
+	pattern: PropTypes.string,
+	placeholder: PropTypes.string,
+	readOnly: PropTypes.bool,
+	size: PropTypes.oneOf([
+		"sm",
+		"md",
+		"lg"
+	]),
+	slug: deprecate(PropTypes.node, "The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead."),
+	type: PropTypes.string,
+	warn: PropTypes.bool,
+	warnText: PropTypes.node
 };
-function DatePickerIcon({
-  datePickerType,
-  invalid,
-  warn,
-  disabled,
-  readOnly
-}) {
-  const prefix = usePrefix();
-  const {
-    isFluid
-  } = useContext(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(Calendar, {
-      className: `${prefix}--date-picker__icon`,
-      role: "img",
-      "aria-hidden": "true"
-    });
-  }
-  if (invalid) {
-    return /*#__PURE__*/React.createElement(WarningFilled, {
-      className: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--invalid`
-    });
-  }
-  if (!invalid && warn) {
-    return /*#__PURE__*/React.createElement(WarningAltFilled, {
-      className: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--warn`
-    });
-  }
-  return /*#__PURE__*/React.createElement(Calendar, {
-    className: `${prefix}--date-picker__icon`,
-    role: "img",
-    "aria-hidden": "true"
-  });
+function DatePickerIcon({ datePickerType, invalid, warn, disabled, readOnly }) {
+	const prefix = usePrefix();
+	const { isFluid } = useContext(FormContext);
+	if (datePickerType === "simple" && !invalid && !warn) {
+		if (!isFluid) return null;
+	}
+	if (disabled || readOnly) return /* @__PURE__ */ jsx(Calendar, {
+		className: `${prefix}--date-picker__icon`,
+		role: "img",
+		"aria-hidden": "true"
+	});
+	if (invalid) return /* @__PURE__ */ jsx(WarningFilled, { className: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--invalid` });
+	if (!invalid && warn) return /* @__PURE__ */ jsx(WarningAltFilled, { className: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--warn` });
+	return /* @__PURE__ */ jsx(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: PropTypes.oneOf([
+		"simple",
+		"single",
+		"range"
+	]),
+	invalid: PropTypes.bool,
+	warn: PropTypes.bool,
+	disabled: PropTypes.bool,
+	readOnly: PropTypes.bool
 };
 
-export { DatePickerInput as default };
+//#endregion
+export { DatePickerInput as default };

package/es/components/DatePickerInput/index.js

@@ -1,12 +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.
  */
 
-import DatePickerInput from './DatePickerInput.js';
-
+import DatePickerInput from "./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 = DatePickerInput;
 
-export { DatePickerInput, DatePickerInput as default };
+//#endregion
+export { DatePickerInput_default as default };