@mui/x-date-pickers-pro 8.0.0-beta.0 → 8.0.0-beta.2

package/modern/hooks/useMultiInputRangeField/useMultiInputRangeField.d.ts

@@ -1,4 +1,4 @@
-import { PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerFieldInternalProps, UseFieldResponse } from '@mui/x-date-pickers/internals';
+import { PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerFieldInternalProps, UseFieldReturnValue } from '@mui/x-date-pickers/internals';
 import { UseTextFieldBaseForwardedProps } from "./useTextFieldProps.js";
 import { PickerAnyRangeManager } from "../../internals/models/managers.js";
 import { UseMultiInputRangeFieldRootPropsReturnValue } from "./useMultiInputRangeFieldRootProps.js";
@@ -63,7 +63,7 @@ interface UseMultiInputRangeFieldReturnValue<TManager extends PickerAnyRangeMana
   endTextField: UseMultiInputRangeFieldTextFieldProps<PickerManagerEnableAccessibleFieldDOMStructure<TManager>, TTextFieldProps>;
   enableAccessibleFieldDOMStructure: PickerManagerEnableAccessibleFieldDOMStructure<TManager>;
 }
-export type UseMultiInputRangeFieldTextFieldProps<TEnableAccessibleFieldDOMStructure extends boolean, TForwardedProps extends UseTextFieldBaseForwardedProps> = Omit<UseFieldResponse<TEnableAccessibleFieldDOMStructure, TForwardedProps & {
+export type UseMultiInputRangeFieldTextFieldProps<TEnableAccessibleFieldDOMStructure extends boolean, TForwardedProps extends UseTextFieldBaseForwardedProps> = Omit<UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TForwardedProps & {
   onKeyDown: React.KeyboardEventHandler;
   onClick: React.MouseEventHandler;
   onFocus: React.FocusEventHandler;

package/modern/hooks/useMultiInputRangeField/useTextFieldProps.js

@@ -4,8 +4,7 @@ const _excluded = ["clearable", "onClear", "openPickerAriaLabel"];
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
 import { useDateManager, useDateTimeManager, useTimeManager } from '@mui/x-date-pickers/managers';
-import { useSplitFieldProps } from '@mui/x-date-pickers/hooks';
-import { useField, useFieldInternalPropsWithDefaults, useNullableFieldPrivateContext, useNullablePickerContext, usePickerPrivateContext } from '@mui/x-date-pickers/internals';
+import { useField, useNullableFieldPrivateContext, useNullablePickerContext, usePickerPrivateContext } from '@mui/x-date-pickers/internals';
 import { useNullablePickerRangePositionContext } from "../../internals/hooks/useNullablePickerRangePositionContext.js";
 /**
  * @ignore - internal hook.
@@ -102,21 +101,10 @@ export function useTextFieldProps(parameters) {
     onKeyDown: handleKeyDown,
     onChange: handleChange
   });
-  const splittedProps = useSplitFieldProps(allProps, valueType);
-  const internalPropsWithDefaults = useFieldInternalPropsWithDefaults({
-    manager,
-    internalProps: splittedProps.internalProps,
-    skipContextFieldRefAssignment: rangePosition !== position
-  });
   const _ref = useField({
-      forwardedProps: splittedProps.forwardedProps,
-      internalProps: internalPropsWithDefaults,
-      valueManager: manager.internal_valueManager,
-      fieldValueManager: manager.internal_fieldValueManager,
-      validator: manager.validator,
-      valueType: manager.valueType,
-      // TODO v8: Add a real aria label before moving the opening logic to the field on range pickers.
-      getOpenPickerButtonAriaLabel: () => ''
+      manager,
+      props: allProps,
+      skipContextFieldRefAssignment: rangePosition !== position
     }),
     fieldResponse = _objectWithoutPropertiesLoose(_ref, _excluded);
   React.useEffect(() => {

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v8.0.0-beta.0
+ * @mui/x-date-pickers-pro v8.0.0-beta.2
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/modern/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTc0MjI0ODgwMDAwMA==";
+  const releaseInfo = "MTc0MzExMjgwMDAwMA==";
   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/modern/managers/useDateRangeManager.js

@@ -3,7 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { usePickerTranslations } from '@mui/x-date-pickers/hooks';
-import { getDateFieldInternalPropsDefaults, useUtils } from '@mui/x-date-pickers/internals';
+import { useApplyDefaultValuesToDateValidationProps, useUtils } from '@mui/x-date-pickers/internals';
 import { getRangeFieldValueManager, rangeValueManager } from "../internals/utils/valueManagers.js";
 import { validateDateRange } from "../validation/index.js";
 import { formatRange } from "../internals/utils/date-utils.js";
@@ -20,22 +20,21 @@ export function useDateRangeManager(parameters = {}) {
       dateSeparator
     }),
     internal_enableAccessibleFieldDOMStructure: enableAccessibleFieldDOMStructure,
-    internal_applyDefaultsToFieldInternalProps: ({
-      internalProps,
-      utils,
-      defaultDates
-    }) => _extends({}, internalProps, getDateFieldInternalPropsDefaults({
-      defaultDates,
-      utils,
-      internalProps
-    })),
+    internal_useApplyDefaultValuesToFieldInternalProps: useApplyDefaultValuesToDateRangeFieldInternalProps,
     internal_useOpenPickerButtonAriaLabel: useOpenPickerButtonAriaLabel
   }), [enableAccessibleFieldDOMStructure, dateSeparator]);
 }
-function useOpenPickerButtonAriaLabel() {
+function useOpenPickerButtonAriaLabel(value) {
   const utils = useUtils();
   const translations = usePickerTranslations();
-  return React.useCallback(value => {
+  return React.useMemo(() => {
     return translations.openRangePickerDialogue(formatRange(utils, value, 'fullDate'));
-  }, [translations, utils]);
+  }, [value, translations, utils]);
+}
+function useApplyDefaultValuesToDateRangeFieldInternalProps(internalProps) {
+  const utils = useUtils();
+  const validationProps = useApplyDefaultValuesToDateValidationProps(internalProps);
+  return React.useMemo(() => _extends({}, internalProps, validationProps, {
+    format: internalProps.format ?? utils.formats.keyboardDate
+  }), [internalProps, validationProps, utils]);
 }

package/modern/managers/useDateTimeRangeManager.js

@@ -3,7 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { usePickerTranslations } from '@mui/x-date-pickers/hooks';
-import { getDateTimeFieldInternalPropsDefaults, useUtils } from '@mui/x-date-pickers/internals';
+import { useApplyDefaultValuesToDateTimeValidationProps, useUtils } from '@mui/x-date-pickers/internals';
 import { getRangeFieldValueManager, rangeValueManager } from "../internals/utils/valueManagers.js";
 import { validateDateTimeRange } from "../validation/index.js";
 import { formatRange } from "../internals/utils/date-utils.js";
@@ -20,22 +20,22 @@ export function useDateTimeRangeManager(parameters = {}) {
       dateSeparator
     }),
     internal_enableAccessibleFieldDOMStructure: enableAccessibleFieldDOMStructure,
-    internal_applyDefaultsToFieldInternalProps: ({
-      internalProps,
-      utils,
-      defaultDates
-    }) => _extends({}, internalProps, getDateTimeFieldInternalPropsDefaults({
-      internalProps,
-      utils,
-      defaultDates
-    })),
+    internal_useApplyDefaultValuesToFieldInternalProps: useApplyDefaultValuesToDateTimeRangeFieldInternalProps,
     internal_useOpenPickerButtonAriaLabel: useOpenPickerButtonAriaLabel
   }), [enableAccessibleFieldDOMStructure, dateSeparator]);
 }
-function useOpenPickerButtonAriaLabel() {
+function useOpenPickerButtonAriaLabel(value) {
   const utils = useUtils();
   const translations = usePickerTranslations();
-  return React.useCallback(value => {
+  return React.useMemo(() => {
     return translations.openRangePickerDialogue(formatRange(utils, value, 'fullDate'));
-  }, [translations, utils]);
+  }, [value, translations, utils]);
+}
+function useApplyDefaultValuesToDateTimeRangeFieldInternalProps(internalProps) {
+  const utils = useUtils();
+  const validationProps = useApplyDefaultValuesToDateTimeValidationProps(internalProps);
+  const ampm = React.useMemo(() => internalProps.ampm ?? utils.is12HourCycleInCurrentLocale(), [internalProps.ampm, utils]);
+  return React.useMemo(() => _extends({}, internalProps, validationProps, {
+    format: internalProps.format ?? (ampm ? utils.formats.keyboardDateTime12h : utils.formats.keyboardDateTime24h)
+  }), [internalProps, validationProps, ampm, utils]);
 }

package/modern/managers/useTimeRangeManager.js

@@ -3,7 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { usePickerTranslations } from '@mui/x-date-pickers/hooks';
-import { getTimeFieldInternalPropsDefaults, useUtils } from '@mui/x-date-pickers/internals';
+import { useApplyDefaultValuesToTimeValidationProps, useUtils } from '@mui/x-date-pickers/internals';
 import { getRangeFieldValueManager, rangeValueManager } from "../internals/utils/valueManagers.js";
 import { validateTimeRange } from "../validation/index.js";
 import { formatRange } from "../internals/utils/date-utils.js";
@@ -21,23 +21,25 @@ export function useTimeRangeManager(parameters = {}) {
       dateSeparator
     }),
     internal_enableAccessibleFieldDOMStructure: enableAccessibleFieldDOMStructure,
-    internal_applyDefaultsToFieldInternalProps: ({
-      internalProps,
-      utils
-    }) => _extends({}, internalProps, getTimeFieldInternalPropsDefaults({
-      utils,
-      internalProps
-    })),
+    internal_useApplyDefaultValuesToFieldInternalProps: useApplyDefaultValuesToTimeRangeFieldInternalProps,
     internal_useOpenPickerButtonAriaLabel: createUseOpenPickerButtonAriaLabel(ampm)
   }), [enableAccessibleFieldDOMStructure, dateSeparator, ampm]);
 }
 function createUseOpenPickerButtonAriaLabel(ampm) {
-  return function useOpenPickerButtonAriaLabel() {
+  return function useOpenPickerButtonAriaLabel(value) {
     const utils = useUtils();
     const translations = usePickerTranslations();
-    return React.useCallback(value => {
+    return React.useMemo(() => {
       const formatKey = ampm ?? utils.is12HourCycleInCurrentLocale() ? 'fullTime12h' : 'fullTime24h';
       return translations.openRangePickerDialogue(formatRange(utils, value, formatKey));
-    }, [translations, utils]);
+    }, [value, translations, utils]);
   };
+}
+function useApplyDefaultValuesToTimeRangeFieldInternalProps(internalProps) {
+  const utils = useUtils();
+  const validationProps = useApplyDefaultValuesToTimeValidationProps(internalProps);
+  const ampm = React.useMemo(() => internalProps.ampm ?? utils.is12HourCycleInCurrentLocale(), [internalProps.ampm, utils]);
+  return React.useMemo(() => _extends({}, internalProps, validationProps, {
+    format: internalProps.format ?? (ampm ? utils.formats.fullTime12h : utils.formats.fullTime24h)
+  }), [internalProps, validationProps, ampm, utils]);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "8.0.0-beta.0",
+  "version": "8.0.0-beta.2",
   "description": "The Pro plan edition of the Date and Time Picker components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",
@@ -37,9 +37,9 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-license": "8.0.0-beta.0",
-    "@mui/x-date-pickers": "8.0.0-beta.0",
-    "@mui/x-internals": "8.0.0-beta.0"
+    "@mui/x-internals": "8.0.0-beta.2",
+    "@mui/x-license": "8.0.0-beta.2",
+    "@mui/x-date-pickers": "8.0.0-beta.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",