@mui/lab 5.0.0-alpha.68 → 5.0.0-alpha.71

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,33 +1,44 @@
-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;
+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 {
+    /**
+     * If `true`, it shows the clear action in the picker dialog.
+     * @default false
+     */
+    clearable?: boolean;
+    /**
+     * Clear text message.
+     * @default 'Clear'
+     */
+    clearText?: React.ReactNode;
+    /**
+     * 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;
+    onClear?: () => void;
+}
+declare const PickersPopper: (props: PickerPopperProps) => JSX.Element;
+export default PickersPopper;

package/internal/pickers/PickersPopper.js

@@ -8,7 +8,10 @@ import Popper from '@mui/material/Popper';
 import TrapFocus from '@mui/material/Unstable_TrapFocus';
 import { useForkRef, useEventCallback, ownerDocument } from '@mui/material/utils';
 import { styled } from '@mui/material/styles';
+import Button from '@mui/material/Button';
+import DialogActions from '@mui/material/DialogActions';
 import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const PickersPopperRoot = styled(Popper)(({
   theme
 }) => ({
@@ -22,6 +25,16 @@ const PickersPopperPaper = styled(Paper)(({
 }, ownerState.placement === 'top' && {
   transformOrigin: 'bottom center'
 }));
+const PickersPopperAction = styled(DialogActions)(({
+  ownerState
+}) => _extends({}, ownerState.clearable ? {
+  justifyContent: 'flex-start',
+  '& > *:first-of-type': {
+    marginRight: 'auto'
+  }
+} : {
+  padding: 0
+}));
 
 function clickedRootScrollbar(event, doc) {
   return doc.documentElement.clientWidth < event.clientX || doc.documentElement.clientHeight < event.clientY;
@@ -145,11 +158,16 @@ function useClickAwayListener(active, onClickAway) {
 }
 
 const PickersPopper = props => {
+  var _Button;
+
   const {
     anchorEl,
     children,
     containerRef = null,
     onClose,
+    onClear,
+    clearable = false,
+    clearText = 'Clear',
     open,
     PopperProps,
     role,
@@ -211,7 +229,7 @@ const PickersPopper = props => {
       isEnabled: () => true
     }, TrapFocusProps, {
       children: /*#__PURE__*/_jsx(TransitionComponent, _extends({}, TransitionProps, {
-        children: /*#__PURE__*/_jsx(PickersPopperPaper, _extends({
+        children: /*#__PURE__*/_jsxs(PickersPopperPaper, _extends({
           tabIndex: -1,
           elevation: 8,
           ref: handlePaperRef,
@@ -233,7 +251,13 @@ const PickersPopper = props => {
             placement
           })
         }, otherPaperProps, {
-          children: children
+          children: [children, /*#__PURE__*/_jsx(PickersPopperAction, {
+            ownerState: ownerState,
+            children: clearable && (_Button || (_Button = /*#__PURE__*/_jsx(Button, {
+              onClick: onClear,
+              children: clearText
+            })))
+          })]
         }))
       }))
     }))

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;

package/internal/pickers/PickersToolbarButton.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
-import { ButtonProps } from '@mui/material/Button';
-import { TypographyProps } from '@mui/material/Typography';
-import { ExtendMui } from './typings/helpers';
-export interface PickersToolbarButtonProps extends ExtendMui<ButtonProps, 'value' | 'variant'> {
-    align?: TypographyProps['align'];
-    selected: boolean;
-    typographyClassName?: string;
-    value: React.ReactNode;
-    variant: TypographyProps['variant'];
-}
-declare const PickersToolbarButton: React.FunctionComponent<PickersToolbarButtonProps>;
-export default PickersToolbarButton;
+import * as React from 'react';
+import { ButtonProps } from '@mui/material/Button';
+import { TypographyProps } from '@mui/material/Typography';
+import { ExtendMui } from './typings/helpers';
+export interface PickersToolbarButtonProps extends ExtendMui<ButtonProps, 'value' | 'variant'> {
+    align?: TypographyProps['align'];
+    selected: boolean;
+    typographyClassName?: string;
+    value: React.ReactNode;
+    variant: TypographyProps['variant'];
+}
+declare const PickersToolbarButton: React.FunctionComponent<PickersToolbarButtonProps>;
+export default PickersToolbarButton;

