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

package/esm/internals/hooks/usePicker/usePickerProvider.js

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+import useForkRef from '@mui/utils/useForkRef';
+import useId from '@mui/utils/useId';
 import { useUtils } from "../useUtils.js";
 import { arrayIncludes } from "../../utils/utils.js";
 import { useReduceAnimations } from "../useReduceAnimations.js";
@@ -49,6 +51,14 @@ export function usePickerProvider(parameters) {
   const orientation = usePickerOrientation(paramsFromUsePickerViews.views, props.orientation);
   const reduceAnimations = useReduceAnimations(props.reduceAnimations);
   const triggerRef = React.useRef(null);
+  const popupRef = React.useRef(null);
+  const rootRefObject = React.useRef(null);
+  const rootRef = useForkRef(ref, rootRefObject);
+
+  /**
+   * TODO: Improve how we generate the aria-label and aria-labelledby attributes.
+   */
+  const labelId = useId();
   const ownerState = React.useMemo(() => ({
     isPickerValueEmpty: valueManager.areValuesEqual(utils, paramsFromUsePickerValue.value, valueManager.emptyValue),
     isPickerOpen: paramsFromUsePickerValue.contextValue.open,
@@ -69,8 +79,10 @@ export function usePickerProvider(parameters) {
   const contextValue = React.useMemo(() => _extends({}, paramsFromUsePickerValue.contextValue, paramsFromUsePickerViews.contextValue, {
     disabled: props.disabled ?? false,
     readOnly: props.readOnly ?? false,
+    autoFocus: props.autoFocus ?? false,
     variant,
     orientation,
+    popupRef,
     reduceAnimations,
     triggerRef,
     triggerStatus,
@@ -78,19 +90,21 @@ export function usePickerProvider(parameters) {
     name: props.name,
     label: props.label,
     rootSx: props.sx,
-    rootRef: ref,
+    rootRef,
     rootClassName: props.className
-  }), [paramsFromUsePickerValue.contextValue, paramsFromUsePickerViews.contextValue, ref, variant, orientation, reduceAnimations, props.disabled, props.readOnly, props.format, props.className, props.name, props.label, props.sx, triggerRef, triggerStatus]);
+  }), [paramsFromUsePickerValue.contextValue, paramsFromUsePickerViews.contextValue, rootRef, variant, orientation, reduceAnimations, props.disabled, props.readOnly, props.autoFocus, props.format, props.className, props.name, props.label, props.sx, triggerRef, triggerStatus]);
   const privateContextValue = React.useMemo(() => _extends({}, paramsFromUsePickerValue.privateContextValue, paramsFromUsePickerViews.privateContextValue, {
-    ownerState
-  }), [paramsFromUsePickerValue.privateContextValue, paramsFromUsePickerViews.privateContextValue, ownerState]);
+    ownerState,
+    rootRefObject,
+    labelId
+  }), [paramsFromUsePickerValue.privateContextValue, paramsFromUsePickerViews.privateContextValue, ownerState, labelId]);
   const actionsContextValue = React.useMemo(() => _extends({}, paramsFromUsePickerValue.actionsContextValue, paramsFromUsePickerViews.actionsContextValue), [paramsFromUsePickerValue.actionsContextValue, paramsFromUsePickerViews.actionsContextValue]);
