@mui/x-date-pickers 8.28.3 → 8.28.4

package/AdapterDayjs/AdapterDayjs.js

@@ -213,19 +213,7 @@ class AdapterDayjs {
     }
   };
   createSystemDate = value => {
-    let date;
-    if (this.hasUTCPlugin() && this.hasTimezonePlugin()) {
-      const timezone = _dayjs.default.tz.guess();
-      if (timezone === 'UTC') {
-        date = (0, _dayjs.default)(value);
-      } /* v8 ignore next 3 */else {
-        // We can't change the system timezone in the tests
-        date = _dayjs.default.tz(value, timezone);
-      }
-    } else {
-      date = (0, _dayjs.default)(value);
-    }
-    return this.setLocaleToValue(date);
+    return this.setLocaleToValue((0, _dayjs.default)(value));
   };
   createUTCDate = value => {
     /* v8 ignore next 3 */

package/CHANGELOG.md

@@ -5,6 +5,37 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.28.4
+
+_Apr 27, 2026_
+
+We'd like to extend a big thank you to the 3 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+
+Special thanks go out to these community members for their valuable contributions:
+@supunsathsara
+
+The following team members contributed to this release:
+@LukasTy, @michelengelen
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.28.4`
+
+- [pickers] Fix `DateRangeCalendar` drag with `AdapterDayjs` plain-constructor values (#22170) @LukasTy
+- [pickers] Fix disabled state not overriding error border color (#22186) @supunsathsara
+- [pickers] Use `convertToMeridiem` utility in `transferDateSectionValue` (#22132) @michelengelen
+
+#### `@mui/x-date-pickers-pro@8.28.4` [![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@8.28.4`.
+
+### Docs
+
+- [docs] Remove obsolete v7 deprecation warning for `dayOfWeekFormatter` (#22120) @LukasTy
+- [docs] Use mui.com for broken links checker known targets (#22171) @LukasTy
+
 ## 8.28.3
 
 _Apr 15, 2026_

package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js

@@ -44,6 +44,9 @@ const PickersOutlinedInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersI
       borderStyle: 'solid',
       borderWidth: 2
     },
+    [`&.${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.error} .${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
+      borderColor: (theme.vars || theme).palette.error.main
+    },
     [`&.${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.disabled}`]: {
       [`& .${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
         borderColor: (theme.vars || theme).palette.action.disabled
@@ -52,9 +55,6 @@ const PickersOutlinedInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersI
         color: (theme.vars || theme).palette.action.disabled
       }
     },
-    [`&.${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.error} .${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
-      borderColor: (theme.vars || theme).palette.error.main
-    },
     variants: Object.keys((theme.vars ?? theme).palette)
     // @ts-ignore
     .filter(key => (theme.vars ?? theme).palette[key]?.main ?? false).map(color => ({

package/esm/AdapterDayjs/AdapterDayjs.js

@@ -203,19 +203,7 @@ export class AdapterDayjs {
     }
   };
   createSystemDate = value => {
-    let date;
-    if (this.hasUTCPlugin() && this.hasTimezonePlugin()) {
-      const timezone = dayjs.tz.guess();
-      if (timezone === 'UTC') {
-        date = dayjs(value);
-      } /* v8 ignore next 3 */else {
-        // We can't change the system timezone in the tests
-        date = dayjs.tz(value, timezone);
-      }
-    } else {
-      date = dayjs(value);
-    }
-    return this.setLocaleToValue(date);
+    return this.setLocaleToValue(dayjs(value));
   };
   createUTCDate = value => {
     /* v8 ignore next 3 */

package/esm/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js

@@ -37,6 +37,9 @@ const PickersOutlinedInputRoot = styled(PickersInputBaseRoot, {
       borderStyle: 'solid',
       borderWidth: 2
     },
+    [`&.${pickersOutlinedInputClasses.error} .${pickersOutlinedInputClasses.notchedOutline}`]: {
+      borderColor: (theme.vars || theme).palette.error.main
+    },
     [`&.${pickersOutlinedInputClasses.disabled}`]: {
       [`& .${pickersOutlinedInputClasses.notchedOutline}`]: {
         borderColor: (theme.vars || theme).palette.action.disabled
@@ -45,9 +48,6 @@ const PickersOutlinedInputRoot = styled(PickersInputBaseRoot, {
         color: (theme.vars || theme).palette.action.disabled
       }
     },
-    [`&.${pickersOutlinedInputClasses.error} .${pickersOutlinedInputClasses.notchedOutline}`]: {
-      borderColor: (theme.vars || theme).palette.error.main
-    },
     variants: Object.keys((theme.vars ?? theme).palette)
     // @ts-ignore
     .filter(key => (theme.vars ?? theme).palette[key]?.main ?? false).map(color => ({

package/esm/index.js

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

package/esm/internals/hooks/useField/useField.utils.js

@@ -1,4 +1,5 @@
 import { getMonthsInYear } from "../../utils/date-utils.js";
+import { convertToMeridiem } from "../../utils/time-utils.js";
 export const getDateSectionConfigFromFormatToken = (adapter, formatToken) => {
   const config = adapter.formatTokenMap[formatToken];
   if (config == null) {
@@ -378,15 +379,8 @@ const transferDateSectionValue = (adapter, section, dateToTransferFrom, dateToTr
       }
     case 'meridiem':
       {
-        const isAM = adapter.getHours(dateToTransferFrom) < 12;
-        const mergedDateHours = adapter.getHours(dateToTransferTo);
-        if (isAM && mergedDateHours >= 12) {
-          return adapter.addHours(dateToTransferTo, -12);
-        }
-        if (!isAM && mergedDateHours < 12) {
-          return adapter.addHours(dateToTransferTo, 12);
-        }
-        return dateToTransferTo;
+        const meridiem = adapter.getHours(dateToTransferFrom) < 12 ? 'am' : 'pm';
+        return convertToMeridiem(dateToTransferTo, meridiem, true, adapter);
       }
     case 'hours':
       {

package/index.js

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

package/internals/hooks/useField/useField.utils.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.validateSections = exports.removeLocalizedDigits = exports.parseSelectedSections = exports.mergeDateIntoReferenceDate = exports.isStringNumber = exports.isAndroid = exports.getSectionsBoundaries = exports.getSectionVisibleValue = exports.getSectionOrder = exports.getLocalizedDigits = exports.getLetterEditingOptions = exports.getDaysInWeekStr = exports.getDateSectionConfigFromFormatToken = exports.getDateFromDateSections = exports.doesSectionFormatHaveLeadingZeros = exports.createDateStrForV7HiddenInputFromSections = exports.createDateStrForV6InputFromSections = exports.cleanLeadingZeros = exports.cleanDigitSectionValue = exports.changeSectionValueFormat = exports.applyLocalizedDigits = exports.FORMAT_SECONDS_NO_LEADING_ZEROS = void 0;
 var _dateUtils = require("../../utils/date-utils");
+var _timeUtils = require("../../utils/time-utils");
 const getDateSectionConfigFromFormatToken = (adapter, formatToken) => {
   const config = adapter.formatTokenMap[formatToken];
   if (config == null) {
@@ -401,15 +402,8 @@ const transferDateSectionValue = (adapter, section, dateToTransferFrom, dateToTr
       }
     case 'meridiem':
       {
-        const isAM = adapter.getHours(dateToTransferFrom) < 12;
-        const mergedDateHours = adapter.getHours(dateToTransferTo);
-        if (isAM && mergedDateHours >= 12) {
-          return adapter.addHours(dateToTransferTo, -12);
-        }
-        if (!isAM && mergedDateHours < 12) {
-          return adapter.addHours(dateToTransferTo, 12);
-        }
-        return dateToTransferTo;
+        const meridiem = adapter.getHours(dateToTransferFrom) < 12 ? 'am' : 'pm';
+        return (0, _timeUtils.convertToMeridiem)(dateToTransferTo, meridiem, true, adapter);
       }
     case 'hours':
       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "8.28.3",
+  "version": "8.28.4",
   "author": "MUI Team",
   "description": "The community edition of the MUI X Date and Time Picker components.",
   "license": "MIT",