@carbon/react 1.113.0 → 1.114.0

package/lib/components/Card/CardTitleMedia.js

@@ -0,0 +1,39 @@
+/**
+ * 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.
+ */
+
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_usePrefix = require("../../internal/usePrefix.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/Card/CardTitleMedia.tsx
+/**
+* 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 componentName = "CardTitleMedia";
+/**
+* CardTitleMedia provides a media slot positioned to the left of the card title.
+* The media slot adapts to the heading area height (min 48px, max 64px) and stays
+* top-aligned when the title wraps to multiple lines.
+*/
+const CardTitleMedia = (0, react.forwardRef)(({ className, children, ...rest }, ref) => {
+	const titleMediaClasses = (0, classnames.default)(`${require_usePrefix.usePrefix()}--card__title-media`, className);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...rest,
+		ref,
+		className: titleMediaClasses,
+		children
+	});
+});
+CardTitleMedia.displayName = componentName;
+//#endregion
+exports.CardTitleMedia = CardTitleMedia;

package/lib/components/Card/_story-assets/data.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    group: string;
+    date: string;
+    value: number;
+}[];
+export default _default;

package/lib/components/Card/_story-assets/options.d.ts

@@ -0,0 +1,47 @@
+declare namespace _default {
+    let height: string;
+    namespace grid {
+        namespace x {
+            let enabled: boolean;
+        }
+        namespace y {
+            let enabled_1: boolean;
+            export { enabled_1 as enabled };
+        }
+    }
+    namespace axes {
+        namespace bottom {
+            let visible: boolean;
+            let title: string;
+            let mapsTo: string;
+            let scaleType: string;
+        }
+        namespace left {
+            let visible_1: boolean;
+            export { visible_1 as visible };
+            let mapsTo_1: string;
+            export { mapsTo_1 as mapsTo };
+            let scaleType_1: string;
+            export { scaleType_1 as scaleType };
+        }
+    }
+    namespace color {
+        namespace gradient {
+            let enabled_2: boolean;
+            export { enabled_2 as enabled };
+        }
+    }
+    namespace points {
+        let enabled_3: boolean;
+        export { enabled_3 as enabled };
+    }
+    namespace legend {
+        let enabled_4: boolean;
+        export { enabled_4 as enabled };
+    }
+    namespace toolbar {
+        let enabled_5: boolean;
+        export { enabled_5 as enabled };
+    }
+}
+export default _default;

package/lib/components/Card/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 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 { Card, CardHeader, CardBody, CardFooter, CardHeaderMedia, CardMedia, CardTitle, CardTitleMedia, CardActions, CardAction, } from './Card';
+export type { CardProps, CardHeaderProps, CardBodyProps, CardFooterProps, CardHeaderMediaProps, CardMediaProps, CardTitleProps, CardTitleMediaProps, CardActionsProps, CardActionProps, } from './Card';

package/lib/components/Card/index.js

@@ -0,0 +1,48 @@
+/**
+ * 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.
+ */
+
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_CardHeader = require("./CardHeader.js");
+const require_CardBody = require("./CardBody.js");
+const require_CardFooter = require("./CardFooter.js");
+const require_CardHeaderMedia = require("./CardHeaderMedia.js");
+const require_CardMedia = require("./CardMedia.js");
+const require_CardTitle = require("./CardTitle.js");
+const require_CardTitleMedia = require("./CardTitleMedia.js");
+const require_CardActions = require("./CardActions.js");
+const require_CardAction = require("./CardAction.js");
+const require_Card = require("./Card.js");
+//#region src/components/Card/index.ts
+var Card_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	Card: () => require_Card.Card,
+	CardAction: () => require_CardAction.CardAction,
+	CardActions: () => require_CardActions.CardActions,
+	CardBody: () => require_CardBody.CardBody,
+	CardFooter: () => require_CardFooter.CardFooter,
+	CardHeader: () => require_CardHeader.CardHeader,
+	CardHeaderMedia: () => require_CardHeaderMedia.CardHeaderMedia,
+	CardMedia: () => require_CardMedia.CardMedia,
+	CardTitle: () => require_CardTitle.CardTitle,
+	CardTitleMedia: () => require_CardTitleMedia.CardTitleMedia
+});
+//#endregion
+exports.Card = require_Card.Card;
+exports.CardAction = require_CardAction.CardAction;
+exports.CardActions = require_CardActions.CardActions;
+exports.CardBody = require_CardBody.CardBody;
+exports.CardFooter = require_CardFooter.CardFooter;
+exports.CardHeader = require_CardHeader.CardHeader;
+exports.CardHeaderMedia = require_CardHeaderMedia.CardHeaderMedia;
+exports.CardMedia = require_CardMedia.CardMedia;
+exports.CardTitle = require_CardTitle.CardTitle;
+exports.CardTitleMedia = require_CardTitleMedia.CardTitleMedia;
+Object.defineProperty(exports, "Card_exports", {
+	enumerable: true,
+	get: function() {
+		return Card_exports;
+	}
+});