-  const fieldPrivateContextValue = React.useMemo(() => ({
+  const fieldPrivateContextValue = React.useMemo(() => _extends({}, paramsFromUsePickerViews.fieldPrivateContextValue, {
     formatDensity: props.formatDensity,
     enableAccessibleFieldDOMStructure: props.enableAccessibleFieldDOMStructure,
     selectedSections: props.selectedSections,
     onSelectedSectionsChange: props.onSelectedSectionsChange
-  }), [props.formatDensity, props.enableAccessibleFieldDOMStructure, props.selectedSections, props.onSelectedSectionsChange]);
+  }), [paramsFromUsePickerViews.fieldPrivateContextValue, props.formatDensity, props.enableAccessibleFieldDOMStructure, props.selectedSections, props.onSelectedSectionsChange]);
   return {
     localeText,
     contextValue,

package/esm/internals/hooks/usePicker/usePickerViews.d.ts

@@ -42,7 +42,7 @@ export interface UsePickerViewParams<TValue extends PickerValidValue, TView exte
   props: TExternalProps;
   propsFromPickerValue: UsePickerValueViewsResponse<TValue>;
   autoFocusView: boolean;
-  fieldRef?: React.RefObject<FieldRef<PickerValue> | FieldRef<PickerRangeValue> | null>;
+  viewContainerRole: 'dialog' | 'tooltip' | null;
   /**
    * A function that intercepts the regular picker rendering.
    * Can be used to consume the provided `viewRenderers` and render a custom component wrapping them.
@@ -86,6 +86,10 @@ export interface UsePickerViewsContextValue<TView extends DateOrTimeViewWithMeri
    * The view currently rendered.
    */
   view: TView | null;
+  /**
+   * The view showed when first opening the picker.
+   */
+  initialView: TView | null;
 }
 export interface UsePickerViewsPrivateContextValue {
   /**
@@ -97,6 +101,18 @@ export interface UsePickerViewsPrivateContextValue {
    * @returns {boolean} Whether the current view has an UI.
    */
   doesTheCurrentViewHasAnUI: () => boolean;
+  /**
+   * The aria role associated with the view container.
+   * It is equal to "dialog" when the view is rendered inside a `@mui/material/Dialog`.
+   * It is equal to "dialog" when the view is rendered inside a `@mui/material/Popper` and the focus is trapped inside the view.
+   * It is equal to "tooltip" when the view is rendered inside a `@mui/material/Popper` and the focus remains inside the field.
+   * It is always equal to null if the picker does not have a field (static pickers).
+   * It is always equal to null if the component you are accessing the context from is not wrapped by a picker.
+   */
+  viewContainerRole: 'dialog' | 'tooltip' | null;
+}
+export interface UsePickerViewsFieldPrivateContextValue {
+  fieldRef: React.RefObject<FieldRef<PickerValue> | FieldRef<PickerRangeValue> | null>;
 }
 export interface UsePickerViewsProviderParams<TView extends DateOrTimeViewWithMeridiem> {
   hasUIView: boolean;
@@ -104,6 +120,7 @@ export interface UsePickerViewsProviderParams<TView extends DateOrTimeViewWithMe
   contextValue: UsePickerViewsContextValue<TView>;
   actionsContextValue: UsePickerViewsActionsContextValue<TView>;
   privateContextValue: UsePickerViewsPrivateContextValue;
+  fieldPrivateContextValue: UsePickerViewsFieldPrivateContextValue;
 }
 /**
  * Manage the views of all the pickers:
@@ -115,6 +132,6 @@ export declare const usePickerViews: <TValue extends PickerValidValue, TView ext
   props,
   propsFromPickerValue,
   autoFocusView,
-  rendererInterceptor: RendererInterceptor,
-  fieldRef
+  viewContainerRole,
+  rendererInterceptor: RendererInterceptor
 }: UsePickerViewParams<TValue, TView, TExternalProps>) => UsePickerViewsResponse<TView>;

package/esm/internals/hooks/usePicker/usePickerViews.js

@@ -25,8 +25,8 @@ export const usePickerViews = ({
   props,
   propsFromPickerValue,
   autoFocusView,
-  rendererInterceptor: RendererInterceptor,
-  fieldRef
+  viewContainerRole,
+  rendererInterceptor: RendererInterceptor
 }) => {
   const {
     onChange,
@@ -43,6 +43,7 @@ export const usePickerViews = ({
     timezone
   } = props;
   const propsToForwardToView = _objectWithoutPropertiesLoose(props, _excluded);
+  const fieldRef = React.useRef(null);
   const {
     view,
     setView,
@@ -126,20 +127,27 @@ export const usePickerViews = ({
   const actionsContextValue = React.useMemo(() => ({
     setView
   }), [setView]);
+  const initialViewRef = React.useRef(openTo ?? null);
   const contextValue = React.useMemo(() => _extends({}, actionsContextValue, {
     views,
-    view: popperView
+    view: popperView,
+    initialView: initialViewRef.current
   }), [actionsContextValue, views, popperView]);
   const privateContextValue = React.useMemo(() => ({
     hasUIView,
-    doesTheCurrentViewHasAnUI
-  }), [hasUIView, doesTheCurrentViewHasAnUI]);
+    doesTheCurrentViewHasAnUI,
+    viewContainerRole
+  }), [hasUIView, doesTheCurrentViewHasAnUI, viewContainerRole]);
+  const fieldPrivateContextValue = React.useMemo(() => ({
+    fieldRef
+  }), []);
   const providerParams = {
     hasUIView,
     views,
     contextValue,
     actionsContextValue,
-    privateContextValue
+    privateContextValue,
+    fieldPrivateContextValue
   };
   return {
     provider: providerParams,
@@ -158,10 +166,14 @@ export const usePickerViews = ({
         onChange: setValueAndGoToNextView,
         view: popperView,
         onViewChange: setView,
-        focusedView,
-        onFocusedViewChange: setFocusedView,
         showViewSwitcher: timeViewsCount > 1,
         timeViewsCount
+      }, viewContainerRole === 'tooltip' ? {
+        focusedView: null,
+        onFocusedViewChange: () => {}
+      } : {
+        focusedView,
+        onFocusedViewChange: setFocusedView
       });
       if (RendererInterceptor) {
         return /*#__PURE__*/_jsx(RendererInterceptor, {

package/esm/internals/hooks/useStaticPicker/useStaticPicker.js

@@ -41,9 +41,10 @@ export const useStaticPicker = _ref => {
     renderCurrentView
   } = usePicker(_extends({}, pickerParams, {
     props,
+    variant: displayStaticWrapperAs,
     autoFocusView: autoFocus ?? false,
-    localeText,
-    variant: displayStaticWrapperAs
+    viewContainerRole: null,
+    localeText
   }));
   const Layout = slots?.layout ?? PickerStaticLayout;
   const renderPicker = () => /*#__PURE__*/_jsx(PickerProvider, _extends({}, providerProps, {

package/esm/internals/index.d.ts

@@ -1,7 +1,7 @@
 export { PickersArrowSwitcher } from "./components/PickersArrowSwitcher/PickersArrowSwitcher.js";
 export type { ExportedPickersArrowSwitcherProps, PickersArrowSwitcherSlots, PickersArrowSwitcherSlotProps } from './components/PickersArrowSwitcher';
-export { PickerFieldUI, PickerFieldUIContextProvider, cleanFieldResponse, useFieldTextFieldProps } from "./components/PickerFieldUI.js";
-export type { ExportedPickerFieldUIProps, PickerFieldUISlots, PickerFieldUISlotProps } from './components/PickerFieldUI';
+export { PickerFieldUI, PickerFieldUIContextProvider, cleanFieldResponse, useFieldTextFieldProps, PickerFieldUIContext, mergeSlotProps } from "./components/PickerFieldUI.js";
+export type { ExportedPickerFieldUIProps, PickerFieldUISlots, PickerFieldUISlotProps, PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from './components/PickerFieldUI';
 export { PickerProvider } from "./components/PickerProvider.js";
 export type { PickerContextValue } from './components/PickerProvider';
 export { PickersModalDialog } from "./components/PickersModalDialog.js";
@@ -25,9 +25,10 @@ export { DAY_MARGIN, DIALOG_WIDTH, VIEW_HEIGHT } from "./constants/dimensions.js
 export { useControlledValueWithTimezone } from "./hooks/useValueWithTimezone.js";
 export type { DesktopOnlyPickerProps } from './hooks/useDesktopPicker';
 export { useField, useFieldInternalPropsWithDefaults, createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections } from "./hooks/useField/index.js";
-export type { UseFieldInternalProps, UseFieldParams, UseFieldResponse, FieldValueManager, FieldChangeHandler, FieldChangeHandlerContext, PickerFieldPrivateContextValue } from './hooks/useField';
+export type { UseFieldInternalProps, UseFieldParams, UseFieldResponse, FieldValueManager, FieldChangeHandler, FieldChangeHandlerContext } from './hooks/useField';
 export { useFieldOwnerState } from "./hooks/useFieldOwnerState.js";
 export type { MobileOnlyPickerProps } from './hooks/useMobilePicker';
+export { useNullableFieldPrivateContext } from "./hooks/useNullableFieldPrivateContext.js";
 export { useNullablePickerContext } from "./hooks/useNullablePickerContext.js";
 export { usePicker } from "./hooks/usePicker/index.js";
 export type { UsePickerParams, UsePickerProps, UsePickerValueFieldResponse, PickerViewsRendererProps } from './hooks/usePicker';

package/esm/internals/index.js

@@ -1,5 +1,5 @@
 export { PickersArrowSwitcher } from "./components/PickersArrowSwitcher/PickersArrowSwitcher.js";
-export { PickerFieldUI, PickerFieldUIContextProvider, cleanFieldResponse, useFieldTextFieldProps } from "./components/PickerFieldUI.js";
+export { PickerFieldUI, PickerFieldUIContextProvider, cleanFieldResponse, useFieldTextFieldProps, PickerFieldUIContext, mergeSlotProps } from "./components/PickerFieldUI.js";
 export { PickerProvider } from "./components/PickerProvider.js";
 export { PickersModalDialog } from "./components/PickersModalDialog.js";
 export { PickerPopper } from "./components/PickerPopper/PickerPopper.js";
@@ -13,6 +13,7 @@ export { DAY_MARGIN, DIALOG_WIDTH, VIEW_HEIGHT } from "./constants/dimensions.js
 export { useControlledValueWithTimezone } from "./hooks/useValueWithTimezone.js";
 export { useField, useFieldInternalPropsWithDefaults, createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections } from "./hooks/useField/index.js";
 export { useFieldOwnerState } from "./hooks/useFieldOwnerState.js";
+export { useNullableFieldPrivateContext } from "./hooks/useNullableFieldPrivateContext.js";
 export { useNullablePickerContext } from "./hooks/useNullablePickerContext.js";
 export { usePicker } from "./hooks/usePicker/index.js";
 export { usePickerPrivateContext } from "./hooks/usePickerPrivateContext.js";

package/esm/internals/models/fields.d.ts

@@ -1,19 +1,12 @@
 import type { FieldSection } from '../../models';
-import type { UseFieldInternalProps } from '../hooks/useField';
 import { RangePosition } from "./pickers.js";
-import { PickerValidValue } from "./value.js";
 export interface FieldRangeSection extends FieldSection {
   dateName: RangePosition;
 }
-export interface BaseForwardedSingleInputFieldProps {
-  id?: string;
-  focused?: boolean;
-  onKeyDown?: React.KeyboardEventHandler;
-  onBlur?: React.FocusEventHandler;
-  ref?: React.Ref<HTMLDivElement>;
-}
 /**
  * Props the single input field can receive when used inside a picker.
  * Only contains what the MUI components are passing to the field, not what users can pass using the `props.slotProps.field`.
  */
-export type BaseSingleInputFieldProps<TValue extends PickerValidValue> = Pick<UseFieldInternalProps<TValue, boolean, any>, 'readOnly' | 'unstableFieldRef' | 'autoFocus'> & BaseForwardedSingleInputFieldProps;
+export interface BaseSingleInputFieldProps {
+  id?: string;
+}

package/esm/locales/bnBD.d.ts

@@ -0,0 +1,80 @@
+import { TimeViewWithMeridiem } from "../internals/models/index.js";
+export declare const bnBD: {
+  components: {
+    MuiLocalizationProvider: {
+      defaultProps: {
+        localeText: {
+          previousMonth?: string | undefined;
+          nextMonth?: string | undefined;
+          calendarWeekNumberHeaderLabel?: string | undefined;
+          calendarWeekNumberHeaderText?: string | undefined;
+          calendarWeekNumberAriaLabelText?: ((weekNumber: number) => string) | undefined;
+          calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
+          openPreviousView?: string | undefined;
+          openNextView?: string | undefined;
+          calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers/models").DateView) => string) | undefined;
+          start?: string | undefined;
+          end?: string | undefined;
+          startDate?: string | undefined;
+          startTime?: string | undefined;
+          endDate?: string | undefined;
+          endTime?: string | undefined;
+          cancelButtonLabel?: string | undefined;
+          clearButtonLabel?: string | undefined;
+          okButtonLabel?: string | undefined;
+          todayButtonLabel?: string | undefined;
+          clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
+          hoursClockNumberText?: ((hours: string) => string) | undefined;
+          minutesClockNumberText?: ((minutes: string) => string) | undefined;
+          secondsClockNumberText?: ((seconds: string) => string) | undefined;
+          selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
+          openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
+          openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
+          fieldClearLabel?: string | undefined;
+          timeTableLabel?: string | undefined;
+          dateTableLabel?: string | undefined;
+          fieldYearPlaceholder?: ((params: {
+            digitAmount: number;
+            format: string;
+          }) => string) | undefined;
+          fieldMonthPlaceholder?: ((params: {
+            contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
+            format: string;
+          }) => string) | undefined;
+          fieldDayPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldWeekDayPlaceholder?: ((params: {
+            contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
+            format: string;
+          }) => string) | undefined;
+          fieldHoursPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldMinutesPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldSecondsPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldMeridiemPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          year?: string | undefined;
+          month?: string | undefined;
+          day?: string | undefined;
+          weekDay?: string | undefined;
+          hours?: string | undefined;
+          minutes?: string | undefined;
+          seconds?: string | undefined;
+          meridiem?: string | undefined;
+          empty?: string | undefined;
+          datePickerToolbarTitle?: string | undefined;
+          timePickerToolbarTitle?: string | undefined;
+          dateTimePickerToolbarTitle?: string | undefined;
+          dateRangePickerToolbarTitle?: string | undefined;
+        };
+      };
+    };
+  };
+};

package/esm/locales/bnBD.js

@@ -0,0 +1,73 @@
+import { getPickersLocalization } from "./utils/getPickersLocalization.js";
+const views = {
+  hours: 'ঘণ্টা',
+  minutes: 'মিনিট',
+  seconds: 'সেকেন্ড',
+  meridiem: 'এএম/পিএম'
+};
+const bnBDPickers = {
+  // Calendar navigation
+  previousMonth: 'আগের মাস',
+  nextMonth: 'পরের মাস',
+  // View navigation
+  openPreviousView: 'আগের ভিউ খুলুন',
+  openNextView: 'পরের ভিউ খুলুন',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'বছরের ভিউ খোলা আছে, ক্যালেন্ডার ভিউতে পরিবর্তন করুন' : 'ক্যালেন্ডার ভিউ খোলা আছে, বছরের ভিউতে পরিবর্তন করুন',
+  // DateRange labels
+  start: 'শুরু',
+  end: 'শেষ',
+  startDate: 'শুরুর তারিখ',
+  startTime: 'শুরুর সময়',
+  endDate: 'শেষের তারিখ',
+  endTime: 'শেষের সময়',
+  // Action bar
+  cancelButtonLabel: 'বাতিল',
+  clearButtonLabel: 'পরিষ্কার',
+  okButtonLabel: 'ঠিক আছে',
+  todayButtonLabel: 'আজ',
+  // Toolbar titles
+  datePickerToolbarTitle: 'তারিখ নির্বাচন করুন',
+  dateTimePickerToolbarTitle: 'তারিখ ও সময় নির্বাচন করুন',
+  timePickerToolbarTitle: 'সময় নির্বাচন করুন',
+  dateRangePickerToolbarTitle: 'তারিখের পরিসীমা নির্বাচন করুন',
+  // Clock labels
+  clockLabelText: (view, formattedTime) => `নির্বাচন করুন ${views[view]}. ${!formattedTime ? 'কোনও সময় নির্বাচন করা হয়নি' : `নির্বাচিত সময় ${formattedTime}`}`,
+  hoursClockNumberText: hours => `${hours} ঘণ্টা`,
+  minutesClockNumberText: minutes => `${minutes} মিনিট`,
+  secondsClockNumberText: seconds => `${seconds} সেকেন্ড`,
+  // Digital clock labels
+  selectViewText: view => `${views[view]} নির্বাচন করুন`,
+  // Calendar labels
+  calendarWeekNumberHeaderLabel: 'সপ্তাহ সংখ্যা',
+  calendarWeekNumberHeaderText: '#',
+  calendarWeekNumberAriaLabelText: weekNumber => `সপ্তাহ ${weekNumber}`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
+  // Open picker labels
+  openDatePickerDialogue: formattedDate => formattedDate ? `তারিখ নির্বাচন করুন, নির্বাচিত তারিখ ${formattedDate}` : 'তারিখ নির্বাচন করুন',
+  openTimePickerDialogue: formattedTime => formattedTime ? `সময় নির্বাচন করুন, নির্বাচিত সময় ${formattedTime}` : 'সময় নির্বাচন করুন',
+  fieldClearLabel: 'পরিষ্কার',
+  // Table labels
+  timeTableLabel: 'সময় নির্বাচন করুন',
+  dateTableLabel: 'তারিখ নির্বাচন করুন',
+  // Field section placeholders
+  fieldYearPlaceholder: params => 'ব'.repeat(params.digitAmount),
+  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
+  fieldDayPlaceholder: () => 'DD',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldHoursPlaceholder: () => 'ঘন্টা',
+  fieldMinutesPlaceholder: () => 'মিনিট',
+  fieldSecondsPlaceholder: () => 'সেকেন্ড',
+  fieldMeridiemPlaceholder: () => 'এএম/পিএম',
+  // View names
+  year: 'বছর',
+  month: 'মাস',
+  day: 'দিন',
+  weekDay: 'সপ্তাহের দিন',
+  hours: 'ঘণ্টা',
+  minutes: 'মিনিট',
+  seconds: 'সেকেন্ড',
+  meridiem: 'এএম/পিএম',
+  // Common
+  empty: 'ফাঁকা'
+};
+export const bnBD = getPickersLocalization(bnBDPickers);

package/esm/locales/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./beBY.js";
 export * from "./bgBG.js";
+export * from "./bnBD.js";
 export * from "./caES.js";
 export * from "./csCZ.js";
 export * from "./daDK.js";

package/esm/locales/index.js

@@ -1,5 +1,6 @@
 export * from "./beBY.js";
 export * from "./bgBG.js";
+export * from "./bnBD.js";
 export * from "./caES.js";
 export * from "./csCZ.js";
 export * from "./daDK.js";

package/esm/models/fields.d.ts

@@ -3,7 +3,7 @@ import { TextFieldProps } from '@mui/material/TextField';
 import type { ExportedPickersSectionListProps } from '../PickersSectionList';
 import type { UseFieldInternalProps, UseFieldResponse } from '../internals/hooks/useField';
 import type { PickersTextFieldProps } from '../PickersTextField';
-import { BaseForwardedSingleInputFieldProps, FieldRangeSection, PickerRangeValue, PickerValidValue } from "../internals/models/index.js";
+import { BaseSingleInputFieldProps, FieldRangeSection, PickerRangeValue, PickerValidValue } from "../internals/models/index.js";
 import { PickerOwnerState } from "./pickers.js";
 import type { ExportedPickerFieldUIProps } from '../internals/components/PickerFieldUI';
 export type FieldSectionType = 'year' | 'month' | 'day' | 'weekDay' | 'hours' | 'minutes' | 'seconds' | 'meridiem' | 'empty';
@@ -131,7 +131,7 @@ export type PickerFieldSlotProps<TValue extends PickerValidValue, TEnableAccessi
  * Props the text field receives when used inside a single input picker.
  * Only contains what the MUI components are passing to the text field, not what users can pass using the `props.slotProps.field` and `props.slotProps.textField`.
  */
-export type BaseSingleInputPickersTextFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> = Omit<UseFieldResponse<TEnableAccessibleFieldDOMStructure, BaseForwardedSingleInputFieldProps>, 'slots' | 'slotProps' | 'clearable' | 'onClear' | 'openPickerButtonPosition' | 'clearButtonPosition' | 'openPickerAriaLabel'>;
+export type BaseSingleInputPickersTextFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> = Omit<UseFieldResponse<TEnableAccessibleFieldDOMStructure, BaseSingleInputFieldProps>, 'slots' | 'slotProps' | 'clearable' | 'onClear' | 'openPickerButtonPosition' | 'clearButtonPosition' | 'openPickerAriaLabel'>;
 /**
  * Props the built-in text field component can receive.
  */

package/esm/validation/extractValidationProps.d.ts

@@ -8,4 +8,4 @@ export declare const DATE_TIME_VALIDATION_PROP_NAMES: (keyof DateTimeValidationP
  */
 export declare const extractValidationProps: <Props extends {
   [key: string]: any;
-}>(props: Props) => Pick<Props, "ampm" | "disableFuture" | "disablePast" | "maxDate" | "minDate" | "shouldDisableYear" | "shouldDisableMonth" | "shouldDisableDate" | "minTime" | "maxTime" | "minutesStep" | "shouldDisableTime" | "disableIgnoringDatePartForTimeValidation" | "minDateTime" | "maxDateTime">;
+}>(props: Props) => Pick<Props, "maxDate" | "minDate" | "disablePast" | "disableFuture" | "shouldDisableYear" | "shouldDisableMonth" | "shouldDisableDate" | "minTime" | "maxTime" | "minutesStep" | "shouldDisableTime" | "disableIgnoringDatePartForTimeValidation" | "ampm" | "minDateTime" | "maxDateTime">;

package/esm/validation/index.d.ts

@@ -6,4 +6,4 @@ export { validateDateTime } from "./validateDateTime.js";
 export type { ValidateDateTimeProps } from './validateDateTime';
 export { extractValidationProps } from "./extractValidationProps.js";
 export { useValidation } from "./useValidation.js";
-export type { Validator } from './useValidation';
+export type { Validator, UseValidationReturnValue } from './useValidation';

package/esm/validation/useValidation.d.ts

@@ -33,7 +33,7 @@ interface UseValidationOptions<TValue extends PickerValidValue, TError, TValidat
    */
   props: TValidationProps;
 }
-interface UseValidationReturnValue<TValue extends PickerValidValue, TError> {
+export interface UseValidationReturnValue<TValue extends PickerValidValue, TError> {
   /**
    * The validation error associated to the value passed to the `useValidation` hook.
    */

package/hooks/useSplitFieldProps.d.ts

@@ -1,6 +1,6 @@
 import { DATE_TIME_VALIDATION_PROP_NAMES, DATE_VALIDATION_PROP_NAMES, TIME_VALIDATION_PROP_NAMES } from "../validation/extractValidationProps.js";
 import { PickerValueType } from "../models/common.js";
-declare const SHARED_FIELD_INTERNAL_PROP_NAMES: readonly ["value", "defaultValue", "referenceDate", "format", "formatDensity", "onChange", "timezone", "onError", "shouldRespectLeadingZeros", "selectedSections", "onSelectedSectionsChange", "unstableFieldRef", "unstableStartFieldRef", "unstableEndFieldRef", "enableAccessibleFieldDOMStructure", "disabled", "readOnly", "dateSeparator", "autoFocus"];
+declare const SHARED_FIELD_INTERNAL_PROP_NAMES: readonly ["value", "defaultValue", "referenceDate", "format", "formatDensity", "onChange", "timezone", "onError", "shouldRespectLeadingZeros", "selectedSections", "onSelectedSectionsChange", "unstableFieldRef", "unstableStartFieldRef", "unstableEndFieldRef", "enableAccessibleFieldDOMStructure", "disabled", "readOnly", "dateSeparator", "autoFocus", "focused"];
 type InternalPropNames<TValueType extends PickerValueType> = (typeof SHARED_FIELD_INTERNAL_PROP_NAMES)[number] | (TValueType extends 'date' | 'date-time' ? (typeof DATE_VALIDATION_PROP_NAMES)[number] : never) | (TValueType extends 'time' | 'date-time' ? (typeof TIME_VALIDATION_PROP_NAMES)[number] : never) | (TValueType extends 'date-time' ? (typeof DATE_TIME_VALIDATION_PROP_NAMES)[number] : never);
 /**
  * Split the props received by the field component into:

package/hooks/useSplitFieldProps.js

@@ -10,7 +10,7 @@ exports.useSplitFieldProps = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _extractValidationProps = require("../validation/extractValidationProps");
-const SHARED_FIELD_INTERNAL_PROP_NAMES = ['value', 'defaultValue', 'referenceDate', 'format', 'formatDensity', 'onChange', 'timezone', 'onError', 'shouldRespectLeadingZeros', 'selectedSections', 'onSelectedSectionsChange', 'unstableFieldRef', 'unstableStartFieldRef', 'unstableEndFieldRef', 'enableAccessibleFieldDOMStructure', 'disabled', 'readOnly', 'dateSeparator', 'autoFocus'];
+const SHARED_FIELD_INTERNAL_PROP_NAMES = ['value', 'defaultValue', 'referenceDate', 'format', 'formatDensity', 'onChange', 'timezone', 'onError', 'shouldRespectLeadingZeros', 'selectedSections', 'onSelectedSectionsChange', 'unstableFieldRef', 'unstableStartFieldRef', 'unstableEndFieldRef', 'enableAccessibleFieldDOMStructure', 'disabled', 'readOnly', 'dateSeparator', 'autoFocus', 'focused'];
 /**
  * Split the props received by the field component into:
  * - `internalProps` which are used by the various hooks called by the field component.

package/index.js

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

package/internals/components/PickerFieldUI.d.ts

@@ -17,6 +17,7 @@ export declare const cleanFieldResponse: <TFieldResponse extends MakeOptional<Us
   openPickerAriaLabel: string;
   textFieldProps: TextFieldProps | PickersTextFieldProps;
 };
+export declare const PickerFieldUIContext: React.Context<PickerFieldUIContextValue>;
 /**
  * Adds the button to open the picker and the button to clear the value of the field.
  * @ignore - internal component.
@@ -111,6 +112,12 @@ export interface PickerFieldUISlotPropsFromContext extends PickerFieldUISlotProp
 interface FieldInputAdornmentOwnerState extends FieldOwnerState {
   position: 'start' | 'end';
 }
+interface PickerFieldUIContextValue {
+  inputRef: React.Ref<HTMLInputElement> | undefined;
+  slots: PickerFieldUISlotsFromContext;
+  slotProps: PickerFieldUISlotPropsFromContext;
+}
+export declare function mergeSlotProps<TProps extends {}, TOwnerState extends FieldOwnerState>(slotPropsA: SlotComponentPropsFromProps<TProps, {}, TOwnerState> | undefined, slotPropsB: SlotComponentPropsFromProps<TProps, {}, TOwnerState> | undefined): Partial<TProps> | ((ownerState: TOwnerState) => {}) | undefined;
 /**
  * The `textField` slot props cannot be handled inside `PickerFieldUI` because it would be a breaking change to not pass the enriched props to `useField`.
  * Once the non-accessible DOM structure will be removed, we will be able to remove the `textField` slot and clean this logic.

package/internals/components/PickerFieldUI.js

@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PickerFieldUI = PickerFieldUI;
+exports.PickerFieldUIContext = void 0;
 exports.PickerFieldUIContextProvider = PickerFieldUIContextProvider;
 exports.cleanFieldResponse = void 0;
+exports.mergeSlotProps = mergeSlotProps;
 exports.useFieldTextFieldProps = useFieldTextFieldProps;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
@@ -97,7 +99,7 @@ const cleanFieldResponse = _ref => {
   };
 };
 exports.cleanFieldResponse = cleanFieldResponse;
-const PickerFieldUIContext = /*#__PURE__*/React.createContext({
+const PickerFieldUIContext = exports.PickerFieldUIContext = /*#__PURE__*/React.createContext({
   slots: {},
   slotProps: {},
   inputRef: undefined

package/internals/components/PickerPopper/PickerPopper.d.ts

@@ -60,10 +60,7 @@ export interface ExportedPickerPopperProps {
   placement?: MuiPopperProps['placement'];
 }
 export interface PickerPopperProps extends ExportedPickerPopperProps {
-  role: 'tooltip' | 'dialog';
-  containerRef?: React.Ref<HTMLDivElement>;
   children?: React.ReactNode;
-  onBlur?: () => void;
   slots?: PickerPopperSlots;
   slotProps?: PickerPopperSlotProps;
 }