@mui/x-date-pickers 7.14.0 → 7.15.0

package/CHANGELOG.md

@@ -3,6 +3,75 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.15.0
+
+_Aug 29, 2024_
+
+We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
+
+- 💫 Support Material UI v6 (`@mui/material@6`) peer dependency (#14142) @cherniavskii
+
+You can now use MUI X components with either v5 or v6 of `@mui/material` package 🎉
+
+- 🐞 Bugfixes
+
+### Data Grid
+
+#### `@mui/x-data-grid-pro@7.15.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+- [DataGridPro] Export `GridRowReorderCell` component (#14079) @genepaul
+
+#### `@mui/x-data-grid-premium@7.15.0` [![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@7.15.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.15.0`
+
+- [pickers] Add `onTouchStart` handler for `TimeClock` (#14305) @arthurbalduini
+
+#### `@mui/x-date-pickers-pro@7.15.0` [![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@7.15.0`, plus:
+
+- [DateTimeRangePicker] Fix date format resolving from views on 24hr locales (#14341) @arthurbalduini
+
+### Charts
+
+#### `@mui/x-charts@7.15.0`
+
+- [charts] Add missing `themeAugmentation` in pro plan (#14313) @lhilgert9
+- [charts] Fix `LineChart` transition stopping before completion (#14366) @JCQuintas
+- [charts] Fix tooltip with horizontal layout (#14337) @alexfauquette
+- [charts] Keep axis root classe usage explicit (#14378) @alexfauquette
+
+#### `@mui/x-charts-pro@7.0.0-alpha.3` [![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@7.15.0`, plus:
+
+- [charts pro] Avoid relative reference to `@mui/x-charts` package (#14335) @LukasTy
+
+### Docs
+
+- [docs] Fix sentence case `h2` @oliviertassinari
+- [docs] Clarify contribution guide references @oliviertassinari
+- [docs] Fix Stack Overflow issue canned response @oliviertassinari
+- [docs] Fix outdated link to support page @oliviertassinari
+- [docs] Fix use of Material UI @oliviertassinari
+- [docs] Update deprecated props in docs (#14295) @JCQuintas
+
+### Core
+
+- [core] Allow only v5.x for `MUI Core` renovate group (#14382) @LukasTy
+- [core] Avoid visual regression when using `@mui/material@6` (#14357) @cherniavskii
+- [core] Remove renovate rule targeting only `next` releases of `@mui/docs` (#14364) @LukasTy
+- [core] Support `@mui/material@6` peer dependency (#14142) @cherniavskii
+- [core] Use `useRtl` instead of `useTheme` to access direction (#14359) @LukasTy
+- [code-infra] Typecheck nested folders in playground (#14352) @JCQuintas
+- [infra] Fix Issue cleanup action @oliviertassinari
+- [license] Prepare renaming of argument names @oliviertassinari
+
 ## 7.14.0
 
 _Aug 23, 2024_

package/TimeClock/Clock.js

@@ -213,7 +213,7 @@ export function Clock(inProps) {
     const newSelectedValue = type === 'seconds' || type === 'minutes' ? getMinutes(offsetX, offsetY, minutesStep) : getHours(offsetX, offsetY, Boolean(ampm));
     handleValueChange(newSelectedValue, isFinish);
   };
-  const handleTouchMove = event => {
+  const handleTouchSelection = event => {
     isMoving.current = true;
     setTime(event, 'shallow');
   };
@@ -288,7 +288,8 @@ export function Clock(inProps) {
     children: [/*#__PURE__*/_jsxs(ClockClock, {
       className: classes.clock,
       children: [/*#__PURE__*/_jsx(ClockSquareMask, {
-        onTouchMove: handleTouchMove,
+        onTouchMove: handleTouchSelection,
+        onTouchStart: handleTouchSelection,
         onTouchEnd: handleTouchEnd,
         onMouseUp: handleMouseUp,
         onMouseMove: handleMouseMove,

package/index.js

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

package/internals/utils/date-time-utils.d.ts

@@ -6,7 +6,7 @@ export declare const resolveDateTimeFormat: <TDate extends PickerValidDate>(util
     format?: string;
     views: readonly DateOrTimeViewWithMeridiem[];
     ampm: boolean;
-}) => string;
+}, ignoreDateResolving?: boolean) => string;
 interface DefaultizedTimeViewsProps<TDate extends PickerValidDate, TView = DateOrTimeView> extends DefaultizedProps<DesktopOnlyTimePickerProps<TDate>, 'ampm'> {
     views: readonly TView[];
 }

package/internals/utils/date-time-utils.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["views", "format"];
 import { resolveTimeFormat, isTimeView, isInternalTimeView } from './time-utils';
-import { resolveDateFormat } from './date-utils';
-export const resolveDateTimeFormat = (utils, _ref) => {
+import { isDatePickerView, resolveDateFormat } from './date-utils';
+export const resolveDateTimeFormat = (utils, _ref, ignoreDateResolving) => {
   let {
       views,
       format
@@ -17,7 +17,7 @@ export const resolveDateTimeFormat = (utils, _ref) => {
   views.forEach(view => {
     if (isTimeView(view)) {
       timeViews.push(view);
-    } else {
+    } else if (isDatePickerView(view)) {
       dateViews.push(view);
     }
   });
@@ -34,7 +34,7 @@ export const resolveDateTimeFormat = (utils, _ref) => {
   const timeFormat = resolveTimeFormat(utils, _extends({
     views: timeViews
   }, other));
-  const dateFormat = resolveDateFormat(utils, _extends({
+  const dateFormat = ignoreDateResolving ? utils.formats.keyboardDate : resolveDateFormat(utils, _extends({
     views: dateViews
   }, other), false);
   return `${dateFormat} ${timeFormat}`;

package/modern/TimeClock/Clock.js

@@ -213,7 +213,7 @@ export function Clock(inProps) {
     const newSelectedValue = type === 'seconds' || type === 'minutes' ? getMinutes(offsetX, offsetY, minutesStep) : getHours(offsetX, offsetY, Boolean(ampm));
     handleValueChange(newSelectedValue, isFinish);
   };
-  const handleTouchMove = event => {
+  const handleTouchSelection = event => {
     isMoving.current = true;
     setTime(event, 'shallow');
   };
@@ -288,7 +288,8 @@ export function Clock(inProps) {
     children: [/*#__PURE__*/_jsxs(ClockClock, {
       className: classes.clock,
       children: [/*#__PURE__*/_jsx(ClockSquareMask, {
-        onTouchMove: handleTouchMove,
+        onTouchMove: handleTouchSelection,
+        onTouchStart: handleTouchSelection,
         onTouchEnd: handleTouchEnd,
         onMouseUp: handleMouseUp,
         onMouseMove: handleMouseMove,

package/modern/index.js

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

package/modern/internals/utils/date-time-utils.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["views", "format"];
 import { resolveTimeFormat, isTimeView, isInternalTimeView } from './time-utils';
-import { resolveDateFormat } from './date-utils';
-export const resolveDateTimeFormat = (utils, _ref) => {
+import { isDatePickerView, resolveDateFormat } from './date-utils';
+export const resolveDateTimeFormat = (utils, _ref, ignoreDateResolving) => {
   let {
       views,
       format
@@ -17,7 +17,7 @@ export const resolveDateTimeFormat = (utils, _ref) => {
   views.forEach(view => {
     if (isTimeView(view)) {
       timeViews.push(view);
-    } else {
+    } else if (isDatePickerView(view)) {
       dateViews.push(view);
     }
   });
@@ -34,7 +34,7 @@ export const resolveDateTimeFormat = (utils, _ref) => {
   const timeFormat = resolveTimeFormat(utils, _extends({
     views: timeViews
   }, other));
-  const dateFormat = resolveDateFormat(utils, _extends({
+  const dateFormat = ignoreDateResolving ? utils.formats.keyboardDate : resolveDateFormat(utils, _extends({
     views: dateViews
   }, other), false);
   return `${dateFormat} ${timeFormat}`;

package/node/TimeClock/Clock.js

@@ -222,7 +222,7 @@ function Clock(inProps) {
     const newSelectedValue = type === 'seconds' || type === 'minutes' ? (0, _shared.getMinutes)(offsetX, offsetY, minutesStep) : (0, _shared.getHours)(offsetX, offsetY, Boolean(ampm));
     handleValueChange(newSelectedValue, isFinish);
   };
-  const handleTouchMove = event => {
+  const handleTouchSelection = event => {
     isMoving.current = true;
     setTime(event, 'shallow');
   };
@@ -297,7 +297,8 @@ function Clock(inProps) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(ClockClock, {
       className: classes.clock,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ClockSquareMask, {
-        onTouchMove: handleTouchMove,
+        onTouchMove: handleTouchSelection,
+        onTouchStart: handleTouchSelection,
         onTouchEnd: handleTouchEnd,
         onMouseUp: handleMouseUp,
         onMouseMove: handleMouseMove,

package/node/index.js

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

package/node/internals/utils/date-time-utils.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _timeUtils = require("./time-utils");
 var _dateUtils = require("./date-utils");
 const _excluded = ["views", "format"];
-const resolveDateTimeFormat = (utils, _ref) => {
+const resolveDateTimeFormat = (utils, _ref, ignoreDateResolving) => {
   let {
       views,
       format
@@ -25,7 +25,7 @@ const resolveDateTimeFormat = (utils, _ref) => {
   views.forEach(view => {
     if ((0, _timeUtils.isTimeView)(view)) {
       timeViews.push(view);
-    } else {
+    } else if ((0, _dateUtils.isDatePickerView)(view)) {
       dateViews.push(view);
     }
   });
@@ -42,7 +42,7 @@ const resolveDateTimeFormat = (utils, _ref) => {
   const timeFormat = (0, _timeUtils.resolveTimeFormat)(utils, (0, _extends2.default)({
     views: timeViews
   }, other));
-  const dateFormat = (0, _dateUtils.resolveDateFormat)(utils, (0, _extends2.default)({
+  const dateFormat = ignoreDateResolving ? utils.formats.keyboardDate : (0, _dateUtils.resolveDateFormat)(utils, (0, _extends2.default)({
     views: dateViews
   }, other), false);
   return `${dateFormat} ${timeFormat}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "7.14.0",
+  "version": "7.15.0",
   "description": "The community edition of the Date and Time Picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -35,8 +35,7 @@
     "directory": "packages/x-date-pickers"
   },
   "dependencies": {
-    "@babel/runtime": "^7.25.0",
-    "@mui/system": "^5.16.7",
+    "@babel/runtime": "^7.25.4",
     "@mui/utils": "^5.16.6",
     "@types/react-transition-group": "^4.4.11",
     "clsx": "^2.1.1",
@@ -46,7 +45,8 @@
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.15.14",
+    "@mui/material": "^5.15.14 || ^6.0.0",
+    "@mui/system": "^5.15.14 || ^6.0.0",
     "date-fns": "^2.25.0 || ^3.2.0",
     "date-fns-jalali": "^2.13.0-0 || ^3.2.0-0",
     "dayjs": "^1.10.7",