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

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

@@ -4,12 +4,17 @@ import { PickerProviderProps } from "../../components/PickerProvider.js";
 import type { UsePickerProps } from './usePicker.types';
 import { DateOrTimeViewWithMeridiem, FormProps, PickerOrientation, PickerValidValue, PickerVariant } from "../../models/index.js";
 import { UsePickerViewsProviderParams } from "./usePickerViews.js";
-import { PickerFieldPrivateContextValue } from "../useField/useFieldInternalPropsWithDefaults.js";
+import type { UseFieldInternalProps } from '../useField';
+import { ExportedBaseToolbarProps } from "../../models/props/toolbar.js";
 export declare const usePickerOrientation: (views: readonly DateOrTimeViewWithMeridiem[], customOrientation: PickerOrientation | undefined) => PickerOrientation;
 export declare function usePickerProvider<TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem, TError>(parameters: UsePickerProviderParameters<TValue, TView, TError>): UsePickerProviderReturnValue<TValue>;
 export interface UsePickerProviderParameters<TValue extends PickerValidValue, TView extends DateOrTimeViewWithMeridiem, TError> extends Pick<PickerProviderProps<TValue>, 'localeText'> {
   ref: React.ForwardedRef<HTMLDivElement> | undefined;
-  props: UsePickerProps<TValue, any, any, any> & UsePickerProviderNonStaticProps;
+  props: UsePickerProps<TValue, any, any, any> & UsePickerProviderNonStaticProps & {
+    slotProps?: {
+      toolbar?: ExportedBaseToolbarProps;
+    };
+  };
   valueManager: PickerValueManager<TValue, any>;
   variant: PickerVariant;
   paramsFromUsePickerValue: UsePickerValueProviderParams<TValue, TError>;
@@ -34,7 +39,7 @@ export interface UsePickerProviderProps extends FormProps {
 /**
  * Props used to create the picker's contexts and that are not available on static pickers.
  */
-export interface UsePickerProviderNonStaticProps extends PickerFieldPrivateContextValue {
+export interface UsePickerProviderNonStaticProps extends Pick<UseFieldInternalProps<any, any, any>, 'formatDensity' | 'enableAccessibleFieldDOMStructure' | 'selectedSections' | 'onSelectedSectionsChange'> {
   /**
    * Format of the date when rendered in the input(s).
    * Defaults to localized format based on the used `views`.

package/internals/hooks/usePicker/usePickerProvider.js

@@ -10,6 +10,8 @@ exports.usePickerProvider = usePickerProvider;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _useUtils = require("../useUtils");
 var _utils = require("../../utils/utils");
 var _useReduceAnimations = require("../useReduceAnimations");
@@ -59,6 +61,14 @@ function usePickerProvider(parameters) {
   const orientation = usePickerOrientation(paramsFromUsePickerViews.views, props.orientation);
   const reduceAnimations = (0, _useReduceAnimations.useReduceAnimations)(props.reduceAnimations);
   const triggerRef = React.useRef(null);
+  const popupRef = React.useRef(null);
+  const rootRefObject = React.useRef(null);
+  const rootRef = (0, _useForkRef.default)(ref, rootRefObject);
+
+  /**
+   * TODO: Improve how we generate the aria-label and aria-labelledby attributes.
+   */
+  const labelId = (0, _useId.default)();
   const ownerState = React.useMemo(() => ({
     isPickerValueEmpty: valueManager.areValuesEqual(utils, paramsFromUsePickerValue.value, valueManager.emptyValue),
     isPickerOpen: paramsFromUsePickerValue.contextValue.open,
@@ -79,8 +89,10 @@ function usePickerProvider(parameters) {
   const contextValue = React.useMemo(() => (0, _extends2.default)({}, paramsFromUsePickerValue.contextValue, paramsFromUsePickerViews.contextValue, {
     disabled: props.disabled ?? false,
     readOnly: props.readOnly ?? false,
+    autoFocus: props.autoFocus ?? false,
     variant,
     orientation,
+    popupRef,
     reduceAnimations,
     triggerRef,
     triggerStatus,
@@ -88,19 +100,21 @@ 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(() => (0, _extends2.default)({}, paramsFromUsePickerValue.privateContextValue, paramsFromUsePickerViews.privateContextValue, {
-    ownerState
-  }), [paramsFromUsePickerValue.privateContextValue, paramsFromUsePickerViews.privateContextValue, ownerState]);
+    ownerState,
+    rootRefObject,
+    labelId
+  }), [paramsFromUsePickerValue.privateContextValue, paramsFromUsePickerViews.privateContextValue, ownerState, labelId]);
   const actionsContextValue = React.useMemo(() => (0, _extends2.default)({}, paramsFromUsePickerValue.actionsContextValue, paramsFromUsePickerViews.actionsContextValue), [paramsFromUsePickerValue.actionsContextValue, paramsFromUsePickerViews.actionsContextValue]);
-  const fieldPrivateContextValue = React.useMemo(() => ({
+  const fieldPrivateContextValue = React.useMemo(() => (0, _extends2.default)({}, 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/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/internals/hooks/usePicker/usePickerViews.js

@@ -31,8 +31,8 @@ const usePickerViews = ({
   props,
   propsFromPickerValue,
   autoFocusView,
-  rendererInterceptor: RendererInterceptor,
-  fieldRef
+  viewContainerRole,
+  rendererInterceptor: RendererInterceptor
 }) => {
   const {
     onChange,
@@ -49,6 +49,7 @@ const usePickerViews = ({
     timezone
   } = props;
   const propsToForwardToView = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const fieldRef = React.useRef(null);
   const {
     view,
     setView,
@@ -132,20 +133,27 @@ const usePickerViews = ({
   const actionsContextValue = React.useMemo(() => ({
     setView
   }), [setView]);
+  const initialViewRef = React.useRef(openTo ?? null);
   const contextValue = React.useMemo(() => (0, _extends2.default)({}, 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,
@@ -164,10 +172,14 @@ 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__*/(0, _jsxRuntime.jsx)(RendererInterceptor, {

package/internals/hooks/useStaticPicker/useStaticPicker.js

@@ -49,9 +49,10 @@ const useStaticPicker = _ref => {
     renderCurrentView
   } = (0, _usePicker.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
+    variant: displayStaticWrapperAs,
     autoFocusView: autoFocus ?? false,
-    localeText,
-    variant: displayStaticWrapperAs
+    viewContainerRole: null,
+    localeText
   }));
   const Layout = slots?.layout ?? PickerStaticLayout;
   const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickerProvider.PickerProvider, (0, _extends2.default)({}, providerProps, {

package/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/internals/index.js

@@ -39,6 +39,12 @@ Object.defineProperty(exports, "PickerFieldUI", {
     return _PickerFieldUI.PickerFieldUI;
   }
 });
+Object.defineProperty(exports, "PickerFieldUIContext", {
+  enumerable: true,
+  get: function () {
+    return _PickerFieldUI.PickerFieldUIContext;
+  }
+});
 Object.defineProperty(exports, "PickerFieldUIContextProvider", {
   enumerable: true,
   get: function () {
@@ -195,6 +201,12 @@ Object.defineProperty(exports, "mergeDateAndTime", {
     return _dateUtils.mergeDateAndTime;
   }
 });
+Object.defineProperty(exports, "mergeSlotProps", {
+  enumerable: true,
+  get: function () {
+    return _PickerFieldUI.mergeSlotProps;
+  }
+});
 Object.defineProperty(exports, "mergeSx", {
   enumerable: true,
   get: function () {
@@ -309,6 +321,12 @@ Object.defineProperty(exports, "useNow", {
     return _useUtils.useNow;
   }
 });
+Object.defineProperty(exports, "useNullableFieldPrivateContext", {
+  enumerable: true,
+  get: function () {
+    return _useNullableFieldPrivateContext.useNullableFieldPrivateContext;
+  }
+});
 Object.defineProperty(exports, "useNullablePickerContext", {
   enumerable: true,
   get: function () {
@@ -378,6 +396,7 @@ var _dimensions = require("./constants/dimensions");
 var _useValueWithTimezone = require("./hooks/useValueWithTimezone");
 var _useField = require("./hooks/useField");
 var _useFieldOwnerState = require("./hooks/useFieldOwnerState");
+var _useNullableFieldPrivateContext = require("./hooks/useNullableFieldPrivateContext");
 var _useNullablePickerContext = require("./hooks/useNullablePickerContext");
 var _usePicker = require("./hooks/usePicker");
 var _usePickerPrivateContext = require("./hooks/usePickerPrivateContext");

package/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/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/locales/bnBD.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.bnBD = void 0;
+var _getPickersLocalization = require("./utils/getPickersLocalization");
+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: 'ফাঁকা'
+};
+const bnBD = exports.bnBD = (0, _getPickersLocalization.getPickersLocalization)(bnBDPickers);

package/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/locales/index.js

@@ -25,6 +25,17 @@ Object.keys(_bgBG).forEach(function (key) {
     }
   });
 });
+var _bnBD = require("./bnBD");
+Object.keys(_bnBD).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _bnBD[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _bnBD[key];
+    }
+  });
+});
 var _caES = require("./caES");
 Object.keys(_caES).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/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/modern/AdapterDateFnsJalaliV2/AdapterDateFnsJalaliV2.d.ts

@@ -1,4 +1,4 @@
-import { Locale as DateFnsLocale } from 'date-fns-jalali/locale';
+import type { Locale as DateFnsLocale } from 'date-fns-jalali';
 import { AdapterFormats, AdapterOptions, MuiPickersAdapter } from "../models/index.js";
 import { AdapterDateFnsBase } from "../AdapterDateFnsBase/index.js";
 declare module '@mui/x-date-pickers/models' {

package/modern/AdapterDateFnsJalaliV2/AdapterDateFnsJalaliV2.js

@@ -1,50 +1,52 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-/* eslint-disable class-methods-use-this */
+// date-fns-jalali@<3 has no exports field defined
+// See https://github.com/date-fns/date-fns/issues/1781
+/* eslint-disable import/extensions, class-methods-use-this */
 // @ts-nocheck
-import addSeconds from 'date-fns-jalali/addSeconds';
-import addMinutes from 'date-fns-jalali/addMinutes';
-import addHours from 'date-fns-jalali/addHours';
-import addDays from 'date-fns-jalali/addDays';
-import addWeeks from 'date-fns-jalali/addWeeks';
-import addMonths from 'date-fns-jalali/addMonths';
-import addYears from 'date-fns-jalali/addYears';
-import endOfDay from 'date-fns-jalali/endOfDay';
-import endOfWeek from 'date-fns-jalali/endOfWeek';
-import endOfYear from 'date-fns-jalali/endOfYear';
-import dateFnsFormat from 'date-fns-jalali/format';
-import getHours from 'date-fns-jalali/getHours';
-import getSeconds from 'date-fns-jalali/getSeconds';
-import getMilliseconds from 'date-fns-jalali/getMilliseconds';
-import getWeek from 'date-fns-jalali/getWeek';
-import getYear from 'date-fns-jalali/getYear';
-import getMonth from 'date-fns-jalali/getMonth';
-import getDate from 'date-fns-jalali/getDate';
-import getDaysInMonth from 'date-fns-jalali/getDaysInMonth';
-import getMinutes from 'date-fns-jalali/getMinutes';
-import isAfter from 'date-fns-jalali/isAfter';
-import isBefore from 'date-fns-jalali/isBefore';
-import isEqual from 'date-fns-jalali/isEqual';
-import isSameDay from 'date-fns-jalali/isSameDay';
-import isSameYear from 'date-fns-jalali/isSameYear';
-import isSameMonth from 'date-fns-jalali/isSameMonth';
-import isSameHour from 'date-fns-jalali/isSameHour';
-import isValid from 'date-fns-jalali/isValid';
-import dateFnsParse from 'date-fns-jalali/parse';
-import setDate from 'date-fns-jalali/setDate';
-import setHours from 'date-fns-jalali/setHours';
-import setMinutes from 'date-fns-jalali/setMinutes';
-import setMonth from 'date-fns-jalali/setMonth';
-import setSeconds from 'date-fns-jalali/setSeconds';
-import setMilliseconds from 'date-fns-jalali/setMilliseconds';
-import setYear from 'date-fns-jalali/setYear';
-import startOfDay from 'date-fns-jalali/startOfDay';
-import startOfMonth from 'date-fns-jalali/startOfMonth';
-import endOfMonth from 'date-fns-jalali/endOfMonth';
-import startOfWeek from 'date-fns-jalali/startOfWeek';
-import startOfYear from 'date-fns-jalali/startOfYear';
-import isWithinInterval from 'date-fns-jalali/isWithinInterval';
-import defaultLocale from 'date-fns-jalali/locale/fa-IR';
-import longFormatters from 'date-fns-jalali/_lib/format/longFormatters';
+import addSeconds from 'date-fns-jalali/addSeconds/index.js';
+import addMinutes from 'date-fns-jalali/addMinutes/index.js';
+import addHours from 'date-fns-jalali/addHours/index.js';
+import addDays from 'date-fns-jalali/addDays/index.js';
+import addWeeks from 'date-fns-jalali/addWeeks/index.js';
+import addMonths from 'date-fns-jalali/addMonths/index.js';
+import addYears from 'date-fns-jalali/addYears/index.js';
+import endOfDay from 'date-fns-jalali/endOfDay/index.js';
+import endOfWeek from 'date-fns-jalali/endOfWeek/index.js';
+import endOfYear from 'date-fns-jalali/endOfYear/index.js';
+import dateFnsFormat from 'date-fns-jalali/format/index.js';
+import getHours from 'date-fns-jalali/getHours/index.js';
+import getSeconds from 'date-fns-jalali/getSeconds/index.js';
+import getMilliseconds from 'date-fns-jalali/getMilliseconds/index.js';
+import getWeek from 'date-fns-jalali/getWeek/index.js';
+import getYear from 'date-fns-jalali/getYear/index.js';
+import getMonth from 'date-fns-jalali/getMonth/index.js';
+import getDate from 'date-fns-jalali/getDate/index.js';
+import getDaysInMonth from 'date-fns-jalali/getDaysInMonth/index.js';
+import getMinutes from 'date-fns-jalali/getMinutes/index.js';
+import isAfter from 'date-fns-jalali/isAfter/index.js';
+import isBefore from 'date-fns-jalali/isBefore/index.js';
+import isEqual from 'date-fns-jalali/isEqual/index.js';
+import isSameDay from 'date-fns-jalali/isSameDay/index.js';
+import isSameYear from 'date-fns-jalali/isSameYear/index.js';
+import isSameMonth from 'date-fns-jalali/isSameMonth/index.js';
+import isSameHour from 'date-fns-jalali/isSameHour/index.js';
+import isValid from 'date-fns-jalali/isValid/index.js';
+import dateFnsParse from 'date-fns-jalali/parse/index.js';
+import setDate from 'date-fns-jalali/setDate/index.js';
+import setHours from 'date-fns-jalali/setHours/index.js';
+import setMinutes from 'date-fns-jalali/setMinutes/index.js';
+import setMonth from 'date-fns-jalali/setMonth/index.js';
+import setSeconds from 'date-fns-jalali/setSeconds/index.js';
+import setMilliseconds from 'date-fns-jalali/setMilliseconds/index.js';
+import setYear from 'date-fns-jalali/setYear/index.js';
+import startOfDay from 'date-fns-jalali/startOfDay/index.js';
+import startOfMonth from 'date-fns-jalali/startOfMonth/index.js';
+import endOfMonth from 'date-fns-jalali/endOfMonth/index.js';
+import startOfWeek from 'date-fns-jalali/startOfWeek/index.js';
+import startOfYear from 'date-fns-jalali/startOfYear/index.js';
+import isWithinInterval from 'date-fns-jalali/isWithinInterval/index.js';
+import defaultLocale from 'date-fns-jalali/locale/fa-IR/index.js';
+import longFormatters from 'date-fns-jalali/_lib/format/longFormatters/index.js';
 import { AdapterDateFnsBase } from "../AdapterDateFnsBase/index.js";
 const defaultFormats = {
   year: 'yyyy',

package/modern/AdapterDateFnsV2/AdapterDateFnsV2.d.ts

@@ -1,4 +1,4 @@
-import { Locale as DateFnsLocale } from 'date-fns/locale';
+import type { Locale as DateFnsLocale } from 'date-fns';
 import { AdapterFormats, AdapterOptions, MuiPickersAdapter } from "../models/index.js";
 import { AdapterDateFnsBase } from "../AdapterDateFnsBase/index.js";
 declare module '@mui/x-date-pickers/models' {