package/internal/pickers/PickersToolbarText.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { TypographyProps } from '@mui/material/Typography';
-export interface PickersToolbarTextProps extends Omit<TypographyProps, 'classes'> {
-    selected?: boolean;
-    value: React.ReactNode;
-}
-declare const PickersToolbarText: React.ForwardRefExoticComponent<Pick<PickersToolbarTextProps, "p" | "slot" | "style" | "title" | "hidden" | "className" | "selected" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "translate" | "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" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping" | "value"> & React.RefAttributes<HTMLSpanElement>>;
-export default PickersToolbarText;
+import * as React from 'react';
+import { TypographyProps } from '@mui/material/Typography';
+export interface PickersToolbarTextProps extends Omit<TypographyProps, 'classes'> {
+    selected?: boolean;
+    value: React.ReactNode;
+}
+declare const PickersToolbarText: React.ForwardRefExoticComponent<Pick<PickersToolbarTextProps, "p" | "slot" | "style" | "title" | "hidden" | "className" | "selected" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "translate" | "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" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping" | "value"> & React.RefAttributes<HTMLSpanElement>>;
+export default PickersToolbarText;

package/internal/pickers/PureDateInput.d.ts

@@ -1,80 +1,80 @@
-import * as React from 'react';
-import { TextFieldProps as MuiTextFieldPropsType } from '@mui/material/TextField';
-import { IconButtonProps } from '@mui/material/IconButton';
-import { InputAdornmentProps } from '@mui/material/InputAdornment';
-import { ParseableDate } from './constants/prop-types';
-import { MuiPickersAdapter } from './hooks/useUtils';
-export declare type MuiTextFieldProps = MuiTextFieldPropsType | Omit<MuiTextFieldPropsType, 'variant'>;
-export interface DateInputProps<TInputValue = ParseableDate<unknown>, TDateValue = unknown> {
-    /**
-     * Regular expression to detect "accepted" symbols.
-     * @default /\dap/gi
-     */
-    acceptRegex?: RegExp;
-    /**
-     * The components used for each slot.
-     * Either a string to use a HTML element or a component.
-     */
-    components?: {
-        OpenPickerIcon?: React.ElementType;
-    };
-    disabled?: boolean;
-    /**
-     * Disable mask on the keyboard, this should be used rarely. Consider passing proper mask for your format.
-     * @default false
-     */
-    disableMaskedInput?: boolean;
-    /**
-     * Do not render open picker button (renders only text field with validation).
-     * @default false
-     */
-    disableOpenPicker?: boolean;
-    /**
-     * Get aria-label text for control that opens picker dialog. Aria-label text must include selected date. @DateIOType
-     * @default (value, utils) => `Choose date, selected date is ${utils.format(utils.date(value), 'fullDate')}`
-     */
-    getOpenDialogAriaText?: (value: ParseableDate<TDateValue>, utils: MuiPickersAdapter<TDateValue>) => string;
-    ignoreInvalidInputs?: boolean;
-    /**
-     * Props to pass to keyboard input adornment.
-     */
-    InputAdornmentProps?: Partial<InputAdornmentProps>;
-    inputFormat: string;
-    InputProps?: MuiTextFieldProps['InputProps'];
-    /**
-     * Pass a ref to the `input` element.
-     */
-    inputRef?: React.Ref<HTMLInputElement>;
-    label?: MuiTextFieldProps['label'];
-    /**
-     * Custom mask. Can be used to override generate from format. (e.g. `__/__/____ __:__` or `__/__/____ __:__ _M`).
-     */
-    mask?: string;
-    onBlur?: () => void;
-    onChange: (date: TDateValue, keyboardInputValue?: string) => void;
-    open: boolean;
-    openPicker: () => void;
-    /**
-     * Props to pass to keyboard adornment button.
-     */
-    OpenPickerButtonProps?: Partial<IconButtonProps>;
-    rawValue: TInputValue;
-    readOnly?: boolean;
-    /**
-     * The `renderInput` prop allows you to customize the rendered input.
-     * The `props` argument of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api) that you need to forward.
-     * Pay specific attention to the `ref` and `inputProps` keys.
-     * @example ```jsx
-     * renderInput={props => <TextField {...props} />}
-     * ````
-     */
-    renderInput: (props: MuiTextFieldPropsType) => React.ReactElement;
-    /**
-     * Custom formatter to be passed into Rifm component.
-     */
-    rifmFormatter?: (str: string) => string;
-    TextFieldProps?: Partial<MuiTextFieldProps>;
-    validationError?: boolean;
-}
-export declare type ExportedDateInputProps<TInputValue, TDateValue> = Omit<DateInputProps<TInputValue, TDateValue>, 'inputFormat' | 'inputValue' | 'onBlur' | 'onChange' | 'open' | 'openPicker' | 'rawValue' | 'TextFieldProps' | 'validationError'>;
-export declare const PureDateInput: React.ForwardRefExoticComponent<DateInputProps<unknown, unknown> & React.RefAttributes<HTMLDivElement>>;
+import * as React from 'react';
+import { TextFieldProps as MuiTextFieldPropsType } from '@mui/material/TextField';
+import { IconButtonProps } from '@mui/material/IconButton';
+import { InputAdornmentProps } from '@mui/material/InputAdornment';
+import { ParseableDate } from './constants/prop-types';
+import { MuiPickersAdapter } from './hooks/useUtils';
+export declare type MuiTextFieldProps = MuiTextFieldPropsType | Omit<MuiTextFieldPropsType, 'variant'>;
+export interface DateInputProps<TInputValue = ParseableDate<unknown>, TDateValue = unknown> {
+    /**
+     * Regular expression to detect "accepted" symbols.
+     * @default /\dap/gi
+     */
+    acceptRegex?: RegExp;
+    /**
+     * The components used for each slot.
+     * Either a string to use a HTML element or a component.
+     */
+    components?: {
+        OpenPickerIcon?: React.ElementType;
+    };
+    disabled?: boolean;
+    /**
+     * Disable mask on the keyboard, this should be used rarely. Consider passing proper mask for your format.
+     * @default false
+     */
+    disableMaskedInput?: boolean;
+    /**
+     * Do not render open picker button (renders only text field with validation).
+     * @default false
+     */
+    disableOpenPicker?: boolean;
+    /**
+     * Get aria-label text for control that opens picker dialog. Aria-label text must include selected date. @DateIOType
+     * @default (value, utils) => `Choose date, selected date is ${utils.format(utils.date(value), 'fullDate')}`
+     */
+    getOpenDialogAriaText?: (value: ParseableDate<TDateValue>, utils: MuiPickersAdapter<TDateValue>) => string;
+    ignoreInvalidInputs?: boolean;
+    /**
+     * Props to pass to keyboard input adornment.
+     */
+    InputAdornmentProps?: Partial<InputAdornmentProps>;
+    inputFormat: string;
+    InputProps?: MuiTextFieldProps['InputProps'];
+    /**
+     * Pass a ref to the `input` element.
+     */
+    inputRef?: React.Ref<HTMLInputElement>;
+    label?: MuiTextFieldProps['label'];
+    /**
+     * Custom mask. Can be used to override generate from format. (e.g. `__/__/____ __:__` or `__/__/____ __:__ _M`).
+     */
+    mask?: string;
+    onBlur?: () => void;
+    onChange: (date: TDateValue, keyboardInputValue?: string) => void;
+    open: boolean;
+    openPicker: () => void;
+    /**
+     * Props to pass to keyboard adornment button.
+     */
+    OpenPickerButtonProps?: Partial<IconButtonProps>;
+    rawValue: TInputValue;
+    readOnly?: boolean;
+    /**
+     * The `renderInput` prop allows you to customize the rendered input.
+     * The `props` argument of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api) that you need to forward.
+     * Pay specific attention to the `ref` and `inputProps` keys.
+     * @example ```jsx
+     * renderInput={props => <TextField {...props} />}
+     * ````
+     */
+    renderInput: (props: MuiTextFieldPropsType) => React.ReactElement;
+    /**
+     * Custom formatter to be passed into Rifm component.
+     */
+    rifmFormatter?: (str: string) => string;
+    TextFieldProps?: Partial<MuiTextFieldProps>;
+    validationError?: boolean;
+}
+export declare type ExportedDateInputProps<TInputValue, TDateValue> = Omit<DateInputProps<TInputValue, TDateValue>, 'inputFormat' | 'inputValue' | 'onBlur' | 'onChange' | 'open' | 'openPicker' | 'rawValue' | 'TextFieldProps' | 'validationError'>;
+export declare const PureDateInput: React.ForwardRefExoticComponent<DateInputProps<unknown, unknown> & React.RefAttributes<HTMLDivElement>>;

