@mui/x-date-pickers 9.0.0 → 9.0.3

package/internals/index.js

@@ -165,6 +165,12 @@ Object.defineProperty(exports, "executeInTheNextEventLoopTick", {
     return _utils.executeInTheNextEventLoopTick;
   }
 });
+Object.defineProperty(exports, "extractRootForwardedProps", {
+  enumerable: true,
+  get: function () {
+    return _utils.extractRootForwardedProps;
+  }
+});
 Object.defineProperty(exports, "formatMeridiem", {
   enumerable: true,
   get: function () {

package/internals/index.mjs

@@ -30,7 +30,7 @@ export { applyDefaultDate, replaceInvalidDateByNull, areDatesEqual, getTodayDate
 export { getDefaultReferenceDate } from "./utils/getDefaultReferenceDate.mjs";
 export { isTimeView, isInternalTimeView, resolveTimeFormat, getMeridiem, TIME_VIEWS } from "./utils/time-utils.mjs";
 export { resolveTimeViewsResponse, resolveDateTimeFormat } from "./utils/date-time-utils.mjs";
-export { executeInTheNextEventLoopTick, getActiveElement, onSpaceOrEnter, mergeSx, DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from "./utils/utils.mjs";
+export { executeInTheNextEventLoopTick, extractRootForwardedProps, getActiveElement, onSpaceOrEnter, mergeSx, DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from "./utils/utils.mjs";
 export { useReduceAnimations } from "./hooks/useReduceAnimations.mjs";
 export { applyDefaultViewProps } from "./utils/views.mjs";
 export { isElementInteractive } from "./utils/isElementInteractive.mjs";

package/internals/utils/utils.d.mts

@@ -19,4 +19,10 @@ export declare const getActiveElement: (node: Node | null | undefined) => Elemen
  */
 export declare const getFocusedListItemIndex: (listElement: HTMLUListElement) => number;
 export declare const DEFAULT_DESKTOP_MODE_MEDIA_QUERY = "@media (pointer: fine)";
+/**
+ * Picks any `data-*` and `aria-*` properties from `props` so they can be
+ * forwarded to the root DOM element rendered by the Picker. Other props stay
+ * owned by the Picker and are handled explicitly elsewhere.
+ */
+export declare function extractRootForwardedProps<T extends object>(props: T): Record<string, unknown>;
 export declare function mergeSx(...sxProps: (SxProps<Theme> | undefined)[]): ReadonlyArray<boolean | SystemStyleObject<Theme> | ((theme: Theme) => SystemStyleObject<Theme>)>;

package/internals/utils/utils.d.ts

@@ -19,4 +19,10 @@ export declare const getActiveElement: (node: Node | null | undefined) => Elemen
  */
 export declare const getFocusedListItemIndex: (listElement: HTMLUListElement) => number;
 export declare const DEFAULT_DESKTOP_MODE_MEDIA_QUERY = "@media (pointer: fine)";
+/**
+ * Picks any `data-*` and `aria-*` properties from `props` so they can be
+ * forwarded to the root DOM element rendered by the Picker. Other props stay
+ * owned by the Picker and are handled explicitly elsewhere.
+ */
+export declare function extractRootForwardedProps<T extends object>(props: T): Record<string, unknown>;
 export declare function mergeSx(...sxProps: (SxProps<Theme> | undefined)[]): ReadonlyArray<boolean | SystemStyleObject<Theme> | ((theme: Theme) => SystemStyleObject<Theme>)>;

package/internals/utils/utils.js

@@ -6,7 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DEFAULT_DESKTOP_MODE_MEDIA_QUERY = void 0;
 exports.arrayIncludes = arrayIncludes;
-exports.getFocusedListItemIndex = exports.getActiveElement = exports.executeInTheNextEventLoopTick = void 0;
+exports.executeInTheNextEventLoopTick = void 0;
+exports.extractRootForwardedProps = extractRootForwardedProps;
+exports.getFocusedListItemIndex = exports.getActiveElement = void 0;
 exports.mergeSx = mergeSx;
 exports.onSpaceOrEnter = void 0;
 var _ownerDocument = _interopRequireDefault(require("@mui/utils/ownerDocument"));
@@ -70,6 +72,21 @@ const getFocusedListItemIndex = listElement => {
 };
 exports.getFocusedListItemIndex = getFocusedListItemIndex;
 const DEFAULT_DESKTOP_MODE_MEDIA_QUERY = exports.DEFAULT_DESKTOP_MODE_MEDIA_QUERY = '@media (pointer: fine)';
+
+/**
+ * Picks any `data-*` and `aria-*` properties from `props` so they can be
+ * forwarded to the root DOM element rendered by the Picker. Other props stay
+ * owned by the Picker and are handled explicitly elsewhere.
+ */
+function extractRootForwardedProps(props) {
+  const forwardedProps = {};
+  for (const key of Object.keys(props)) {
+    if (key.startsWith('data-') || key.startsWith('aria-')) {
+      forwardedProps[key] = props[key];
+    }
+  }
+  return forwardedProps;
+}
 function mergeSx(...sxProps) {
   return sxProps.reduce((acc, sxProp) => {
     if (Array.isArray(sxProp)) {

package/internals/utils/utils.mjs

@@ -55,6 +55,21 @@ export const getFocusedListItemIndex = listElement => {
   return children.indexOf(getActiveElement(listElement));
 };
 export const DEFAULT_DESKTOP_MODE_MEDIA_QUERY = '@media (pointer: fine)';
+
+/**
+ * Picks any `data-*` and `aria-*` properties from `props` so they can be
+ * forwarded to the root DOM element rendered by the Picker. Other props stay
+ * owned by the Picker and are handled explicitly elsewhere.
+ */
+export function extractRootForwardedProps(props) {
+  const forwardedProps = {};
+  for (const key of Object.keys(props)) {
+    if (key.startsWith('data-') || key.startsWith('aria-')) {
+      forwardedProps[key] = props[key];
+    }
+  }
+  return forwardedProps;
+}
 export function mergeSx(...sxProps) {
   return sxProps.reduce((acc, sxProp) => {
     if (Array.isArray(sxProp)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "9.0.0",
+  "version": "9.0.3",
   "author": "MUI Team",
   "description": "The community edition of the MUI X Date and Time Picker components.",
   "license": "MIT",
@@ -33,7 +33,7 @@
     "directory": "packages/x-date-pickers"
   },
   "dependencies": {
-    "@babel/runtime": "^7.28.6",
+    "@babel/runtime": "^7.29.2",
     "@mui/utils": "9.0.0",
     "@types/react-transition-group": "^4.4.12",
     "clsx": "^2.1.1",