@mui/x-date-pickers-pro 6.0.0-alpha.12 → 6.0.0-alpha.13

package/node/internal/hooks/useRangePickerInputProps.js

@@ -59,6 +59,7 @@ const useRangePickerInputProps = ({
       onRangePositionChange('end');
     }
   };
+  const readOnlyInput = readOnly ?? wrapperVariant === 'mobile';
   const startInputProps = (0, _extends2.default)({
     inputRef: startRef,
     label: inLocaleText?.start ?? localeText.start,
@@ -68,9 +69,8 @@ const useRangePickerInputProps = ({
   }, !readOnly && !disabled && {
     onClick: openRangeStartSelection
   }, {
-    inputProps: {
-      readOnly: wrapperVariant === 'mobile'
-    }
+    readOnly: readOnlyInput,
+    disabled
   });
   const endInputProps = (0, _extends2.default)({
     inputRef: endRef,
@@ -81,9 +81,8 @@ const useRangePickerInputProps = ({
   }, !readOnly && !disabled && {
     onClick: openRangeEndSelection
   }, {
-    inputProps: {
-      readOnly: wrapperVariant === 'mobile'
-    }
+    readOnly: readOnlyInput,
+    disabled
   });
   const rootProps = {
     onBlur

package/node/internal/hooks/useStaticRangePicker/useStaticRangePicker.js

@@ -28,7 +28,6 @@ const PickerStaticViewLayout = (0, _styles.styled)(_internals.PickersViewLayout)
 const useStaticRangePicker = ({
   props,
   valueManager,
-  viewLookup,
   validator,
   ref
 }) => {
@@ -45,7 +44,6 @@ const useStaticRangePicker = ({
     renderCurrentView
   } = (0, _internals.usePicker)({
     props,
-    viewLookup,
     valueManager,
     validator,
     autoFocusView: autoFocus ?? false,

package/node/internal/utils/releaseInfo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 const getReleaseInfo = () => {
-  const releaseInfo = "MTY3MTE0NTIwMDAwMA==";
+  const releaseInfo = "MTY3MTgzMjgwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/node/internal/utils/valueManagers.js

@@ -37,35 +37,29 @@ const rangeFieldValueManager = {
       startDate: null,
       endDate: null
     } : (0, _dateFieldsUtils.splitDateRangeSections)(prevSections);
-    const getSections = (newDate, prevDateSections) => {
+    const getSections = (newDate, prevDateSections, position) => {
       const shouldReUsePrevDateSections = !utils.isValid(newDate) && !!prevDateSections;
       if (shouldReUsePrevDateSections) {
         return prevDateSections;
       }
-      return (0, _internals.splitFormatIntoSections)(utils, localeText, format, newDate);
-    };
-    const rawSectionsOfStartDate = getSections(start, prevDateRangeSections.startDate);
-    const rawSectionsOfEndDate = getSections(end, prevDateRangeSections.endDate);
-    const sectionsOfStartDate = rawSectionsOfStartDate.map((section, sectionIndex) => {
-      if (sectionIndex === rawSectionsOfStartDate.length - 1) {
+      const sections = (0, _internals.splitFormatIntoSections)(utils, localeText, format, newDate);
+      return sections.map((section, sectionIndex) => {
+        if (sectionIndex === sections.length - 1 && position === 'start') {
+          return (0, _extends2.default)({}, section, {
+            dateName: position,
+            endSeparator: `${section.endSeparator}\u2069 – \u2066`
+          });
+        }
         return (0, _extends2.default)({}, section, {
-          dateName: 'start',
-          separator: `\u2069 – \u2066`,
-          parsingSeparator: ' – '
+          dateName: position
         });
-      }
-      return (0, _extends2.default)({}, section, {
-        dateName: 'start'
       });
-    });
-    const sectionsOfEndDate = rawSectionsOfEndDate.map(section => (0, _extends2.default)({}, section, {
-      dateName: 'end'
-    }));
-    return (0, _internals.addPositionPropertiesToSections)([...sectionsOfStartDate, ...sectionsOfEndDate]);
+    };
+    return (0, _internals.addPositionPropertiesToSections)([...getSections(start, prevDateRangeSections.startDate, 'start'), ...getSections(end, prevDateRangeSections.endDate, 'end')]);
   },
   getValueStrFromSections: sections => {
     const dateRangeSections = (0, _dateFieldsUtils.splitDateRangeSections)(sections);
-    return (0, _internals.createDateStrFromSections)([...dateRangeSections.startDate, ...dateRangeSections.endDate], true);
+    return (0, _internals.createDateStrForInputFromSections)([...dateRangeSections.startDate, ...dateRangeSections.endDate]);
   },
   getActiveDateSections: (sections, activeSection) => {
     const index = activeSection.dateName === 'start' ? 0 : 1;
@@ -98,7 +92,7 @@ const rangeFieldValueManager = {
   getSectionOrder: (utils, localeText, format, isRTL) => {
     const splitedFormat = (0, _internals.splitFormatIntoSections)(utils, localeText, format, null);
     return (0, _internals.getSectionOrder)([...splitedFormat.slice(0, splitedFormat.length - 1), (0, _extends2.default)({}, splitedFormat[splitedFormat.length - 1], {
-      separator: ' – '
+      endSeparator: ' – '
     }), ...splitedFormat], isRTL);
   }
 };

package/node/tests/describeRangeValidation/testTextFieldRangeValidation.js

@@ -34,7 +34,7 @@ const testTextFieldRangeValidation = (ElementToTest, getOptions) => {
     withDate,
     withTime
   } = getOptions();
-  if (!['legacy-picker', 'picker'].includes(componentFamily)) {
+  if (!['legacy-picker', 'new-picker'].includes(componentFamily)) {
     return;
   }
   describe('text field:', () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "6.0.0-alpha.12",
+  "version": "6.0.0-alpha.13",
   "description": "The commercial edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -36,7 +36,7 @@
     "@date-io/luxon": "^2.16.1",
     "@date-io/moment": "^2.16.1",
     "@mui/utils": "^5.10.16",
-    "@mui/x-date-pickers": "6.0.0-alpha.12",
+    "@mui/x-date-pickers": "6.0.0-alpha.13",
     "@mui/x-license-pro": "6.0.0-alpha.9",
     "clsx": "^1.2.1",
     "prop-types": "^15.8.1",
@@ -48,7 +48,7 @@
     "@mui/system": "^5.4.1",
     "date-fns": "^2.25.0",
     "dayjs": "^1.10.7",
-    "luxon": "^1.28.0 || ^2.0.0 || ^3.0.2",
+    "luxon": "^3.0.2",
     "moment": "^2.29.1",
     "react": "^17.0.2 || ^18.0.0",
     "react-dom": "^17.0.2 || ^18.0.0"

package/tests/describeRangeValidation/testTextFieldRangeValidation.js

@@ -26,7 +26,7 @@ export const testTextFieldRangeValidation = (ElementToTest, getOptions) => {
     withDate,
     withTime
   } = getOptions();
-  if (!['legacy-picker', 'picker'].includes(componentFamily)) {
+  if (!['legacy-picker', 'new-picker'].includes(componentFamily)) {
     return;
   }
   describe('text field:', () => {

package/internal/utils/viewRenderers.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { DateRangeCalendarProps } from '../../DateRangeCalendar';
-/**
- * We don't pass all the props down to `DateRangeCalendar`,
- * because otherwise some unwanted props would be passed to the HTML element.
- */
-export declare const renderDateRangeView: <TDate extends unknown>({ value, defaultValue, onChange, className, classes, disableFuture, disablePast, minDate, maxDate, shouldDisableDate, reduceAnimations, onMonthChange, defaultCalendarMonth, rangePosition, onRangePositionChange, calendars, components, componentsProps, loading, renderLoading, disableHighlightToday, readOnly, disabled, showDaysOutsideCurrentMonth, dayOfWeekFormatter, disableAutoMonthSwitching, sx, autoFocus, fixedWeekNumber, disableDragEditing, displayWeekNumber, }: DateRangeCalendarProps<TDate>) => JSX.Element;