package/lib/components/Checkbox/Checkbox.js

@@ -12,9 +12,9 @@ const require_Text = require("../Text/Text.js");
 const require_useId = require("../../internal/useId.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
 const require_utils = require("../../internal/utils.js");
+const require_index = require("../AILabel/index.js");
 const require_hasHelperText = require("../../internal/hasHelperText.js");
 const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
-const require_index = require("../AILabel/index.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let classnames = require("classnames");

package/lib/components/CheckboxGroup/CheckboxGroup.js

@@ -10,9 +10,9 @@ const require_usePrefix = require("../../internal/usePrefix.js");
 const require_useId = require("../../internal/useId.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
 const require_utils = require("../../internal/utils.js");
+const require_index = require("../AILabel/index.js");
 const require_hasHelperText = require("../../internal/hasHelperText.js");
 const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
-const require_index = require("../AILabel/index.js");
 const require_Checkbox = require("../Checkbox/Checkbox.js");
 let react = require("react");
 react = require_runtime.__toESM(react);

package/lib/components/ComboBox/ComboBox.js

@@ -16,14 +16,14 @@ const require_defaultItemToString = require("../../internal/defaultItemToString.
 const require_isItemDisabled = require("../../internal/isItemDisabled.js");
 const require_utils = require("../../internal/utils.js");
 const require_index = require("../FeatureFlags/index.js");
-const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
 const require_index$1 = require("../AILabel/index.js");
+const require_mergeRefs = require("../../tools/mergeRefs.js");
+const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
 const require_ListBoxPropTypes = require("../ListBox/ListBoxPropTypes.js");
 const require_FormContext = require("../FluidForm/FormContext.js");
 const require_index$2 = require("../ListBox/index.js");
 const require_ListBoxSelection = require("../ListBox/next/ListBoxSelection.js");
 const require_ListBoxTrigger = require("../ListBox/next/ListBoxTrigger.js");
-const require_mergeRefs = require("../../tools/mergeRefs.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let classnames = require("classnames");

package/lib/components/ComboButton/index.js

@@ -14,8 +14,8 @@ const require_mapPopoverAlign = require("../../tools/mapPopoverAlign.js");
 const require_index = require("../FeatureFlags/index.js");
 const require_index$1 = require("../IconButton/index.js");
 const require_index$2 = require("../Button/index.js");
-const require_mergeRefs = require("../../tools/mergeRefs.js");
 const require_Menu = require("../Menu/Menu.js");
+const require_mergeRefs = require("../../tools/mergeRefs.js");
 const require_useAttachedMenu = require("../../internal/useAttachedMenu.js");
 let react = require("react");
 react = require_runtime.__toESM(react);

package/lib/components/ComposedModal/ComposedModal.js

@@ -15,9 +15,9 @@ const require_deprecate = require("../../prop-types/deprecate.js");
 const require_utils = require("../../internal/utils.js");
 const require_index = require("../FeatureFlags/index.js");
 const require_index$1 = require("../AILabel/index.js");
+const require_mergeRefs = require("../../tools/mergeRefs.js");
 const require_useResizeObserver = require("../../internal/useResizeObserver.js");
 const require_events = require("../../tools/events.js");
-const require_mergeRefs = require("../../tools/mergeRefs.js");
 const require_index$2 = require("../Layer/index.js");
 const require_ComposedModalContext = require("./ComposedModalContext.js");
 const require_ModalHeader = require("./ModalHeader.js");

package/lib/components/DatePicker/DatePicker.d.ts

@@ -19,6 +19,8 @@ export interface DatePickerProps {
     allowInput?: boolean;
     /**
      * The DOM element the flatpickr should be inserted into `<body>` by default.
+     *
+     * @deprecated This prop will be removed in the next major release, please see `preview__DatePicker` which does not flatpickr.
      */
     appendTo?: HTMLElement;
     /**
@@ -47,14 +49,20 @@ export interface DatePickerProps {
     datePickerType?: DatePickerTypes;
     /**
      * The flatpickr `disable` option that allows a user to disable certain dates.
+     *
+     * @deprecated This prop will be removed in the next major release, please see `preview__DatePicker` which does not flatpickr
      */
     disable?: DateLimit<DateOption>[];
     /**
      * The flatpickr `enable` option that allows a user to enable certain dates.
+     *
+     * @deprecated This prop will be removed in the next major release, please see `preview__DatePicker` which does not flatpickr
      */
     enable?: DateLimit<DateOption>[];
     /**
      * The flatpickr `inline` option.
+     *
+     * @deprecated This prop will be removed in the next major release, please see `preview__DatePicker` which does not flatpickr
      */
     inline?: boolean;
     /**
@@ -91,6 +99,8 @@ export interface DatePickerProps {
     onOpen?: flatpickr.Options.Hook;
     /**
      * flatpickr prop passthrough. Controls how dates are parsed.
+     *
+     * @deprecated This prop will be removed in the next major release, please see `preview__DatePicker` which does not flatpickr
      */
     parseDate?: (date: string) => Date | false;
     /**

package/lib/components/DatePicker/DatePicker.js

@@ -25,11 +25,11 @@ classnames = require_runtime.__toESM(classnames);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
+let _carbon_utilities = require("@carbon/utilities");
 let flatpickr = require("flatpickr");
 flatpickr = require_runtime.__toESM(flatpickr);
 let flatpickr_dist_l10n_index = require("flatpickr/dist/l10n/index");
 flatpickr_dist_l10n_index = require_runtime.__toESM(flatpickr_dist_l10n_index);
-let _carbon_utilities = require("@carbon/utilities");
 //#region src/components/DatePicker/DatePicker.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -46,6 +46,7 @@ function initializeWeekdayShorthand() {
 }
 const forEach = Array.prototype.forEach;
 const defaultAriaDateFormat = "l, F j, Y";
+const flatpickrDeprecation = (prop) => `The \`${prop}\` prop is deprecated and will be removed in the next major release. Please use the new \`preview__DatePicker\` component which doesn't use it — if that blocks you, tell us why: https://github.com/carbon-design-system/carbon/issues.`;
 /**
 * @param {number} monthNumber The month number.
 * @param {boolean} shorthand `true` to use shorthand month.
@@ -461,7 +462,7 @@ DatePicker.propTypes = {
 	/**
 	* The DOM element the Flatpicker should be inserted into. `<body>` by default.
 	*/
-	appendTo: prop_types.default.object,
+	appendTo: require_deprecate.deprecate(prop_types.default.object, flatpickrDeprecation("appendTo")),
 	/**
 	* The child nodes.
 	*/
@@ -493,15 +494,15 @@ DatePicker.propTypes = {
 	/**
 	* The flatpickr `disable` option that allows a user to disable certain dates.
 	*/
-	disable: prop_types.default.array,
+	disable: require_deprecate.deprecate(prop_types.default.array, flatpickrDeprecation("disable")),
 	/**
 	* The flatpickr `enable` option that allows a user to enable certain dates.
 	*/
-	enable: prop_types.default.array,
+	enable: require_deprecate.deprecate(prop_types.default.array, flatpickrDeprecation("enable")),
 	/**
 	* The flatpickr `inline` option.
 	*/
-	inline: prop_types.default.bool,
+	inline: require_deprecate.deprecate(prop_types.default.bool, flatpickrDeprecation("inline")),
 	/**
 	* Specify whether or not the control is invalid (Fluid only)
 	*/
@@ -540,7 +541,7 @@ DatePicker.propTypes = {
 	/**
 	* flatpickr prop passthrough. Controls how dates are parsed.
 	*/
-	parseDate: prop_types.default.func,
+	parseDate: require_deprecate.deprecate(prop_types.default.func, flatpickrDeprecation("parseDate")),
 	/**
 	* whether the DatePicker is to be readOnly
 	* if boolean applies to all inputs

package/lib/components/DatePicker/next/components/Calendar.d.ts

@@ -0,0 +1,40 @@
+/**
+ * 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.
+ */
+import type { DatePickerContext } from '@carbon/utilities/date-picker';
+/**
+ * Calendar component props
+ */
+export interface CalendarProps {
+    /**
+     * State machine context
+     */
+    context: DatePickerContext;
+    /**
+     * Date selection handler
+     */
+    onDateSelect: (date: Temporal.PlainDate) => void;
+    /**
+     * Navigation handler
+     */
+    onNavigate: (eventType: string) => void;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * BCP 47 locale tag used to localize month and weekday labels
+     */
+    locale?: string;
+}
+/**
+ * Calendar component
+ * Renders a calendar grid for date selection
+ */
+export declare function Calendar({ context, onDateSelect, onNavigate, className, locale, }: CalendarProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace Calendar {
+    var displayName: string;
+}

package/lib/components/DatePicker/next/components/Calendar.js

@@ -0,0 +1,184 @@
+/**
+ * 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.
+ */
+
+const require_runtime = require("../../../../_virtual/_rolldown/runtime.js");
+const require_usePrefix = require("../../../../internal/usePrefix.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _carbon_utilities_date_picker = require("@carbon/utilities/date-picker");
+//#region src/components/DatePicker/next/components/Calendar.tsx
+/**
+* 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.
+*/
+/**
+* Calendar component
+* Renders a calendar grid for date selection
+*/
+function Calendar({ context, onDateSelect, onNavigate, className, locale = "en" }) {
+	const prefix = require_usePrefix.usePrefix();
+	const { viewDate, startDate, endDate, minDate, maxDate, focusedDate, mode } = context;
+	const [hoveredDate, setHoveredDate] = (0, react.useState)(null);
+	const calendarGrid = (0, react.useMemo)(() => {
+		if (!viewDate) return [];
+		return (0, _carbon_utilities_date_picker.generateCalendarGrid)(viewDate, minDate, maxDate);
+	}, [
+		viewDate,
+		minDate,
+		maxDate
+	]);
+	const handlePrevMonth = (0, react.useCallback)(() => {
+		onNavigate("PREV_MONTH");
+	}, [onNavigate]);
+	const handleNextMonth = (0, react.useCallback)(() => {
+		onNavigate("NEXT_MONTH");
+	}, [onNavigate]);
+	const handleDateClick = (0, react.useCallback)((date, isDisabled) => {
+		if (!isDisabled) onDateSelect(date);
+	}, [onDateSelect]);
+	const isDateSelected = (0, react.useCallback)((date) => {
+		if (!startDate) return false;
+		if (Temporal.PlainDate.compare(date, startDate) === 0) return true;
+		if (endDate && Temporal.PlainDate.compare(date, endDate) === 0) return true;
+		return false;
+	}, [startDate, endDate]);
+	const isDateInRange = (0, react.useCallback)((date) => {
+		if (mode !== "range" || !startDate) return false;
+		if (endDate) return Temporal.PlainDate.compare(date, startDate) > 0 && Temporal.PlainDate.compare(date, endDate) < 0;
+		const previewDate = hoveredDate || focusedDate;
+		if (previewDate) {
+			if (minDate && Temporal.PlainDate.compare(previewDate, minDate) < 0 || maxDate && Temporal.PlainDate.compare(previewDate, maxDate) > 0) return false;
+			const earlierDate = Temporal.PlainDate.compare(startDate, previewDate) < 0 ? startDate : previewDate;
+			const laterDate = Temporal.PlainDate.compare(startDate, previewDate) < 0 ? previewDate : startDate;
+			return Temporal.PlainDate.compare(date, earlierDate) > 0 && Temporal.PlainDate.compare(date, laterDate) < 0;
+		}
+		return false;
+	}, [
+		mode,
+		startDate,
+		endDate,
+		hoveredDate,
+		focusedDate,
+		minDate,
+		maxDate
+	]);
+	const isDateFocused = (0, react.useCallback)((date) => {
+		if (!focusedDate) return false;
+		return Temporal.PlainDate.compare(date, focusedDate) === 0;
+	}, [focusedDate]);
+	if (!viewDate) return null;
+	const calendarClasses = (0, classnames.default)(`${prefix}--date-picker__calendar`, className);
+	const monthYear = (0, _carbon_utilities_date_picker.getMonthYearLabel)(viewDate, locale);
+	const weekdayLabels = (0, _carbon_utilities_date_picker.getWeekdayLabels)(locale);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: calendarClasses,
+		role: "grid",
+		"aria-label": "Calendar",
+		tabIndex: 0,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `${prefix}--date-picker__month`,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: `${prefix}--date-picker__month-nav`,
+						onClick: handlePrevMonth,
+						"aria-label": "Previous month",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+							focusable: "false",
+							preserveAspectRatio: "xMidYMid meet",
+							xmlns: "http://www.w3.org/2000/svg",
+							fill: "currentColor",
+							width: "16",
+							height: "16",
+							viewBox: "0 0 16 16",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+								d: "M11 8l-5 5-.7-.7L9.6 8 5.3 3.7 6 3z",
+								transform: "rotate(180 8 8)"
+							})
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: `${prefix}--date-picker__current-month`,
+						children: monthYear
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: `${prefix}--date-picker__month-nav`,
+						onClick: handleNextMonth,
+						"aria-label": "Next month",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+							focusable: "false",
+							preserveAspectRatio: "xMidYMid meet",
+							xmlns: "http://www.w3.org/2000/svg",
+							fill: "currentColor",
+							width: "16",
+							height: "16",
+							viewBox: "0 0 16 16",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M11 8l-5 5-.7-.7L9.6 8 5.3 3.7 6 3z" })
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefix}--date-picker__weekdays`,
+				children: weekdayLabels.map((day, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: `${prefix}--date-picker__weekday`,
+					title: day,
+					children: day
+				}, index))
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefix}--date-picker__days`,
+				children: calendarGrid.flat().map((dayCell, index) => {
+					const { date, isCurrentMonth, isDisabled, isToday } = dayCell;
+					const selected = isDateSelected(date);
+					const inRange = isDateInRange(date);
+					const focused = isDateFocused(date);
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: (0, classnames.default)(`${prefix}--date-picker__day`, {
+							today: isToday,
+							selected,
+							inRange,
+							prevMonthDay: !isCurrentMonth && date.month < viewDate.month,
+							nextMonthDay: !isCurrentMonth && date.month > viewDate.month,
+							disabled: isDisabled,
+							focused
+						}),
+						onMouseDown: (event) => {
+							event.preventDefault();
+						},
+						onMouseEnter: () => {
+							if (mode === "range" && startDate && !endDate) setHoveredDate(date);
+						},
+						onMouseLeave: () => {
+							setHoveredDate(null);
+						},
+						onClick: () => handleDateClick(date, isDisabled),
+						disabled: isDisabled,
+						"aria-label": (0, _carbon_utilities_date_picker.getFullDateLabel)(date, locale),
+						"aria-pressed": selected || void 0,
+						"aria-current": isToday ? "date" : void 0,
+						tabIndex: focused ? 0 : -1,
+						children: date.day
+					}, index);
+				})
+			})
+		]
+	});
+}
+Calendar.displayName = "Calendar";
+//#endregion
+exports.Calendar = Calendar;