package/internal/pickers/constants/dimensions.d.ts

@@ -1,4 +1,4 @@
-export declare const DAY_SIZE = 36;
-export declare const DAY_MARGIN = 2;
-export declare const DIALOG_WIDTH = 320;
-export declare const VIEW_HEIGHT = 358;
+export declare const DAY_SIZE = 36;
+export declare const DAY_MARGIN = 2;
+export declare const DIALOG_WIDTH = 320;
+export declare const VIEW_HEIGHT = 358;

package/internal/pickers/constants/prop-types.d.ts

@@ -1 +1 @@
-export declare type ParseableDate<TDate> = string | number | Date | null | undefined | TDate;
+export declare type ParseableDate<TDate> = string | number | Date | null | undefined | TDate;

package/internal/pickers/date-time-utils.d.ts

@@ -1,8 +1,8 @@
-import { ParseableDate } from './constants/prop-types';
-import { MuiPickersAdapter } from './hooks/useUtils';
-import { DateValidationProps } from './date-utils';
-import { TimeValidationProps } from './time-utils';
-export interface DateTimeValidationProps<TDate> extends DateValidationProps<TDate>, TimeValidationProps<TDate> {
-}
-export declare function validateDateTime<TDate>(utils: MuiPickersAdapter<TDate>, value: ParseableDate<TDate>, { minDate, maxDate, disableFuture, shouldDisableDate, disablePast, ...timeValidationProps }: DateTimeValidationProps<TDate>): "invalidDate" | "shouldDisableDate" | "disableFuture" | "disablePast" | "minDate" | "maxDate" | "minTime" | "maxTime" | "shouldDisableTime-hours" | "shouldDisableTime-minutes" | "shouldDisableTime-seconds" | null;
-export declare type DateTimeValidationError = ReturnType<typeof validateDateTime>;
+import { ParseableDate } from './constants/prop-types';
+import { MuiPickersAdapter } from './hooks/useUtils';
+import { DateValidationProps } from './date-utils';
+import { TimeValidationProps } from './time-utils';
+export interface DateTimeValidationProps<TDate> extends DateValidationProps<TDate>, TimeValidationProps<TDate> {
+}
+export declare function validateDateTime<TDate>(utils: MuiPickersAdapter<TDate>, value: ParseableDate<TDate>, { minDate, maxDate, disableFuture, shouldDisableDate, disablePast, ...timeValidationProps }: DateTimeValidationProps<TDate>): "invalidDate" | "shouldDisableDate" | "disableFuture" | "disablePast" | "minDate" | "maxDate" | "minTime" | "maxTime" | "shouldDisableTime-hours" | "shouldDisableTime-minutes" | "shouldDisableTime-seconds" | null;
+export declare type DateTimeValidationError = ReturnType<typeof validateDateTime>;