@mui/lab 5.0.0-alpha.49 → 5.0.0-alpha.53

package/YearPicker/YearPicker.d.ts

@@ -1,42 +1,42 @@
-/// <reference types="react" />
-import { PickerOnChangeFn } from '../internal/pickers/hooks/useViews';
-export interface ExportedYearPickerProps<TDate> {
-    /**
-     * Callback firing on year change @DateIOType.
-     */
-    onYearChange?: (date: TDate) => void;
-    /**
-     * Disable specific years dynamically.
-     * Works like `shouldDisableDate` but for year selection view @DateIOType.
-     */
-    shouldDisableYear?: (day: TDate) => boolean;
-}
-export declare type YearPickerClassKey = keyof NonNullable<YearPickerProps<any>['classes']>;
-export interface YearPickerProps<TDate> extends ExportedYearPickerProps<TDate> {
-    autoFocus?: boolean;
-    className?: string;
-    classes?: {
-        /** Styles applied to the root element. */
-        root?: string;
-    };
-    date: TDate | null;
-    disableFuture?: boolean | null;
-    disablePast?: boolean | null;
-    isDateDisabled: (day: TDate) => boolean;
-    minDate: TDate;
-    maxDate: TDate;
-    onChange: PickerOnChangeFn<TDate>;
-    onFocusedDayChange?: (day: TDate) => void;
-}
-declare const _default: <TDate>(props: YearPickerProps<TDate>) => JSX.Element;
-/**
- *
- * Demos:
- *
- * - [Date Picker](https://mui.com/components/date-picker/)
- *
- * API:
- *
- * - [YearPicker API](https://mui.com/api/year-picker/)
- */
-export default _default;
+/// <reference types="react" />
+import { PickerOnChangeFn } from '../internal/pickers/hooks/useViews';
+export interface ExportedYearPickerProps<TDate> {
+    /**
+     * Callback firing on year change @DateIOType.
+     */
+    onYearChange?: (date: TDate) => void;
+    /**
+     * Disable specific years dynamically.
+     * Works like `shouldDisableDate` but for year selection view @DateIOType.
+     */
+    shouldDisableYear?: (day: TDate) => boolean;
+}
+export declare type YearPickerClassKey = keyof NonNullable<YearPickerProps<any>['classes']>;
+export interface YearPickerProps<TDate> extends ExportedYearPickerProps<TDate> {
+    autoFocus?: boolean;
+    className?: string;
+    classes?: {
+        /** Styles applied to the root element. */
+        root?: string;
+    };
+    date: TDate | null;
+    disableFuture?: boolean | null;
+    disablePast?: boolean | null;
+    isDateDisabled: (day: TDate) => boolean;
+    minDate: TDate;
+    maxDate: TDate;
+    onChange: PickerOnChangeFn<TDate>;
+    onFocusedDayChange?: (day: TDate) => void;
+}
+declare const _default: <TDate>(props: YearPickerProps<TDate>) => JSX.Element;
+/**
+ *
+ * Demos:
+ *
+ * - [Date Picker](https://mui.com/components/date-picker/)
+ *
+ * API:
+ *
+ * - [YearPicker API](https://mui.com/api/year-picker/)
+ */
+export default _default;

package/YearPicker/index.d.ts

@@ -1,5 +1,5 @@
-export { default } from './YearPicker';
-export declare type YearPickerClassKey = import('./YearPicker').YearPickerClassKey;
-export declare type YearPickerProps<TDate> = import('./YearPicker').YearPickerProps<TDate>;
-export { default as yearPickerClasses } from './yearPickerClasses';
-export * from './yearPickerClasses';
+export { default } from './YearPicker';
+export declare type YearPickerClassKey = import('./YearPicker').YearPickerClassKey;
+export declare type YearPickerProps<TDate> = import('./YearPicker').YearPickerProps<TDate>;
+export { default as yearPickerClasses } from './yearPickerClasses';
+export * from './yearPickerClasses';

package/YearPicker/yearPickerClasses.d.ts

