@mui/x-date-pickers 7.22.3 → 8.0.0-alpha.1

package/internals/hooks/usePicker/usePicker.js

@@ -2,17 +2,18 @@ import { warnOnce } from '@mui/x-internals/warning';
 import { usePickerValue } from "./usePickerValue.js";
 import { usePickerViews } from "./usePickerViews.js";
 import { usePickerLayoutProps } from "./usePickerLayoutProps.js";
-import { usePickerOwnerState } from "./usePickerOwnerState.js";
+import { usePickerProvider } from "./usePickerProvider.js";
 export const usePicker = ({
   props,
   valueManager,
   valueType,
-  wrapperVariant,
+  variant,
   additionalViewProps,
   validator,
   autoFocusView,
   rendererInterceptor,
-  fieldRef
+  fieldRef,
+  localeText
 }) => {
   if (process.env.NODE_ENV !== 'production') {
     if (props.renderInput != null) {
@@ -23,7 +24,7 @@ export const usePicker = ({
     props,
     valueManager,
     valueType,
-    wrapperVariant,
+    variant,
     validator
   });
   const pickerViewsResponse = usePickerViews({
@@ -36,13 +37,17 @@ export const usePicker = ({
   });
   const pickerLayoutResponse = usePickerLayoutProps({
     props,
-    wrapperVariant,
+    variant,
     propsFromPickerValue: pickerValueResponse.layoutProps,
     propsFromPickerViews: pickerViewsResponse.layoutProps
   });
-  const pickerOwnerState = usePickerOwnerState({
+  const providerProps = usePickerProvider({
     props,
-    pickerValueResponse
+    pickerValueResponse,
+    localeText,
+    valueManager,
+    variant,
+    views: pickerViewsResponse.views
   });
   return {
     // Picker value
@@ -55,9 +60,9 @@ export const usePicker = ({
     shouldRestoreFocus: pickerViewsResponse.shouldRestoreFocus,
     // Picker layout
     layoutProps: pickerLayoutResponse.layoutProps,
-    // Picker context
-    contextValue: pickerValueResponse.contextValue,
+    // Picker provider
+    providerProps,
     // Picker owner state
-    ownerState: pickerOwnerState
+    ownerState: providerProps.privateContextValue.ownerState
   };
 };

package/internals/hooks/usePicker/usePicker.types.d.ts

@@ -1,18 +1,20 @@
 import { UsePickerValueParams, UsePickerValueProps, UsePickerValueBaseProps, UsePickerValueResponse } from './usePickerValue.types';
 import { UsePickerViewsProps, UsePickerViewParams, UsePickerViewsResponse, UsePickerViewsBaseProps } from './usePickerViews';
-import { UsePickerLayoutProps, UsePickerLayoutPropsResponse } from './usePickerLayoutProps';
-import { FieldSection, PickerOwnerState, PickerValidDate } from '../../../models';
+import { UsePickerLayoutPropsResponse } from './usePickerLayoutProps';
+import { FieldSection, PickerOwnerState } from '../../../models';
 import { DateOrTimeViewWithMeridiem } from '../../models';
+import { UsePickerProviderParameters, UsePickerProviderProps, UsePickerProviderReturnValue } from './usePickerProvider';
 /**
  * Props common to all picker headless implementations.
  */
-export interface UsePickerBaseProps<TValue, TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerViewsProps<TValue, TDate, TView, any, any>, TAdditionalProps extends {}> extends UsePickerValueBaseProps<TValue, TError>, UsePickerViewsBaseProps<TValue, TDate, TView, TExternalProps, TAdditionalProps>, UsePickerLayoutProps {
+export interface UsePickerBaseProps<TValue, TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerViewsProps<TValue, TView, any, any>, TAdditionalProps extends {}> extends UsePickerValueBaseProps<TValue, TError>, UsePickerViewsBaseProps<TValue, TView, TExternalProps, TAdditionalProps>, UsePickerProviderProps {
 }
-export interface UsePickerProps<TValue, TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerViewsProps<TValue, TDate, TView, any, any>, TAdditionalProps extends {}> extends UsePickerValueProps<TValue, TError>, UsePickerViewsProps<TValue, TDate, TView, TExternalProps, TAdditionalProps>, UsePickerLayoutProps {
+export interface UsePickerProps<TValue, TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerViewsProps<TValue, TView, any, any>, TAdditionalProps extends {}> extends UsePickerValueProps<TValue, TError>, UsePickerViewsProps<TValue, TView, TExternalProps, TAdditionalProps>, UsePickerProviderProps {
 }
-export interface UsePickerParams<TValue, TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem, TSection extends FieldSection, TExternalProps extends UsePickerProps<TValue, TDate, TView, any, any, any>, TAdditionalProps extends {}> extends Pick<UsePickerValueParams<TValue, TDate, TExternalProps>, 'valueManager' | 'valueType' | 'wrapperVariant' | 'validator'>, Pick<UsePickerViewParams<TValue, TDate, TView, TSection, TExternalProps, TAdditionalProps>, 'additionalViewProps' | 'autoFocusView' | 'rendererInterceptor' | 'fieldRef'> {
+export interface UsePickerParams<TValue, TView extends DateOrTimeViewWithMeridiem, TSection extends FieldSection, TExternalProps extends UsePickerProps<TValue, TView, any, any, any>, TAdditionalProps extends {}> extends Pick<UsePickerValueParams<TValue, TExternalProps>, 'valueManager' | 'valueType' | 'variant' | 'validator'>, Pick<UsePickerViewParams<TValue, TView, TSection, TExternalProps, TAdditionalProps>, 'additionalViewProps' | 'autoFocusView' | 'rendererInterceptor' | 'fieldRef'>, Pick<UsePickerProviderParameters<TValue>, 'localeText'> {
     props: TExternalProps;
 }
-export interface UsePickerResponse<TValue, TView extends DateOrTimeViewWithMeridiem, TSection extends FieldSection, TError> extends Omit<UsePickerValueResponse<TValue, TSection, TError>, 'viewProps' | 'layoutProps'>, Omit<UsePickerViewsResponse<TView>, 'layoutProps'>, UsePickerLayoutPropsResponse<TValue, TView> {
-    ownerState: PickerOwnerState<TValue>;
+export interface UsePickerResponse<TValue, TView extends DateOrTimeViewWithMeridiem, TSection extends FieldSection, TError> extends Omit<UsePickerValueResponse<TValue, TSection, TError>, 'viewProps' | 'layoutProps'>, Omit<UsePickerViewsResponse<TView>, 'layoutProps' | 'views'>, UsePickerLayoutPropsResponse<TValue, TView> {
+    ownerState: PickerOwnerState;
+    providerProps: UsePickerProviderReturnValue;
 }

package/internals/hooks/usePicker/usePickerLayoutProps.d.ts

@@ -1,13 +1,10 @@
 import { UsePickerValueLayoutResponse } from './usePickerValue.types';
 import { UsePickerViewsLayoutResponse } from './usePickerViews';
-import { DateOrTimeViewWithMeridiem, WrapperVariant } from '../../models/common';
+import { DateOrTimeViewWithMeridiem, PickerVariant } from '../../models/common';
 /**
  * Props used to create the layout of the views.
- * Those props are exposed on all the pickers.
  */
-export interface UsePickerLayoutProps {
-    disabled?: boolean;
-    readOnly?: boolean;
+interface UsePickerLayoutProps {
     /**
      * Force rendering in particular orientation.
      */
@@ -16,7 +13,7 @@ export interface UsePickerLayoutProps {
 export interface UsePickerLayoutPropsResponseLayoutProps<TValue, TView extends DateOrTimeViewWithMeridiem> extends UsePickerValueLayoutResponse<TValue>, UsePickerViewsLayoutResponse<TView>, UsePickerLayoutProps {
     isLandscape: boolean;
     isRtl: boolean;
-    wrapperVariant: WrapperVariant;
+    wrapperVariant: PickerVariant;
     isValid: (value: TValue) => boolean;
 }
 export interface UsePickerLayoutPropsResponse<TValue, TView extends DateOrTimeViewWithMeridiem> {
@@ -26,9 +23,10 @@ export interface UsePickerLayoutPropsParams<TValue, TView extends DateOrTimeView
     props: UsePickerLayoutProps;
     propsFromPickerValue: UsePickerValueLayoutResponse<TValue>;
     propsFromPickerViews: UsePickerViewsLayoutResponse<TView>;
-    wrapperVariant: WrapperVariant;
+    variant: PickerVariant;
 }
 /**
  * Prepare the props for the view layout (managed by `PickersLayout`)
  */
-export declare const usePickerLayoutProps: <TValue, TView extends DateOrTimeViewWithMeridiem>({ props, propsFromPickerValue, propsFromPickerViews, wrapperVariant, }: UsePickerLayoutPropsParams<TValue, TView>) => UsePickerLayoutPropsResponse<TValue, TView>;
+export declare const usePickerLayoutProps: <TValue, TView extends DateOrTimeViewWithMeridiem>({ props, propsFromPickerValue, propsFromPickerViews, variant, }: UsePickerLayoutPropsParams<TValue, TView>) => UsePickerLayoutPropsResponse<TValue, TView>;
+export {};

package/internals/hooks/usePicker/usePickerLayoutProps.js

@@ -4,7 +4,6 @@ import { useIsLandscape } from "../useIsLandscape.js";
 
 /**
  * Props used to create the layout of the views.
- * Those props are exposed on all the pickers.
  */
 
 /**
@@ -14,7 +13,7 @@ export const usePickerLayoutProps = ({
   props,
   propsFromPickerValue,
   propsFromPickerViews,
-  wrapperVariant
+  variant
 }) => {
   const {
     orientation
@@ -24,9 +23,7 @@ export const usePickerLayoutProps = ({
   const layoutProps = _extends({}, propsFromPickerViews, propsFromPickerValue, {
     isLandscape,
     isRtl,
-    wrapperVariant,
-    disabled: props.disabled,
-    readOnly: props.readOnly
+    wrapperVariant: variant
   });
   return {
     layoutProps

package/internals/hooks/usePicker/usePickerProvider.d.ts

@@ -0,0 +1,26 @@
+import { FieldSection } from '../../../models';
+import { PickerValueManager, UsePickerValueResponse } from './usePickerValue.types';
+import { PickerProviderProps } from '../../components/PickerProvider';
+import type { UsePickerProps } from './usePicker.types';
+import { DateOrTimeViewWithMeridiem, FormProps, PickerOrientation, PickerVariant } from '../../models';
+export declare const usePickerOrientation: (views: readonly DateOrTimeViewWithMeridiem[], customOrientation: PickerOrientation | undefined) => PickerOrientation;
+export declare function usePickerProvider<TValue>(parameters: UsePickerProviderParameters<TValue>): UsePickerProviderReturnValue;
+export interface UsePickerProviderParameters<TValue> extends Pick<PickerProviderProps, 'localeText'> {
+    props: UsePickerProps<TValue, any, any, any, any>;
+    pickerValueResponse: UsePickerValueResponse<TValue, FieldSection, any>;
+    valueManager: PickerValueManager<TValue, any>;
+    variant: PickerVariant;
+    views: readonly DateOrTimeViewWithMeridiem[];
+}
+export interface UsePickerProviderReturnValue extends Omit<PickerProviderProps, 'children'> {
+}
+/**
+ * Props used to create the private context.
+ * Those props are exposed on all the pickers.
+ */
+export interface UsePickerProviderProps extends FormProps {
+    /**
+     * Force rendering in particular orientation.
+     */
+    orientation?: PickerOrientation;
+}

package/internals/hooks/usePicker/usePickerProvider.js

@@ -0,0 +1,77 @@
+import * as React from 'react';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+import { useUtils } from "../useUtils.js";
+import { arrayIncludes } from "../../utils/utils.js";
+function getOrientation() {
+  if (typeof window === 'undefined') {
+    return 'portrait';
+  }
+  if (window.screen && window.screen.orientation && window.screen.orientation.angle) {
+    return Math.abs(window.screen.orientation.angle) === 90 ? 'landscape' : 'portrait';
+  }
+
+  // Support IOS safari
+  if (window.orientation) {
+    return Math.abs(Number(window.orientation)) === 90 ? 'landscape' : 'portrait';
+  }
+  return 'portrait';
+}
+export const usePickerOrientation = (views, customOrientation) => {
+  const [orientation, setOrientation] = React.useState(getOrientation);
+  useEnhancedEffect(() => {
+    const eventHandler = () => {
+      setOrientation(getOrientation());
+    };
+    window.addEventListener('orientationchange', eventHandler);
+    return () => {
+      window.removeEventListener('orientationchange', eventHandler);
+    };
+  }, []);
+  if (arrayIncludes(views, ['hours', 'minutes', 'seconds'])) {
+    // could not display 13:34:44 in landscape mode
+    return 'portrait';
+  }
+  return customOrientation ?? orientation;
+};
+export function usePickerProvider(parameters) {
+  const {
+    props,
+    pickerValueResponse,
+    valueManager,
+    localeText,
+    variant,
+    views
+  } = parameters;
+  const utils = useUtils();
+  const orientation = usePickerOrientation(views, props.orientation);
+  const ownerState = React.useMemo(() => ({
+    isPickerValueEmpty: valueManager.areValuesEqual(utils, pickerValueResponse.viewProps.value, valueManager.emptyValue),
+    isPickerOpen: pickerValueResponse.open,
+    isPickerDisabled: props.disabled ?? false,
+    isPickerReadOnly: props.readOnly ?? false,
+    pickerOrientation: orientation,
+    pickerVariant: variant
+  }), [utils, valueManager, pickerValueResponse.viewProps.value, pickerValueResponse.open, orientation, variant, props.disabled, props.readOnly]);
+  const contextValue = React.useMemo(() => ({
+    onOpen: pickerValueResponse.actions.onOpen,
+    onClose: pickerValueResponse.actions.onClose,
+    open: pickerValueResponse.open,
+    disabled: props.disabled ?? false,
+    readOnly: props.readOnly ?? false,
+    variant,
+    orientation
+  }), [pickerValueResponse.actions.onOpen, pickerValueResponse.actions.onClose, pickerValueResponse.open, variant, orientation, props.disabled, props.readOnly]);
+  const privateContextValue = React.useMemo(() => ({
+    ownerState
+  }), [ownerState]);
+  return {
+    localeText,
+    contextValue,
+    privateContextValue
+  };
+}
+
+/**
+ * Props used to create the private context.
+ * Those props are exposed on all the pickers.
+ */

package/internals/hooks/usePicker/usePickerValue.d.ts

@@ -1,6 +1,6 @@
-import { FieldSection, PickerValidDate, InferError } from '../../../models';
+import { FieldSection, InferError } from '../../../models';
 import { UsePickerValueProps, UsePickerValueParams, UsePickerValueResponse } from './usePickerValue.types';
 /**
  * Manage the value lifecycle of all the pickers.
  */
-export declare const usePickerValue: <TValue, TDate extends PickerValidDate, TSection extends FieldSection, TExternalProps extends UsePickerValueProps<TValue, any>>({ props, valueManager, valueType, wrapperVariant, validator, }: UsePickerValueParams<TValue, TDate, TExternalProps>) => UsePickerValueResponse<TValue, TSection, InferError<TExternalProps>>;
+export declare const usePickerValue: <TValue, TSection extends FieldSection, TExternalProps extends UsePickerValueProps<TValue, any>>({ props, valueManager, valueType, variant, validator, }: UsePickerValueParams<TValue, TExternalProps>) => UsePickerValueResponse<TValue, TSection, InferError<TExternalProps>>;

package/internals/hooks/usePicker/usePickerValue.js

@@ -5,6 +5,7 @@ import { useOpenState } from "../useOpenState.js";
 import { useLocalizationContext, useUtils } from "../useUtils.js";
 import { useValidation } from "../../../validation/index.js";
 import { useValueWithTimezone } from "../useValueWithTimezone.js";
+
 /**
  * Decide if the new value should be published
  * The published value will be passed to `onChange` if defined.
@@ -112,7 +113,7 @@ export const usePickerValue = ({
   props,
   valueManager,
   valueType,
-  wrapperVariant,
+  variant,
   validator
 }) => {
   const {
@@ -120,8 +121,9 @@ export const usePickerValue = ({
     onChange,
     value: inValueWithoutRenderTimezone,
     defaultValue: inDefaultValue,
-    closeOnSelect = wrapperVariant === 'desktop',
-    timezone: timezoneProp
+    closeOnSelect = variant === 'desktop',
+    timezone: timezoneProp,
+    referenceDate
   } = props;
   const {
     current: defaultValue
@@ -160,6 +162,7 @@ export const usePickerValue = ({
     timezone: timezoneProp,
     value: inValueWithoutRenderTimezone,
     defaultValue,
+    referenceDate,
     onChange,
     valueManager
   });
@@ -343,17 +346,11 @@ export const usePickerValue = ({
     onSelectShortcut: handleSelectShortcut,
     isValid
   });
-  const contextValue = React.useMemo(() => ({
-    onOpen: handleOpen,
-    onClose: handleClose,
-    open: isOpen
-  }), [isOpen, handleClose, handleOpen]);
   return {
     open: isOpen,
     fieldProps: fieldResponse,
     viewProps: viewResponse,
     layoutProps: layoutResponse,
-    actions,
-    contextValue
+    actions
   };
 };

package/internals/hooks/usePicker/usePickerValue.types.d.ts

@@ -1,72 +1,71 @@
 import { FieldChangeHandlerContext, UseFieldInternalProps } from '../useField';
 import { Validator } from '../../../validation';
-import { WrapperVariant } from '../../models/common';
-import { FieldSection, FieldValueType, TimezoneProps, MuiPickersAdapter, PickersTimezone, PickerChangeHandlerContext, PickerValidDate, OnErrorProps, InferError } from '../../../models';
+import { PickerVariant } from '../../models/common';
+import { FieldSection, TimezoneProps, MuiPickersAdapter, PickersTimezone, PickerChangeHandlerContext, PickerValidDate, OnErrorProps, InferError, PickerValueType } from '../../../models';
 import { GetDefaultReferenceDateProps } from '../../utils/getDefaultReferenceDate';
 import { PickerShortcutChangeImportance, PickersShortcutsItemContext } from '../../../PickersShortcuts';
-import { PickersContextValue } from '../../components/PickersProvider';
-export interface PickerValueManager<TValue, TDate extends PickerValidDate, TError> {
+export interface PickerValueManager<TValue, TError> {
     /**
      * Determines if two values are equal.
-     * @template TDate, TValue
-     * @param {MuiPickersAdapter<TDate>} utils The adapter.
+     * @template TValue
+     * @param {MuiPickersAdapter} utils The adapter.
      * @param {TValue} valueLeft The first value to compare.
      * @param {TValue} valueRight The second value to compare.
      * @returns {boolean} A boolean indicating if the two values are equal.
      */
-    areValuesEqual: (utils: MuiPickersAdapter<TDate>, valueLeft: TValue, valueRight: TValue) => boolean;
+    areValuesEqual: (utils: MuiPickersAdapter, valueLeft: TValue, valueRight: TValue) => boolean;
     /**
      * Value to set when clicking the "Clear" button.
      */
     emptyValue: TValue;
     /**
      * Method returning the value to set when clicking the "Today" button
-     * @template TDate, TValue
-     * @param {MuiPickersAdapter<TDate>} utils The adapter.
+     * @template TValue
+     * @param {MuiPickersAdapter} utils The adapter.
      * @param {PickersTimezone} timezone The current timezone.
-     * @param {FieldValueType} valueType The type of the value being edited.
+     * @param {PickerValueType} valueType The type of the value being edited.
      * @returns {TValue} The value to set when clicking the "Today" button.
      */
-    getTodayValue: (utils: MuiPickersAdapter<TDate>, timezone: PickersTimezone, valueType: FieldValueType) => TValue;
+    getTodayValue: (utils: MuiPickersAdapter, timezone: PickersTimezone, valueType: PickerValueType) => TValue;
     /**
-     * @template TDate, TValue
+     * @template TValue
      * Method returning the reference value to use when mounting the component.
      * @param {object} params The params of the method.
-     * @param {TDate | undefined} params.referenceDate The referenceDate provided by the user.
+     * @param {PickerValidDate | undefined} params.referenceDate The referenceDate provided by the user.
      * @param {TValue} params.value The value provided by the user.
-     * @param {GetDefaultReferenceDateProps<TDate>} params.props The validation props needed to compute the reference value.
-     * @param {MuiPickersAdapter<TDate>} params.utils The adapter.
+     * @param {GetDefaultReferenceDateProps} params.props The validation props needed to compute the reference value.
+     * @param {MuiPickersAdapter} params.utils The adapter.
      * @param {number} params.granularity The granularity of the selection possible on this component.
      * @param {PickersTimezone} params.timezone The current timezone.
-     * @param {() => TDate} params.getTodayDate The reference date to use if no reference date is passed to the component.
+     * @param {() => PickerValidDate} params.getTodayDate The reference date to use if no reference date is passed to the component.
      * @returns {TValue} The reference value to use for non-provided dates.
      */
     getInitialReferenceValue: (params: {
-        referenceDate: TDate | undefined;
+        referenceDate: PickerValidDate | undefined;
         value: TValue;
-        props: GetDefaultReferenceDateProps<TDate>;
-        utils: MuiPickersAdapter<TDate>;
+        props: GetDefaultReferenceDateProps;
+        utils: MuiPickersAdapter;
         granularity: number;
         timezone: PickersTimezone;
-        getTodayDate?: () => TDate;
+        getTodayDate?: () => PickerValidDate;
     }) => TValue;
     /**
      * Method parsing the input value to replace all invalid dates by `null`.
-     * @template TDate, TValue
-     * @param {MuiPickersAdapter<TDate>} utils The adapter.
+     * @template TValue
+     * @param {MuiPickersAdapter} utils The adapter.
      * @param {TValue} value The value to parse.
      * @returns {TValue} The value without invalid date.
      */
-    cleanValue: (utils: MuiPickersAdapter<TDate>, value: TValue) => TValue;
+    cleanValue: (utils: MuiPickersAdapter, value: TValue) => TValue;
     /**
      * Generates the new value, given the previous value and the new proposed value.
-     * @template TDate, TValue
-     * @param {MuiPickersAdapter<TDate>} utils The adapter.
+     * @template TValue
+     * @param {MuiPickersAdapter} utils The adapter.
      * @param {TValue} lastValidDateValue The last valid value.
      * @param {TValue} value The proposed value.
      * @returns {TValue} The new value.
      */
-    valueReducer?: (utils: MuiPickersAdapter<TDate>, lastValidDateValue: TValue, value: TValue) => TValue;
+    valueReducer?: (utils: MuiPickersAdapter, lastValidDateValue: TValue, value: TValue) => TValue;
     /**
      * Compare two errors to know if they are equal.
      * @template TError
@@ -89,21 +88,21 @@ export interface PickerValueManager<TValue, TDate extends PickerValidDate, TErro
     /**
      * Return the timezone of the date inside a value.
      * Throw an error on range picker if both values don't have the same timezone.
-     @template TValue, TDate
-     @param {MuiPickersAdapter<TDate>} utils The utils to manipulate the date.
+     @template TValue
+     @param {MuiPickersAdapter} utils The utils to manipulate the date.
      @param {TValue} value The current value.
      @returns {string | null} The timezone of the current value.
      */
-    getTimezone: (utils: MuiPickersAdapter<TDate>, value: TValue) => string | null;
+    getTimezone: (utils: MuiPickersAdapter, value: TValue) => string | null;
     /**
      * Change the timezone of the dates inside a value.
-     @template TValue, TDate
-     @param {MuiPickersAdapter<TDate>} utils The utils to manipulate the date.
+     @template TValue
+     @param {MuiPickersAdapter} utils The utils to manipulate the date.
      @param {PickersTimezone} timezone The current timezone.
      @param {TValue} value The value to convert.
      @returns {TValue} The value with the new dates in the new timezone.
      */
-    setTimezone: (utils: MuiPickersAdapter<TDate>, timezone: PickersTimezone, value: TValue) => TValue;
+    setTimezone: (utils: MuiPickersAdapter, timezone: PickersTimezone, value: TValue) => TValue;
 }
 export type PickerSelectionState = 'partial' | 'shallow' | 'finish';
 export interface UsePickerValueState<TValue> {
@@ -227,13 +226,14 @@ export interface UsePickerValueNonStaticProps {
  * Props used to handle the value of the pickers.
  */
 export interface UsePickerValueProps<TValue, TError> extends UsePickerValueBaseProps<TValue, TError>, UsePickerValueNonStaticProps, TimezoneProps {
+    referenceDate?: PickerValidDate;
 }
-export interface UsePickerValueParams<TValue, TDate extends PickerValidDate, TExternalProps extends UsePickerValueProps<TValue, any>> {
+export interface UsePickerValueParams<TValue, TExternalProps extends UsePickerValueProps<TValue, any>> {
     props: TExternalProps;
-    valueManager: PickerValueManager<TValue, TDate, InferError<TExternalProps>>;
-    valueType: FieldValueType;
-    wrapperVariant: WrapperVariant;
-    validator: Validator<TValue, TDate, InferError<TExternalProps>, TExternalProps>;
+    valueManager: PickerValueManager<TValue, InferError<TExternalProps>>;
+    valueType: PickerValueType;
+    variant: PickerVariant;
+    validator: Validator<TValue, InferError<TExternalProps>, TExternalProps>;
 }
 export interface UsePickerValueActions {
     onAccept: () => void;
@@ -244,7 +244,7 @@ export interface UsePickerValueActions {
     onOpen: (event: React.UIEvent) => void;
     onClose: (event?: React.UIEvent) => void;
 }
-export type UsePickerValueFieldResponse<TValue, TSection extends FieldSection, TError> = Required<Pick<UseFieldInternalProps<TValue, PickerValidDate, TSection, any, TError>, 'value' | 'onChange'>>;
+export type UsePickerValueFieldResponse<TValue, TSection extends FieldSection, TError> = Required<Pick<UseFieldInternalProps<TValue, TSection, any, TError>, 'value' | 'onChange'>>;
 /**
  * Props passed to `usePickerViews`.
  */
@@ -269,5 +269,4 @@ export interface UsePickerValueResponse<TValue, TSection extends FieldSection, T
     viewProps: UsePickerValueViewsResponse<TValue>;
     fieldProps: UsePickerValueFieldResponse<TValue, TSection, TError>;
     layoutProps: UsePickerValueLayoutResponse<TValue>;
-    contextValue: PickersContextValue;
 }

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

@@ -5,7 +5,7 @@ import { UseViewsOptions } from '../useViews';
 import type { UsePickerValueViewsResponse } from './usePickerValue.types';
 import { DateOrTimeViewWithMeridiem } from '../../models';
 import { FieldRef, FieldSection, PickerValidDate, TimezoneProps } from '../../../models';
-interface PickerViewsRendererBaseExternalProps<TView extends DateOrTimeViewWithMeridiem> extends Omit<UsePickerViewsProps<any, any, TView, any, any>, 'openTo' | 'viewRenderers'> {
+interface PickerViewsRendererBaseExternalProps<TView extends DateOrTimeViewWithMeridiem> extends Omit<UsePickerViewsProps<any, TView, any, any>, 'openTo' | 'viewRenderers'> {
 }
 export type PickerViewsRendererProps<TValue, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends PickerViewsRendererBaseExternalProps<TView>, TAdditionalProps extends {}> = Omit<TExternalProps, 'className' | 'sx'> & TAdditionalProps & UsePickerValueViewsResponse<TValue> & {
     view: TView;
@@ -22,12 +22,7 @@ export type PickerViewRendererLookup<TValue, TView extends DateOrTimeViewWithMer
 /**
  * Props used to handle the views that are common to all pickers.
  */
-export interface UsePickerViewsBaseProps<TValue, TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UsePickerViewsProps<TValue, TDate, TView, any, any>, TAdditionalProps extends {}> extends Omit<UseViewsOptions<any, TView>, 'onChange' | 'onFocusedViewChange' | 'focusedView'>, TimezoneProps {
-    /**
-     * If `true`, the picker and text field are disabled.
-     * @default false
-     */
-    disabled?: boolean;
+export interface UsePickerViewsBaseProps<TValue, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UsePickerViewsProps<TValue, TView, any, any>, TAdditionalProps extends {}> extends Omit<UseViewsOptions<any, TView>, 'onChange' | 'onFocusedViewChange' | 'focusedView'>, TimezoneProps {
     /**
      * If `null`, the section will only have field editing.
      * If `undefined`, internally defined view will be used.
@@ -42,7 +37,7 @@ export interface UsePickerViewsBaseProps<TValue, TDate extends PickerValidDate,
      * The date used to generate the new value when both `value` and `defaultValue` are empty.
      * @default The closest valid date-time using the validation props, except callbacks like `shouldDisable<...>`.
      */
-    referenceDate?: TDate;
+    referenceDate?: PickerValidDate;
 }
 /**
  * Props used to handle the views of the pickers.
@@ -57,11 +52,11 @@ export interface UsePickerViewsNonStaticProps {
 /**
  * Props used to handle the value of the pickers.
  */
-export interface UsePickerViewsProps<TValue, TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UsePickerViewsProps<TValue, TDate, TView, any, any>, TAdditionalProps extends {}> extends UsePickerViewsBaseProps<TValue, TDate, TView, TExternalProps, TAdditionalProps> {
+export interface UsePickerViewsProps<TValue, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UsePickerViewsProps<TValue, TView, any, any>, TAdditionalProps extends {}> extends UsePickerViewsBaseProps<TValue, TView, TExternalProps, TAdditionalProps> {
     className?: string;
     sx?: SxProps<Theme>;
 }
-export interface UsePickerViewParams<TValue, TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem, TSection extends FieldSection, TExternalProps extends UsePickerViewsProps<TValue, TDate, TView, TExternalProps, TAdditionalProps>, TAdditionalProps extends {}> {
+export interface UsePickerViewParams<TValue, TView extends DateOrTimeViewWithMeridiem, TSection extends FieldSection, TExternalProps extends UsePickerViewsProps<TValue, TView, TExternalProps, TAdditionalProps>, TAdditionalProps extends {}> {
     props: TExternalProps;
     propsFromPickerValue: UsePickerValueViewsResponse<TValue>;
     additionalViewProps: TAdditionalProps;
@@ -82,6 +77,7 @@ export interface UsePickerViewsResponse<TView extends DateOrTimeViewWithMeridiem
      * Indicates if the the picker has at least one view that should be rendered in UI.
      */
     hasUIView: boolean;
+    views: readonly TView[];
     renderCurrentView: () => React.ReactNode;
     shouldRestoreFocus: () => boolean;
     layoutProps: UsePickerViewsLayoutResponse<TView>;
@@ -97,5 +93,5 @@ export interface UsePickerViewsLayoutResponse<TView extends DateOrTimeViewWithMe
  * - Handles the switch between UI views and field views
  * - Handles the focus management when switching views
  */
-export declare const usePickerViews: <TValue, TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem, TSection extends FieldSection, TExternalProps extends UsePickerViewsProps<TValue, TDate, TView, any, any>, TAdditionalProps extends {}>({ props, propsFromPickerValue, additionalViewProps, autoFocusView, rendererInterceptor, fieldRef, }: UsePickerViewParams<TValue, TDate, TView, TSection, TExternalProps, TAdditionalProps>) => UsePickerViewsResponse<TView>;
+export declare const usePickerViews: <TValue, TView extends DateOrTimeViewWithMeridiem, TSection extends FieldSection, TExternalProps extends UsePickerViewsProps<TValue, TView, any, any>, TAdditionalProps extends {}>({ props, propsFromPickerValue, additionalViewProps, autoFocusView, rendererInterceptor, fieldRef, }: UsePickerViewParams<TValue, TView, TSection, TExternalProps, TAdditionalProps>) => UsePickerViewsResponse<TView>;
 export {};

package/internals/hooks/usePicker/usePickerViews.js

@@ -134,6 +134,7 @@ export const usePickerViews = ({
   };
   return {
     hasUIView,
+    views,
     shouldRestoreFocus,
     layoutProps,
     renderCurrentView: () => {

package/internals/hooks/usePickerPrivateContext.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Returns the private context passed by the picker that wraps the current component.
+ */
+export declare const usePickerPrivateContext: () => import("../components/PickerProvider").PickerPrivateContextValue;

package/internals/hooks/usePickerPrivateContext.js

@@ -0,0 +1,9 @@
+'use client';
+
+import * as React from 'react';
+import { PickerPrivateContext } from "../components/PickerProvider.js";
+
+/**
+ * Returns the private context passed by the picker that wraps the current component.
+ */
+export const usePickerPrivateContext = () => React.useContext(PickerPrivateContext);

package/internals/hooks/useStaticPicker/useStaticPicker.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { UseStaticPickerParams, UseStaticPickerProps } from './useStaticPicker.types';
-import { PickerValidDate } from '../../../models';
 import { DateOrTimeViewWithMeridiem } from '../../models';
 /**
  * Hook managing all the single-date static pickers:
@@ -8,6 +7,6 @@ import { DateOrTimeViewWithMeridiem } from '../../models';
  * - StaticDateTimePicker
  * - StaticTimePicker
  */
-export declare const useStaticPicker: <TDate extends PickerValidDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseStaticPickerProps<TDate, TView, any, TExternalProps>>({ props, ref, ...pickerParams }: UseStaticPickerParams<TDate, TView, TExternalProps>) => {
+export declare const useStaticPicker: <TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseStaticPickerProps<TView, any, TExternalProps>>({ props, ref, ...pickerParams }: UseStaticPickerParams<TView, TExternalProps>) => {
     renderPicker: () => React.JSX.Element;
 };

package/internals/hooks/useStaticPicker/useStaticPicker.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import clsx from 'clsx';
 import { styled } from '@mui/material/styles';
 import { usePicker } from "../usePicker/index.js";
-import { LocalizationProvider } from "../../../LocalizationProvider/index.js";
+import { PickerProvider } from "../../components/PickerProvider.js";
 import { PickersLayout } from "../../../PickersLayout/index.js";
 import { DIALOG_WIDTH } from "../../constants/dimensions.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -40,17 +40,18 @@ export const useStaticPicker = _ref => {
   } = props;
   const {
     layoutProps,
+    providerProps,
     renderCurrentView
   } = usePicker(_extends({}, pickerParams, {
     props,
     autoFocusView: autoFocus ?? false,
     fieldRef: undefined,
+    localeText,
     additionalViewProps: {},
-    wrapperVariant: displayStaticWrapperAs
+    variant: displayStaticWrapperAs
   }));
   const Layout = slots?.layout ?? PickerStaticLayout;
-  const renderPicker = () => /*#__PURE__*/_jsx(LocalizationProvider, {
-    localeText: localeText,
+  const renderPicker = () => /*#__PURE__*/_jsx(PickerProvider, _extends({}, providerProps, {
     children: /*#__PURE__*/_jsx(Layout, _extends({}, layoutProps, slotProps?.layout, {
       slots: slots,
       slotProps: slotProps,
@@ -59,7 +60,7 @@ export const useStaticPicker = _ref => {
       ref: ref,
       children: renderCurrentView()
     }))
-  });
+  }));
   return {
     renderPicker
   };