package/lib/components/DatePicker/next/components/DatePicker.d.ts

@@ -0,0 +1,86 @@
+/**
+ * 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.
+ */
+import React from 'react';
+/**
+ * DatePicker component props
+ * Maintains 100% backwards compatibility with Carbon React v11 API
+ */
+export interface DatePickerProps {
+    /**
+     * The type of date picker
+     */
+    datePickerType?: 'simple' | 'single' | 'range';
+    /**
+     * The date format string
+     */
+    dateFormat?: string;
+    /**
+     * Minimum selectable date (mm/dd/yyyy format)
+     */
+    minDate?: string;
+    /**
+     * Maximum selectable date (mm/dd/yyyy format)
+     */
+    maxDate?: string;
+    /**
+     * Locale for date formatting
+     */
+    locale?: string;
+    /**
+     * Whether the picker is read-only
+     */
+    readOnly?: boolean;
+    /**
+     * Whether to use the light variant
+     */
+    light?: boolean;
+    /**
+     * Whether to use the short variant
+     */
+    short?: boolean;
+    /**
+     * Whether to allow manual input
+     */
+    allowInput?: boolean;
+    /**
+     * Whether to close calendar on date selection
+     */
+    closeOnSelect?: boolean;
+    /**
+     * Change handler - receives array of Date objects
+     */
+    onChange?: (dates: Date[]) => void;
+    /**
+     * Close handler
+     */
+    onClose?: () => void;
+    /**
+     * Open handler
+     */
+    onOpen?: () => void;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Children (DatePickerInput components)
+     */
+    children?: React.ReactNode;
+    /**
+     * Initial value
+     */
+    value?: string;
+}
+/**
+ * DatePicker component
+ * Main wrapper component that orchestrates date picker functionality
+ * Maintains 100% backwards compatibility with Carbon React v11
+ */
+export declare function DatePicker({ datePickerType, dateFormat, minDate, maxDate, locale, readOnly, light, short, allowInput, closeOnSelect, onChange, onClose, onOpen, className, children, value, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DatePicker {
+    var displayName: string;
+}