@@ -1,3 +1,3 @@
-export declare function getYearPickerUtilityClass(slot: string): string;
-declare const yearPickerClasses: Record<"root", string>;
-export default yearPickerClasses;
+export declare function getYearPickerUtilityClass(slot: string): string;
+declare const yearPickerClasses: Record<"root", string>;
+export default yearPickerClasses;

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0-alpha.49
+/** @license MUI v5.0.0-alpha.53
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/internal/pickers/KeyboardDateInput.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { DateInputProps } from './PureDateInput';
-export declare const KeyboardDateInput: React.ForwardRefExoticComponent<DateInputProps<unknown, unknown> & React.RefAttributes<HTMLDivElement>>;
-export default KeyboardDateInput;
+import * as React from 'react';
+import { DateInputProps } from './PureDateInput';
+export declare const KeyboardDateInput: React.ForwardRefExoticComponent<DateInputProps<unknown, unknown> & React.RefAttributes<HTMLDivElement>>;
+export default KeyboardDateInput;

package/internal/pickers/Picker/Picker.d.ts

@@ -1,33 +1,33 @@
-import * as React from 'react';
-import { WrapperVariant } from '../wrappers/WrapperVariantContext';
-import { DateInputPropsLike } from '../wrappers/WrapperProps';
-import { PickerSelectionState } from '../hooks/usePickerState';
-import { BasePickerProps, CalendarAndClockProps } from '../typings/BasePicker';
-import { AllAvailableViews } from '../typings/Views';
-export interface ExportedPickerProps extends Omit<BasePickerProps<unknown, unknown>, 'value' | 'onChange'>, CalendarAndClockProps<unknown> {
-    dateRangeIcon?: React.ReactNode;
-    /**
-     * First view to show.
-     */
-    openTo?: AllAvailableViews;
-    timeIcon?: React.ReactNode;
-    /**
-     * Array of views to show.
-     */
-    views?: readonly AllAvailableViews[];
-}
-export interface PickerProps<TDateValue = any> extends ExportedPickerProps {
-    autoFocus?: boolean;
-    date: TDateValue;
-    DateInputProps: DateInputPropsLike;
-    isMobileKeyboardViewOpen: boolean;
-    onDateChange: (date: TDateValue, currentWrapperVariant: WrapperVariant, isFinish?: PickerSelectionState) => void;
-    toggleMobileKeyboardView: () => void;
-}
-export declare const MobileKeyboardInputView: import("@mui/system").StyledComponent<{
-    theme?: import("@mui/material/styles").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material/styles").Theme> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare function Picker(props: PickerProps): JSX.Element;
-export default Picker;
+import * as React from 'react';
+import { WrapperVariant } from '../wrappers/WrapperVariantContext';
+import { DateInputPropsLike } from '../wrappers/WrapperProps';
+import { PickerSelectionState } from '../hooks/usePickerState';
+import { BasePickerProps, CalendarAndClockProps } from '../typings/BasePicker';
+import { AllAvailableViews } from '../typings/Views';
+export interface ExportedPickerProps<View extends AllAvailableViews> extends Omit<BasePickerProps<unknown, unknown>, 'value' | 'onChange'>, Omit<CalendarAndClockProps<unknown>, 'onViewChange' | 'openTo' | 'view'> {
+    dateRangeIcon?: React.ReactNode;
+    /**
+     * Callback fired on view change.
+     */
+    onViewChange?: (view: View) => void;
+    /**
+     * First view to show.
+     */
+    openTo: View;
+    timeIcon?: React.ReactNode;
+    /**
+     * Array of views to show.
+     */
+    views: readonly View[];
+}
+export interface PickerProps<View extends AllAvailableViews> extends ExportedPickerProps<View> {
+    autoFocus?: boolean;
+    date: any;
+    DateInputProps: DateInputPropsLike;
+    isMobileKeyboardViewOpen: boolean;
+    onDateChange: (date: any, currentWrapperVariant: WrapperVariant, isFinish?: PickerSelectionState) => void;
+    toggleMobileKeyboardView: () => void;
+}
+export declare const MobileKeyboardInputView: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare function Picker<View extends AllAvailableViews>(props: PickerProps<View>): JSX.Element;
+export default Picker;

package/internal/pickers/Picker/Picker.js

@@ -1,6 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["autoFocus", "className", "date", "DateInputProps", "isMobileKeyboardViewOpen", "onDateChange", "openTo", "orientation", "showToolbar", "toggleMobileKeyboardView", "ToolbarComponent", "toolbarFormat", "toolbarPlaceholder", "toolbarTitle", "views"];
+const _excluded = ["autoFocus", "className", "date", "DateInputProps", "isMobileKeyboardViewOpen", "onDateChange", "onViewChange", "openTo", "orientation", "showToolbar", "toggleMobileKeyboardView", "ToolbarComponent", "toolbarFormat", "toolbarPlaceholder", "toolbarTitle", "views"];
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import { useViews } from '../hooks/useViews';
@@ -40,7 +40,8 @@ function Picker(props) {
     DateInputProps,
     isMobileKeyboardViewOpen,
     onDateChange,
-    openTo = 'day',
+    onViewChange,
+    openTo,
     orientation,
     showToolbar,
     toggleMobileKeyboardView,
@@ -48,7 +49,7 @@ function Picker(props) {
     toolbarFormat,
     toolbarPlaceholder,
     toolbarTitle,
-    views = ['year', 'month', 'day', 'hours', 'minutes', 'seconds']
+    views
   } = props,
         other = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -58,11 +59,15 @@ function Picker(props) {
   const handleDateChange = React.useCallback((newDate, selectionState) => {
     onDateChange(newDate, wrapperVariant, selectionState);
   }, [onDateChange, wrapperVariant]);
-  const handleViewChange = React.useCallback(() => {
+  const handleViewChange = React.useCallback(newView => {
     if (isMobileKeyboardViewOpen) {
       toggleMobileKeyboardView();
     }
-  }, [isMobileKeyboardViewOpen, toggleMobileKeyboardView]);
+
+    if (onViewChange) {
+      onViewChange(newView);
+    }
+  }, [isMobileKeyboardViewOpen, onViewChange, toggleMobileKeyboardView]);
   const {
     openView,
     nextView,
@@ -105,7 +110,8 @@ function Picker(props) {
           date: date,
           onViewChange: setOpenView,
           onChange: handleChangeAndOpenNext,
-          view: openView,
+          view: openView // Unclear why the predicate `isDatePickerView` does not imply the casted type
+          ,
           views: views.filter(isDatePickerView)
         }, other)), isTimePickerView(openView) && /*#__PURE__*/_jsx(ClockPicker, _extends({}, other, {
           autoFocus: autoFocus,

package/internal/pickers/Picker/PickerView.d.ts

@@ -1,7 +1,3 @@
-/// <reference types="react" />
-declare const PickerView: import("@mui/system").StyledComponent<{
-    theme?: import("@mui/material/styles").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material/styles").Theme> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export default PickerView;
+/// <reference types="react" />
+declare const PickerView: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default PickerView;

package/internal/pickers/PickersArrowSwitcher.d.ts

@@ -1,41 +1,41 @@
-import * as React from 'react';
-export interface ExportedArrowSwitcherProps {
-    /**
-     * The components used for each slot.
-     * Either a string to use a HTML element or a component.
-     * @default {}
-     */
-    components?: {
-        LeftArrowButton?: React.ElementType;
-        LeftArrowIcon?: React.ElementType;
-        RightArrowButton?: React.ElementType;
-        RightArrowIcon?: React.ElementType;
-    };
-    /**
-     * The props used for each slot inside.
-     * @default {}
-     */
-    componentsProps?: {
-        leftArrowButton?: Record<string, any>;
-        rightArrowButton?: Record<string, any>;
-    };
-    /**
-     * Left arrow icon aria-label text.
-     */
-    leftArrowButtonText?: string;
-    /**
-     * Right arrow icon aria-label text.
-     */
-    rightArrowButtonText?: string;
-}
-interface ArrowSwitcherProps extends ExportedArrowSwitcherProps, React.HTMLProps<HTMLDivElement> {
-    children?: React.ReactNode;
-    isLeftDisabled: boolean;
-    isLeftHidden?: boolean;
-    isRightDisabled: boolean;
-    isRightHidden?: boolean;
-    onLeftClick: () => void;
-    onRightClick: () => void;
-}
-declare const PickersArrowSwitcher: React.ForwardRefExoticComponent<Pick<Omit<ArrowSwitcherProps, "as">, "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "hidden" | "selected" | "color" | "width" | "height" | "content" | "translate" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "disabled" | "step" | "start" | "size" | "default" | "wrap" | "open" | "multiple" | "value" | "name" | "components" | "componentsProps" | "leftArrowButtonText" | "rightArrowButtonText" | "action" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "download" | "href" | "hrefLang" | "media" | "rel" | "target" | "max" | "method" | "min" | "crossOrigin" | "classID" | "useMap" | "wmode" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "dateTime" | "acceptCharset" | "autoComplete" | "encType" | "noValidate" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "sizes" | "srcSet" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "required" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "integrity" | "charSet" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "async" | "defer" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "kind" | "srcLang" | "poster" | "isLeftDisabled" | "isLeftHidden" | "isRightDisabled" | "isRightHidden" | "onLeftClick" | "onRightClick"> & React.RefAttributes<HTMLDivElement>>;
-export default PickersArrowSwitcher;
+import * as React from 'react';
+export interface ExportedArrowSwitcherProps {
+    /**
+     * The components used for each slot.
+     * Either a string to use a HTML element or a component.
+     * @default {}
+     */
+    components?: {
+        LeftArrowButton?: React.ElementType;
+        LeftArrowIcon?: React.ElementType;
+        RightArrowButton?: React.ElementType;
+        RightArrowIcon?: React.ElementType;
+    };
+    /**
+     * The props used for each slot inside.
+     * @default {}
+     */
+    componentsProps?: {
+        leftArrowButton?: Record<string, any>;
+        rightArrowButton?: Record<string, any>;
+    };
+    /**
+     * Left arrow icon aria-label text.
+     */
+    leftArrowButtonText?: string;
+    /**
+     * Right arrow icon aria-label text.
+     */
+    rightArrowButtonText?: string;
+}
+interface ArrowSwitcherProps extends ExportedArrowSwitcherProps, Omit<React.HTMLProps<HTMLDivElement>, 'ref'> {
+    children?: React.ReactNode;
+    isLeftDisabled: boolean;
+    isLeftHidden?: boolean;
+    isRightDisabled: boolean;
+    isRightHidden?: boolean;
+    onLeftClick: () => void;
+    onRightClick: () => void;
+}
+declare const PickersArrowSwitcher: React.ForwardRefExoticComponent<Omit<ArrowSwitcherProps, "as"> & React.RefAttributes<HTMLDivElement>>;
+export default PickersArrowSwitcher;

package/internal/pickers/PickersArrowSwitcher.js

@@ -9,9 +9,7 @@ import ArrowLeftIcon from '../svg-icons/ArrowLeft';
 import ArrowRightIcon from '../svg-icons/ArrowRight';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const PickersArrowSwitcherRoot = styled('div', {
-  skipSx: true
-})({
+const PickersArrowSwitcherRoot = styled('div')({
   display: 'flex'
 });
 const PickersArrowSwitcherSpacer = styled('div', {

package/internal/pickers/PickersModalDialog.d.ts

@@ -1,47 +1,47 @@
-import * as React from 'react';
-import { DialogProps as MuiDialogProps } from '@mui/material/Dialog';
-export interface ExportedPickerModalProps {
-    /**
-     * Ok button text.
-     * @default 'OK'
-     */
-    okText?: React.ReactNode;
-    /**
-     * Cancel text message.
-     * @default 'Cancel'
-     */
-    cancelText?: React.ReactNode;
-    /**
-     * Clear text message.
-     * @default 'Clear'
-     */
-    clearText?: React.ReactNode;
-    /**
-     * Today text message.
-     * @default 'Today'
-     */
-    todayText?: React.ReactNode;
-    /**
-     * If `true`, it shows the clear action in the picker dialog.
-     * @default false
-     */
-    clearable?: boolean;
-    /**
-     * If `true`, the today button is displayed. **Note** that `showClearButton` has a higher priority.
-     * @default false
-     */
-    showTodayButton?: boolean;
-    /**
-     * Props applied to the [`Dialog`](/api/dialog/) element.
-     */
-    DialogProps?: Partial<MuiDialogProps>;
-}
-export interface PickersModalDialogProps extends ExportedPickerModalProps {
-    onAccept: () => void;
-    onClear: () => void;
-    onDismiss: () => void;
-    onSetToday: () => void;
-    open: boolean;
-}
-declare const PickersModalDialog: (props: React.PropsWithChildren<PickersModalDialogProps>) => JSX.Element;
-export default PickersModalDialog;
+import * as React from 'react';
+import { DialogProps as MuiDialogProps } from '@mui/material/Dialog';
+export interface ExportedPickerModalProps {
+    /**
+     * Ok button text.
+     * @default 'OK'
+     */
+    okText?: React.ReactNode;
+    /**
+     * Cancel text message.
+     * @default 'Cancel'
+     */
+    cancelText?: React.ReactNode;
+    /**
+     * Clear text message.
+     * @default 'Clear'
+     */
+    clearText?: React.ReactNode;
+    /**
+     * Today text message.
+     * @default 'Today'
+     */
+    todayText?: React.ReactNode;
+    /**
+     * If `true`, it shows the clear action in the picker dialog.
+     * @default false
+     */
+    clearable?: boolean;
+    /**
+     * If `true`, the today button is displayed. **Note** that `showClearButton` has a higher priority.
+     * @default false
+     */
+    showTodayButton?: boolean;
+    /**
+     * Props applied to the [`Dialog`](/api/dialog/) element.
+     */
+    DialogProps?: Partial<MuiDialogProps>;
+}
+export interface PickersModalDialogProps extends ExportedPickerModalProps {
+    onAccept: () => void;
+    onClear: () => void;
+    onDismiss: () => void;
+    onSetToday: () => void;
+    open: boolean;
+}
+declare const PickersModalDialog: (props: React.PropsWithChildren<PickersModalDialogProps>) => JSX.Element;
+export default PickersModalDialog;

package/internal/pickers/PickersPopper.d.ts

@@ -1,25 +1,33 @@
-import * as React from 'react';
-import { PaperProps as MuiPaperProps } from '@mui/material/Paper';
-import { PopperProps as MuiPopperProps } from '@mui/material/Popper';
-import { TrapFocusProps as MuiTrapFocusProps } from '@mui/material/Unstable_TrapFocus';
-import { TransitionProps as MuiTransitionProps } from '@mui/material/transitions';
-export interface ExportedPickerPopperProps {
-    /**
-     * Popper props passed down to [Popper](https://mui.com/api/popper/) component.
-     */
-    PopperProps?: Partial<MuiPopperProps>;
-    /**
-     * Custom component for popper [Transition](https://mui.com/components/transitions/#transitioncomponent-prop).
-     */
-    TransitionComponent?: React.JSXElementConstructor<MuiTransitionProps>;
-}
-export interface PickerPopperProps extends ExportedPickerPopperProps, MuiPaperProps {
-    role: 'tooltip' | 'dialog';
-    TrapFocusProps?: Partial<MuiTrapFocusProps>;
-    anchorEl: MuiPopperProps['anchorEl'];
-    open: MuiPopperProps['open'];
-    containerRef?: React.Ref<HTMLDivElement>;
-    onClose: () => void;
-}
-declare const PickersPopper: (props: PickerPopperProps) => JSX.Element;
-export default PickersPopper;
+import * as React from 'react';
+import { PaperProps as MuiPaperProps } from '@mui/material/Paper';
+import { PopperProps as MuiPopperProps } from '@mui/material/Popper';
+import { TrapFocusProps as MuiTrapFocusProps } from '@mui/material/Unstable_TrapFocus';
+import { TransitionProps as MuiTransitionProps } from '@mui/material/transitions';
+export interface ExportedPickerPaperProps {
+    /**
+     * Paper props passed down to [Paper](https://mui.com/api/paper/) component.
+     */
+    PaperProps?: Partial<MuiPaperProps>;
+}
+export interface ExportedPickerPopperProps {
+    /**
+     * Popper props passed down to [Popper](https://mui.com/api/popper/) component.
+     */
+    PopperProps?: Partial<MuiPopperProps>;
+    /**
+     * Custom component for popper [Transition](https://mui.com/components/transitions/#transitioncomponent-prop).
+     */
+    TransitionComponent?: React.JSXElementConstructor<MuiTransitionProps>;
+}
+export interface PickerPopperProps extends ExportedPickerPopperProps, ExportedPickerPaperProps {
+    role: 'tooltip' | 'dialog';
+    TrapFocusProps?: Partial<MuiTrapFocusProps>;
+    anchorEl: MuiPopperProps['anchorEl'];
+    open: MuiPopperProps['open'];
+    containerRef?: React.Ref<HTMLDivElement>;
+    children?: React.ReactNode;
+    onClose: () => void;
+    onBlur?: () => void;
+}
+declare const PickersPopper: (props: PickerPopperProps) => JSX.Element;
+export default PickersPopper;

package/internal/pickers/PickersPopper.js

@@ -1,4 +1,6 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["onClick", "onTouchStart"];
 import * as React from 'react';
 import Grow from '@mui/material/Grow';
 import Paper from '@mui/material/Paper';
@@ -80,7 +82,8 @@ function useClickAwayListener(active, onClickAway) {
     // 2. The child might render null.
     // 3. Behave like a blur listener.
 
-    if (!nodeRef.current || 'clientX' in event && clickedRootScrollbar(event, doc)) {
+    if (!nodeRef.current || // is a TouchEvent?
+    'clientX' in event && clickedRootScrollbar(event, doc)) {
       return;
     } // Do not act if user performed touchmove
 
@@ -155,7 +158,8 @@ const PickersPopper = props => {
     PopperProps,
     role,
     TransitionComponent = Grow,
-    TrapFocusProps
+    TrapFocusProps,
+    PaperProps = {}
   } = props;
   React.useEffect(() => {
     function handleKeyDown(nativeEvent) {
@@ -187,6 +191,13 @@ const PickersPopper = props => {
   const handleRef = useForkRef(paperRef, containerRef);
   const handlePaperRef = useForkRef(handleRef, clickAwayRef);
   const ownerState = props;
+
+  const {
+    onClick: onPaperClickProp,
+    onTouchStart: onPaperTouchStartProp
+  } = PaperProps,
+        otherPaperProps = _objectWithoutPropertiesLoose(PaperProps, _excluded);
+
   return /*#__PURE__*/_jsx(PickersPopperRoot, _extends({
     transition: true,
     role: role,
@@ -204,17 +215,30 @@ const PickersPopper = props => {
       isEnabled: () => true
     }, TrapFocusProps, {
       children: /*#__PURE__*/_jsx(TransitionComponent, _extends({}, TransitionProps, {
-        children: /*#__PURE__*/_jsx(PickersPopperPaper, {
+        children: /*#__PURE__*/_jsx(PickersPopperPaper, _extends({
           tabIndex: -1,
           elevation: 8,
           ref: handlePaperRef,
-          onClick: onPaperClick,
-          onTouchStart: onPaperTouchStart,
+          onClick: event => {
+            onPaperClick(event);
+
+            if (onPaperClickProp) {
+              onPaperClickProp(event);
+            }
+          },
+          onTouchStart: event => {
+            onPaperTouchStart(event);
+
+            if (onPaperTouchStartProp) {
+              onPaperTouchStartProp(event);
+            }
+          },
           ownerState: _extends({}, ownerState, {
             placement
-          }),
+          })
+        }, otherPaperProps, {
           children: children
-        })
+        }))
       }))
     }))
   }));

package/internal/pickers/PickersToolbar.d.ts

@@ -1,14 +1,14 @@
-import * as React from 'react';
-import { ToolbarComponentProps } from './typings/BasePicker';
-export interface PickersToolbarProps extends Pick<ToolbarComponentProps, 'getMobileKeyboardInputViewButtonText' | 'isMobileKeyboardViewOpen' | 'toggleMobileKeyboardView'> {
-    className?: string;
-    viewType?: 'calendar' | 'clock';
-    isLandscape: boolean;
-    landscapeDirection?: 'row' | 'column';
-    penIconClassName?: string;
-    toolbarTitle: React.ReactNode;
-}
-declare const PickersToolbar: React.ForwardRefExoticComponent<PickersToolbarProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
-export default PickersToolbar;
+import * as React from 'react';
+import { ToolbarComponentProps } from './typings/BasePicker';
+export interface PickersToolbarProps extends Pick<ToolbarComponentProps, 'getMobileKeyboardInputViewButtonText' | 'isMobileKeyboardViewOpen' | 'toggleMobileKeyboardView'> {
+    className?: string;
+    viewType?: 'calendar' | 'clock';
+    isLandscape: boolean;
+    landscapeDirection?: 'row' | 'column';
+    penIconClassName?: string;
+    toolbarTitle: React.ReactNode;
+}
+declare const PickersToolbar: React.ForwardRefExoticComponent<PickersToolbarProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export default PickersToolbar;