@mui/x-date-pickers 9.10.0 → 9.10.1

package/CHANGELOG.md

@@ -1,5 +1,111 @@
 # Changelog
 
+## 9.10.1
+
+_Jul 23, 2026_
+
+We'd like to extend a big thank you to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🦮 Improve accessibility of the Charts and Pickers components.
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@kevincorizi-sbt, @mustafajw07, @SamanPandey-in
+
+The following team members contributed to this release:
+@brijeshb42, @hasdfa, @JCQuintas, @LukasTy, @michelengelen, @noraleonte, @rita-codes, @silviuaavram
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.10.1`
+
+- [data grid] Fix `getColumn` return type not reflecting that it can return undefined (#23165) @JCQuintas
+
+#### `@mui/x-data-grid-pro@9.10.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@9.10.1`.
+
+#### `@mui/x-data-grid-premium@9.10.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@9.10.1`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.10.1`
+
+- [pickers] Fix format placeholder brightness with a start adornment (#23189) @LukasTy
+
+#### `@mui/x-date-pickers-pro@9.10.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@9.10.1`, plus:
+
+- [DateRangePicker] Fix broken active range position underline in single input range fields (#23166) @LukasTy
+
+### Charts
+
+#### `@mui/x-charts@9.10.1`
+
+- [charts] Fix pie chart disappearing when an arc spans almost the full circle (#23145) @JCQuintas
+- [charts] Set `aria-hidden` on accessibility proxy divs at initialization (#23186) @kevincorizi-sbt
+- [charts] Fix keyboard navigation on series with different lengths (#23182) @JCQuintas
+- [charts] Fix out of bounds keyboard navigation (#23180) @silviuaavram
+
+#### `@mui/x-charts-pro@9.10.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@9.10.1`, plus:
+
+- [charts-pro] Fix highlight shifting on sampled bar charts (#23190) @noraleonte
+- [charts-pro] Sampled band highlight falls back to single-band width for Date/object values (#23024) @SamanPandey-in
+
+#### `@mui/x-charts-premium@9.10.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@9.10.1`.
+
+### Tree View
+
+#### `@mui/x-tree-view@9.10.1`
+
+- [TreeView] Fix selection propagation to exclude disabled items (#23012) @michelengelen
+
+#### `@mui/x-tree-view-pro@9.10.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@9.10.1`.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.7`
+
+- [scheduler] Polish `EventCalendar` rendering for multi-resource events (#23161) @mustafajw07
+- [scheduler] Responsive header (#22954) @noraleonte
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.7` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-scheduler@9.0.0-beta.7`, plus:
+
+- [scheduler-premium] Add the dependencies data model (#23117) @rita-codes
+- [scheduler-premium] Dependencies - Render the FS arrow (#23162) @rita-codes
+
+### Codemod
+
+#### `@mui/x-codemod@9.10.1`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix clearing, layout shift, and prop leak in Pickers demos (#23191) @LukasTy
+
+### Core
+
+- [code-infra] Validate working of specific code-infra canary (#23207) @brijeshb42
+
+### Miscellaneous
+
+- [chat] Normalize message part link URLs (#23187) @hasdfa
+- [x-chat] Fix object URL leaks for submitted attachments (#23198) @hasdfa
+- [internals] Make disposable types self-contained without `esnext.disposable` lib (#23164) @JCQuintas
+
 ## 9.10.0
 
 _Jul 17, 2026_

package/PickersTextField/PickersInputBase/PickersInputBase.js

@@ -100,39 +100,28 @@ const PickersInputBaseSectionsContainer = exports.PickersInputBaseSectionsContai
       paddingTop: 1
     }
   }, {
+    // While the field is empty and blurred, the format is shown as a placeholder.
     props: {
-      hasStartAdornment: false,
       isFieldFocused: false,
       isFieldValueEmpty: true
     },
-    style: {
-      color: 'currentColor',
-      opacity: 0
-    }
-  }, {
-    props: {
-      hasStartAdornment: false,
-      isFieldFocused: false,
-      isFieldValueEmpty: true,
-      inputHasLabel: false
-    },
     style: theme.vars ? {
       opacity: theme.vars.opacity.inputPlaceholder
     } : {
       opacity: theme.palette.mode === 'light' ? 0.42 : 0.5
     }
   }, {
+    // ...except when a non-shrunk label sits in the notch, where the format would overlap it.
+    // A start adornment always shrinks the label, so it never triggers this case.
     props: {
-      hasStartAdornment: false,
       isFieldFocused: false,
       isFieldValueEmpty: true,
+      hasStartAdornment: false,
       inputHasLabel: true,
-      isLabelShrunk: true
+      isLabelShrunk: false
     },
-    style: theme.vars ? {
-      opacity: theme.vars.opacity.inputPlaceholder
-    } : {
-      opacity: theme.palette.mode === 'light' ? 0.42 : 0.5
+    style: {
+      opacity: 0
     }
   }]
 }));
@@ -242,7 +231,8 @@ const useUtilityClasses = (classes, ownerState) => {
   return (0, _composeClasses.default)(slots, _pickersInputBaseClasses.getPickersInputBaseUtilityClass, classes);
 };
 function resolveSectionElementWidth(sectionElement, rootRef, index, dateRangePosition) {
-  if (sectionElement.content.id) {
+  // Only measure sections that belong to a range date.
+  if (sectionElement.content['data-range-position'] !== undefined) {
     const activeSectionElements = rootRef.current?.querySelectorAll(`[data-sectionindex="${index}"] [data-range-position="${dateRangePosition}"]`);
     if (activeSectionElements) {
       return Array.from(activeSectionElements).reduce((currentActiveBarWidth, element) => {

package/PickersTextField/PickersInputBase/PickersInputBase.mjs

@@ -93,39 +93,28 @@ export const PickersInputBaseSectionsContainer = styled(PickersSectionListRoot,
       paddingTop: 1
     }
   }, {
+    // While the field is empty and blurred, the format is shown as a placeholder.
     props: {
-      hasStartAdornment: false,
       isFieldFocused: false,
       isFieldValueEmpty: true
     },
-    style: {
-      color: 'currentColor',
-      opacity: 0
-    }
-  }, {
-    props: {
-      hasStartAdornment: false,
-      isFieldFocused: false,
-      isFieldValueEmpty: true,
-      inputHasLabel: false
-    },
     style: theme.vars ? {
       opacity: theme.vars.opacity.inputPlaceholder
     } : {
       opacity: theme.palette.mode === 'light' ? 0.42 : 0.5
     }
   }, {
+    // ...except when a non-shrunk label sits in the notch, where the format would overlap it.
+    // A start adornment always shrinks the label, so it never triggers this case.
     props: {
-      hasStartAdornment: false,
       isFieldFocused: false,
       isFieldValueEmpty: true,
+      hasStartAdornment: false,
       inputHasLabel: true,
-      isLabelShrunk: true
+      isLabelShrunk: false
     },
-    style: theme.vars ? {
-      opacity: theme.vars.opacity.inputPlaceholder
-    } : {
-      opacity: theme.palette.mode === 'light' ? 0.42 : 0.5
+    style: {
+      opacity: 0
     }
   }]
 }));
@@ -235,7 +224,8 @@ const useUtilityClasses = (classes, ownerState) => {
   return composeClasses(slots, getPickersInputBaseUtilityClass, classes);
 };
 function resolveSectionElementWidth(sectionElement, rootRef, index, dateRangePosition) {
-  if (sectionElement.content.id) {
+  // Only measure sections that belong to a range date.
+  if (sectionElement.content['data-range-position'] !== undefined) {
     const activeSectionElements = rootRef.current?.querySelectorAll(`[data-sectionindex="${index}"] [data-range-position="${dateRangePosition}"]`);
     if (activeSectionElements) {
       return Array.from(activeSectionElements).reduce((currentActiveBarWidth, element) => {

package/PickersTextField/PickersInputBase/pickersInputBaseClasses.js

@@ -11,4 +11,4 @@ var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generat
 function getPickersInputBaseUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiPickersInputBase', slot);
 }
-const pickersInputBaseClasses = exports.pickersInputBaseClasses = (0, _generateUtilityClasses.default)('MuiPickersInputBase', ['root', 'focused', 'disabled', 'error', 'notchedOutline', 'sectionContent', 'sectionBefore', 'sectionAfter', 'adornedStart', 'adornedEnd', 'input', 'inputSizeSmall', 'activeBar']);
+const pickersInputBaseClasses = exports.pickersInputBaseClasses = (0, _generateUtilityClasses.default)('MuiPickersInputBase', ['root', 'focused', 'disabled', 'readOnly', 'error', 'notchedOutline', 'sectionsContainer', 'sectionContent', 'sectionBefore', 'sectionAfter', 'adornedStart', 'adornedEnd', 'input', 'inputSizeSmall', 'activeBar']);

package/PickersTextField/PickersInputBase/pickersInputBaseClasses.mjs

@@ -3,4 +3,4 @@ import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getPickersInputBaseUtilityClass(slot) {
   return generateUtilityClass('MuiPickersInputBase', slot);
 }
-export const pickersInputBaseClasses = generateUtilityClasses('MuiPickersInputBase', ['root', 'focused', 'disabled', 'error', 'notchedOutline', 'sectionContent', 'sectionBefore', 'sectionAfter', 'adornedStart', 'adornedEnd', 'input', 'inputSizeSmall', 'activeBar']);
+export const pickersInputBaseClasses = generateUtilityClasses('MuiPickersInputBase', ['root', 'focused', 'disabled', 'readOnly', 'error', 'notchedOutline', 'sectionsContainer', 'sectionContent', 'sectionBefore', 'sectionAfter', 'adornedStart', 'adornedEnd', 'input', 'inputSizeSmall', 'activeBar']);

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v9.10.0
+ * @mui/x-date-pickers v9.10.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v9.10.0
+ * @mui/x-date-pickers v9.10.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "9.10.0",
+  "version": "9.10.1",
   "author": "MUI Team",
   "description": "The community edition of the MUI X Date and Time Picker components.",
   "license": "MIT",
@@ -39,7 +39,7 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "^9.10.0"
+    "@mui/x-internals": "^9.10.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",