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

package/internal/pickers/PickersArrowSwitcher.d.ts

@@ -16,8 +16,8 @@ export interface ExportedArrowSwitcherProps {
      * @default {}
      */
     componentsProps?: {
-        leftArrowButton?: any;
-        rightArrowButton?: any;
+        leftArrowButton?: Record<string, any>;
+        rightArrowButton?: Record<string, any>;
     };
     /**
      * Left arrow icon aria-label text.
@@ -37,5 +37,5 @@ interface ArrowSwitcherProps extends ExportedArrowSwitcherProps, React.HTMLProps
     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" | "default" | "wrap" | "size" | "open" | "multiple" | "value" | "components" | "componentsProps" | "leftArrowButtonText" | "rightArrowButtonText" | "action" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "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>>;
+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;

package/internal/pickers/PickersPopper.d.ts

@@ -5,11 +5,11 @@ import { TrapFocusProps as MuiTrapFocusProps } from '@mui/material/Unstable_Trap
 import { TransitionProps as MuiTransitionProps } from '@mui/material/transitions';
 export interface ExportedPickerPopperProps {
     /**
-     * Popper props passed down to [Popper](https://material-ui.com/api/popper/) component.
+     * Popper props passed down to [Popper](https://mui.com/api/popper/) component.
      */
     PopperProps?: Partial<MuiPopperProps>;
     /**
-     * Custom component for popper [Transition](https://material-ui.com/components/transitions/#transitioncomponent-prop).
+     * Custom component for popper [Transition](https://mui.com/components/transitions/#transitioncomponent-prop).
      */
     TransitionComponent?: React.JSXElementConstructor<MuiTransitionProps>;
 }

package/internal/pickers/PureDateInput.d.ts

@@ -62,7 +62,7 @@ export interface DateInputProps<TInputValue = ParseableDate<unknown>, TDateValue
     readOnly?: boolean;
     /**
      * The `renderInput` prop allows you to customize the rendered input.
-     * The `props` argument of this render prop contains props of [TextField](https://material-ui.com/api/text-field/#textfield-api) that you need to forward.
+     * 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} />}

package/internal/pickers/hooks/date-helpers-hooks.js

@@ -28,7 +28,7 @@ export function useMeridiemMode(date, ampm, onChange) {
   const meridiemMode = getMeridiem(date, utils);
   const handleMeridiemChange = React.useCallback(mode => {
     const timeWithMeridiem = convertToMeridiem(date, mode, Boolean(ampm), utils);
-    onChange(timeWithMeridiem, 'shallow');
+    onChange(timeWithMeridiem, 'partial');
   }, [ampm, date, onChange, utils]);
   return {
     meridiemMode,

package/legacy/Alert/Alert.js

@@ -9,7 +9,7 @@ var warnedOnce = false;
 
 export default /*#__PURE__*/React.forwardRef(function DeprecatedAlert(props, ref) {
   if (!warnedOnce) {
-    console.warn(['Material-UI: The Alert component was moved from the lab to the core.', '', "You should use `import { Alert } from '@mui/material'`", "or `import Alert from '@mui/material/Alert'`"].join('\n'));
+    console.warn(['MUI: The Alert component was moved from the lab to the core.', '', "You should use `import { Alert } from '@mui/material'`", "or `import Alert from '@mui/material/Alert'`"].join('\n'));
     warnedOnce = true;
   }
 

package/legacy/AlertTitle/AlertTitle.js

@@ -9,7 +9,7 @@ var warnedOnce = false;
 
 export default /*#__PURE__*/React.forwardRef(function DeprecatedAlertTitle(props, ref) {
   if (!warnedOnce) {
-    console.warn(['Material-UI: The AlertTitle component was moved from the lab to the core.', '', "You should use `import { AlertTitle } from '@mui/material'`", "or `import AlertTitle from '@mui/material/AlertTitle'`"].join('\n'));
+    console.warn(['MUI: The AlertTitle component was moved from the lab to the core.', '', "You should use `import { AlertTitle } from '@mui/material'`", "or `import AlertTitle from '@mui/material/AlertTitle'`"].join('\n'));
     warnedOnce = true;
   }
 

package/legacy/Autocomplete/Autocomplete.js

@@ -9,7 +9,7 @@ var warnedOnce = false;
 
 export default /*#__PURE__*/React.forwardRef(function DeprecatedAutocomplete(props, ref) {
   if (!warnedOnce) {
-    console.warn(['Material-UI: The Autocomplete component was moved from the lab to the core.', '', "You should use `import { Autocomplete } from '@mui/material'`", "or `import Autocomplete from '@mui/material/Autocomplete'`"].join('\n'));
+    console.warn(['MUI: The Autocomplete component was moved from the lab to the core.', '', "You should use `import { Autocomplete } from '@mui/material'`", "or `import Autocomplete from '@mui/material/Autocomplete'`"].join('\n'));
     warnedOnce = true;
   }
 

package/legacy/AvatarGroup/AvatarGroup.js

@@ -9,7 +9,7 @@ var warnedOnce = false;
 
 export default /*#__PURE__*/React.forwardRef(function DeprecatedAvatarGroup(props, ref) {
   if (!warnedOnce) {
-    console.warn(['Material-UI: The AvatarGroup component was moved from the lab to the core.', '', "You should use `import { AvatarGroup } from '@mui/material'`", "or `import AvatarGroup from '@mui/material/AvatarGroup'`"].join('\n'));
+    console.warn(['MUI: The AvatarGroup component was moved from the lab to the core.', '', "You should use `import { AvatarGroup } from '@mui/material'`", "or `import AvatarGroup from '@mui/material/AvatarGroup'`"].join('\n'));
     warnedOnce = true;
   }
 

package/legacy/CalendarPicker/CalendarPicker.js

@@ -327,11 +327,11 @@ process.env.NODE_ENV !== "production" ? CalendarPicker.propTypes
  *
  * Demos:
  *
- * - [Date Picker](https://material-ui.com/components/date-picker/)
+ * - [Date Picker](https://mui.com/components/date-picker/)
  *
  * API:
  *
- * - [CalendarPicker API](https://material-ui.com/api/calendar-picker/)
+ * - [CalendarPicker API](https://mui.com/api/calendar-picker/)
  */
 
 export default CalendarPicker;

package/legacy/CalendarPicker/PickersCalendarHeader.js

@@ -161,7 +161,6 @@ function PickersCalendarHeader(props) {
         as: components.SwitchViewButton,
         "aria-label": getViewSwitchingButtonText(currentView)
       }, switchViewButtonProps, {
-        ownerState: _extends({}, ownerState, switchViewButtonProps),
         children: /*#__PURE__*/_jsx(PickersCalendarHeaderSwitchView, {
           as: components.SwitchViewIcon,
           ownerState: ownerState

package/legacy/CalendarPickerSkeleton/CalendarPickerSkeleton.js

@@ -80,11 +80,11 @@ var monthMap = [[0, 1, 1, 1, 1, 1, 1], [1, 1, 1, 1, 1, 1, 1], [1, 1, 1, 1, 1, 1,
  *
  * Demos:
  *
- * - [Date Picker](https://material-ui.com/components/date-picker/)
+ * - [Date Picker](https://mui.com/components/date-picker/)
  *
  * API:
  *
- * - [CalendarPickerSkeleton API](https://material-ui.com/api/calendar-picker-skeleton/)
+ * - [CalendarPickerSkeleton API](https://mui.com/api/calendar-picker-skeleton/)
  */
 
 function CalendarPickerSkeleton(props) {
@@ -121,11 +121,11 @@ function CalendarPickerSkeleton(props) {
  *
  * Demos:
  *
- * - [Date Picker](https://material-ui.com/components/date-picker/)
+ * - [Date Picker](https://mui.com/components/date-picker/)
  *
  * API:
  *
- * - [CalendarPickerSkeleton API](https://material-ui.com/api/calendar-picker-skeleton/)
+ * - [CalendarPickerSkeleton API](https://mui.com/api/calendar-picker-skeleton/)
  */
 
 

package/legacy/ClockPicker/Clock.js

@@ -77,7 +77,7 @@ var ClockAmButton = styled(IconButton, {
   return _extends({
     zIndex: 1,
     position: 'absolute',
-    bottom: 8,
+    bottom: ownerState.ampmInClock ? 64 : 8,
     left: 8
   }, ownerState.meridiemMode === 'am' && {
     backgroundColor: theme.palette.primary.main,
@@ -95,7 +95,7 @@ var ClockPmButton = styled(IconButton, {
   return _extends({
     zIndex: 1,
     position: 'absolute',
-    bottom: 8,
+    bottom: ownerState.ampmInClock ? 64 : 8,
     right: 8
   }, ownerState.meridiemMode === 'pm' && {
     backgroundColor: theme.palette.primary.main,
@@ -195,7 +195,7 @@ function Clock(props) {
 
   useEnhancedEffect(function () {
     if (autoFocus) {
-      // The ref not being resolved would be a bug in Material-UI.
+      // The ref not being resolved would be a bug in MUI.
       listboxRef.current.focus();
     }
   }, [autoFocus]);

package/legacy/ClockPicker/ClockPicker.js

@@ -57,7 +57,7 @@ var defaultGetSecondsClockNumberText = function defaultGetSecondsClockNumberText
  *
  * API:
  *
- * - [ClockPicker API](https://material-ui.com/api/clock-picker/)
+ * - [ClockPicker API](https://mui.com/api/clock-picker/)
  */
 
 
@@ -424,11 +424,11 @@ process.env.NODE_ENV !== "production" ? ClockPicker.propTypes
  *
  * Demos:
  *
- * - [Time Picker](https://material-ui.com/components/time-picker/)
+ * - [Time Picker](https://mui.com/components/time-picker/)
  *
  * API:
  *
- * - [ClockPicker API](https://material-ui.com/api/clock-picker/)
+ * - [ClockPicker API](https://mui.com/api/clock-picker/)
  */
 
 export default ClockPicker;

package/legacy/ClockPicker/shared.js

@@ -49,7 +49,7 @@ export var getHours = function getHours(offsetX, offsetY, ampm) {
   var hour = value || 12;
 
   if (!ampm) {
-    if (distance < 90) {
+    if (distance < CLOCK_WIDTH / 2 - CLOCK_HOUR_WIDTH) {
       hour += 12;
       hour %= 24;
     }

package/legacy/DatePicker/DatePicker.js

@@ -12,12 +12,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * Demos:
  *
- * - [Date Picker](https://material-ui.com/components/date-picker/)
- * - [Pickers](https://material-ui.com/components/pickers/)
+ * - [Date Picker](https://mui.com/components/date-picker/)
+ * - [Pickers](https://mui.com/components/pickers/)
  *
  * API:
  *
- * - [DatePicker API](https://material-ui.com/api/date-picker/)
+ * - [DatePicker API](https://mui.com/api/date-picker/)
  */
 var DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker(inProps, ref) {
   var props = useThemeProps({
@@ -333,7 +333,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes
   orientation: PropTypes.oneOf(['landscape', 'portrait']),
 
   /**
-   * Popper props passed down to [Popper](https://material-ui.com/api/popper/) component.
+   * Popper props passed down to [Popper](https://mui.com/api/popper/) component.
    */
   PopperProps: PropTypes.object,
 
@@ -349,13 +349,13 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes
   reduceAnimations: PropTypes.bool,
 
   /**
-   * Custom renderer for day. Check the [PickersDay](https://material-ui.com/api/pickers-day/) component.
+   * Custom renderer for day. Check the [PickersDay](https://mui.com/api/pickers-day/) component.
    */
   renderDay: PropTypes.func,
 
   /**
    * The `renderInput` prop allows you to customize the rendered input.
-   * The `props` argument of this render prop contains props of [TextField](https://material-ui.com/api/text-field/#textfield-api) that you need to forward.
+   * 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} />}
@@ -437,7 +437,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes
   toolbarTitle: PropTypes.node,
 
   /**
-   * Custom component for popper [Transition](https://material-ui.com/components/transitions/#transitioncomponent-prop).
+   * Custom component for popper [Transition](https://mui.com/components/transitions/#transitioncomponent-prop).
    */
   TransitionComponent: PropTypes.elementType,
 

package/legacy/DateRangePicker/DateRangePicker.js

@@ -25,11 +25,11 @@ var rangePickerValueManager = {
  *
  * Demos:
  *
- * - [Date Range Picker](https://material-ui.com/components/date-range-picker/)
+ * - [Date Range Picker](https://mui.com/components/date-range-picker/)
  *
  * API:
  *
- * - [DateRangePicker API](https://material-ui.com/api/date-range-picker/)
+ * - [DateRangePicker API](https://mui.com/api/date-range-picker/)
  */
 var DateRangePicker = /*#__PURE__*/React.forwardRef(function DateRangePicker(inProps, ref) {
   var props = useThemeProps({
@@ -394,7 +394,7 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes
   orientation: PropTypes.oneOf(['landscape', 'portrait']),
 
   /**
-   * Popper props passed down to [Popper](https://material-ui.com/api/popper/) component.
+   * Popper props passed down to [Popper](https://mui.com/api/popper/) component.
    */
   PopperProps: PropTypes.object,
 
@@ -417,7 +417,7 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes
 
   /**
    * The `renderInput` prop allows you to customize the rendered input.
-   * The `startProps` and `endProps` arguments of this render prop contains props of [TextField](https://material-ui.com/api/text-field/#textfield-api),
+   * The `startProps` and `endProps` arguments of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api),
    * that you need to forward to the range start/end inputs respectively.
    * Pay specific attention to the `ref` and `inputProps` keys.
    * @example
@@ -514,7 +514,7 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes
   toolbarTitle: PropTypes.node,
 
   /**
-   * Custom component for popper [Transition](https://material-ui.com/components/transitions/#transitioncomponent-prop).
+   * Custom component for popper [Transition](https://mui.com/components/transitions/#transitioncomponent-prop).
    */
   TransitionComponent: PropTypes.elementType,
 

package/legacy/DateRangePickerDay/DateRangePickerDay.js

@@ -239,11 +239,11 @@ process.env.NODE_ENV !== "production" ? DateRangePickerDay.propTypes
  *
  * Demos:
  *
- * - [Date Range Picker](https://material-ui.com/components/date-range-picker/)
+ * - [Date Range Picker](https://mui.com/components/date-range-picker/)
  *
  * API:
  *
- * - [DateRangePickerDay API](https://material-ui.com/api/date-range-picker-day/)
+ * - [DateRangePickerDay API](https://mui.com/api/date-range-picker-day/)
  */
 
 export default /*#__PURE__*/React.memo(DateRangePickerDay, function (prevProps, nextProps) {

package/legacy/DateTimePicker/DateTimePicker.js

@@ -12,12 +12,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * Demos:
  *
- * - [Date Time Picker](https://material-ui.com/components/date-time-picker/)
- * - [Pickers](https://material-ui.com/components/pickers/)
+ * - [Date Time Picker](https://mui.com/components/date-time-picker/)
+ * - [Pickers](https://mui.com/components/pickers/)
  *
  * API:
  *
- * - [DateTimePicker API](https://material-ui.com/api/date-time-picker/)
+ * - [DateTimePicker API](https://mui.com/api/date-time-picker/)
  */
 var DateTimePicker = /*#__PURE__*/React.forwardRef(function DateTimePicker(inProps, ref) {
   var props = useThemeProps({
@@ -394,7 +394,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes
   /**
    * First view to show.
    */
-  openTo: PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'year']),
+  openTo: PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']),
 
   /**
    * Force rendering in particular orientation.
@@ -402,7 +402,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes
   orientation: PropTypes.oneOf(['landscape', 'portrait']),
 
   /**
-   * Popper props passed down to [Popper](https://material-ui.com/api/popper/) component.
+   * Popper props passed down to [Popper](https://mui.com/api/popper/) component.
    */
   PopperProps: PropTypes.object,
 
@@ -418,13 +418,13 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes
   reduceAnimations: PropTypes.bool,
 
   /**
-   * Custom renderer for day. Check the [PickersDay](https://material-ui.com/api/pickers-day/) component.
+   * Custom renderer for day. Check the [PickersDay](https://mui.com/api/pickers-day/) component.
    */
   renderDay: PropTypes.func,
 
   /**
    * The `renderInput` prop allows you to customize the rendered input.
-   * The `props` argument of this render prop contains props of [TextField](https://material-ui.com/api/text-field/#textfield-api) that you need to forward.
+   * 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} />}
@@ -517,7 +517,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes
   toolbarTitle: PropTypes.node,
 
   /**
-   * Custom component for popper [Transition](https://material-ui.com/components/transitions/#transitioncomponent-prop).
+   * Custom component for popper [Transition](https://mui.com/components/transitions/#transitioncomponent-prop).
    */
   TransitionComponent: PropTypes.elementType,
 
@@ -529,6 +529,6 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes
   /**
    * Array of views to show.
    */
-  views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'year']).isRequired)
+  views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']).isRequired)
 } : void 0;
 export default DateTimePicker;

package/legacy/DateTimePicker/DateTimePickerToolbar.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
-var _DateTimePickerToolba;
+var _DateTimePickerToolba, _DateTimePickerToolba2;
 
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
@@ -65,7 +65,8 @@ var DateTimePickerToolbar = function DateTimePickerToolbar(props) {
       toolbarPlaceholder = _props$toolbarPlaceho === void 0 ? '––' : _props$toolbarPlaceho,
       _props$toolbarTitle = props.toolbarTitle,
       toolbarTitle = _props$toolbarTitle === void 0 ? 'Select date & time' : _props$toolbarTitle,
-      other = _objectWithoutProperties(props, ["ampm", "date", "dateRangeIcon", "hideTabs", "isMobileKeyboardViewOpen", "onChange", "openView", "setOpenView", "timeIcon", "toggleMobileKeyboardView", "toolbarFormat", "toolbarPlaceholder", "toolbarTitle"]);
+      views = props.views,
+      other = _objectWithoutProperties(props, ["ampm", "date", "dateRangeIcon", "hideTabs", "isMobileKeyboardViewOpen", "onChange", "openView", "setOpenView", "timeIcon", "toggleMobileKeyboardView", "toolbarFormat", "toolbarPlaceholder", "toolbarTitle", "views"]);
 
   var utils = useUtils();
   var wrapperVariant = React.useContext(WrapperVariantContext);
@@ -95,7 +96,7 @@ var DateTimePickerToolbar = function DateTimePickerToolbar(props) {
     }, other, {
       isLandscape: false,
       children: [/*#__PURE__*/_jsxs(DateTimePickerToolbarDateContainer, {
-        children: [/*#__PURE__*/_jsx(PickersToolbarButton, {
+        children: [views.includes('year') && /*#__PURE__*/_jsx(PickersToolbarButton, {
           tabIndex: -1,
           variant: "subtitle1",
           onClick: function onClick() {
@@ -103,7 +104,7 @@ var DateTimePickerToolbar = function DateTimePickerToolbar(props) {
           },
           selected: openView === 'year',
           value: date ? utils.format(date, 'year') : '–'
-        }), /*#__PURE__*/_jsx(PickersToolbarButton, {
+        }), views.includes('day') && /*#__PURE__*/_jsx(PickersToolbarButton, {
           tabIndex: -1,
           variant: "h4",
           onClick: function onClick() {
@@ -113,23 +114,37 @@ var DateTimePickerToolbar = function DateTimePickerToolbar(props) {
           value: dateText
         })]
       }), /*#__PURE__*/_jsxs(DateTimePickerToolbarTimeContainer, {
-        children: [/*#__PURE__*/_jsx(PickersToolbarButton, {
+        children: [views.includes('hours') && /*#__PURE__*/_jsx(PickersToolbarButton, {
           variant: "h3",
           onClick: function onClick() {
             return setOpenView('hours');
           },
           selected: openView === 'hours',
           value: date ? formatHours(date) : '--'
-        }), _DateTimePickerToolba || (_DateTimePickerToolba = /*#__PURE__*/_jsx(DateTimePickerToolbarSeparator, {
-          variant: "h3",
-          value: ":"
-        })), /*#__PURE__*/_jsx(PickersToolbarButton, {
-          variant: "h3",
-          onClick: function onClick() {
-            return setOpenView('minutes');
-          },
-          selected: openView === 'minutes',
-          value: date ? utils.format(date, 'minutes') : '--'
+        }), views.includes('minutes') && /*#__PURE__*/_jsxs(React.Fragment, {
+          children: [_DateTimePickerToolba || (_DateTimePickerToolba = /*#__PURE__*/_jsx(DateTimePickerToolbarSeparator, {
+            variant: "h3",
+            value: ":"
+          })), /*#__PURE__*/_jsx(PickersToolbarButton, {
+            variant: "h3",
+            onClick: function onClick() {
+              return setOpenView('minutes');
+            },
+            selected: openView === 'minutes',
+            value: date ? utils.format(date, 'minutes') : '--'
+          })]
+        }), views.includes('seconds') && /*#__PURE__*/_jsxs(React.Fragment, {
+          children: [_DateTimePickerToolba2 || (_DateTimePickerToolba2 = /*#__PURE__*/_jsx(DateTimePickerToolbarSeparator, {
+            variant: "h3",
+            value: ":"
+          })), /*#__PURE__*/_jsx(PickersToolbarButton, {
+            variant: "h3",
+            onClick: function onClick() {
+              return setOpenView('seconds');
+            },
+            selected: openView === 'seconds',
+            value: date ? utils.format(date, 'seconds') : '--'
+          })]
         })]
       })]
     })), showTabs && /*#__PURE__*/_jsx(DateTimePickerTabs, {

package/legacy/DesktopDatePicker/DesktopDatePicker.js

@@ -23,11 +23,11 @@ var valueManager = {
  *
  * Demos:
  *
- * - [Date Picker](https://material-ui.com/components/date-picker/)
+ * - [Date Picker](https://mui.com/components/date-picker/)
  *
  * API:
  *
- * - [DesktopDatePicker API](https://material-ui.com/api/desktop-date-picker/)
+ * - [DesktopDatePicker API](https://mui.com/api/desktop-date-picker/)
  */
 var DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DesktopDatePicker(inProps, ref) {
   // TODO: TDate needs to be instantiated at every usage.
@@ -308,7 +308,7 @@ process.env.NODE_ENV !== "production" ? DesktopDatePicker.propTypes
   orientation: PropTypes.oneOf(['landscape', 'portrait']),
 
   /**
-   * Popper props passed down to [Popper](https://material-ui.com/api/popper/) component.
+   * Popper props passed down to [Popper](https://mui.com/api/popper/) component.
    */
   PopperProps: PropTypes.object,
 
@@ -324,13 +324,13 @@ process.env.NODE_ENV !== "production" ? DesktopDatePicker.propTypes
   reduceAnimations: PropTypes.bool,
 
   /**
-   * Custom renderer for day. Check the [PickersDay](https://material-ui.com/api/pickers-day/) component.
+   * Custom renderer for day. Check the [PickersDay](https://mui.com/api/pickers-day/) component.
    */
   renderDay: PropTypes.func,
 
   /**
    * The `renderInput` prop allows you to customize the rendered input.
-   * The `props` argument of this render prop contains props of [TextField](https://material-ui.com/api/text-field/#textfield-api) that you need to forward.
+   * 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} />}
@@ -400,7 +400,7 @@ process.env.NODE_ENV !== "production" ? DesktopDatePicker.propTypes
   toolbarTitle: PropTypes.node,
 
   /**
-   * Custom component for popper [Transition](https://material-ui.com/components/transitions/#transitioncomponent-prop).
+   * Custom component for popper [Transition](https://mui.com/components/transitions/#transitioncomponent-prop).
    */
   TransitionComponent: PropTypes.elementType,
 

package/legacy/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -24,11 +24,11 @@ var rangePickerValueManager = {
  *
  * Demos:
  *
- * - [Date Range Picker](https://material-ui.com/components/date-range-picker/)
+ * - [Date Range Picker](https://mui.com/components/date-range-picker/)
  *
  * API:
  *
- * - [DesktopDateRangePicker API](https://material-ui.com/api/desktop-date-range-picker/)
+ * - [DesktopDateRangePicker API](https://mui.com/api/desktop-date-range-picker/)
  */
 var DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function DesktopDateRangePicker(inProps, ref) {
   var props = useThemeProps({
@@ -360,7 +360,7 @@ process.env.NODE_ENV !== "production" ? DesktopDateRangePicker.propTypes
   orientation: PropTypes.oneOf(['landscape', 'portrait']),
 
   /**
-   * Popper props passed down to [Popper](https://material-ui.com/api/popper/) component.
+   * Popper props passed down to [Popper](https://mui.com/api/popper/) component.
    */
   PopperProps: PropTypes.object,
 
@@ -383,7 +383,7 @@ process.env.NODE_ENV !== "production" ? DesktopDateRangePicker.propTypes
 
   /**
    * The `renderInput` prop allows you to customize the rendered input.
-   * The `startProps` and `endProps` arguments of this render prop contains props of [TextField](https://material-ui.com/api/text-field/#textfield-api),
+   * The `startProps` and `endProps` arguments of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api),
    * that you need to forward to the range start/end inputs respectively.
    * Pay specific attention to the `ref` and `inputProps` keys.
    * @example
@@ -468,7 +468,7 @@ process.env.NODE_ENV !== "production" ? DesktopDateRangePicker.propTypes
   toolbarTitle: PropTypes.node,
 
   /**
-   * Custom component for popper [Transition](https://material-ui.com/components/transitions/#transitioncomponent-prop).
+   * Custom component for popper [Transition](https://mui.com/components/transitions/#transitioncomponent-prop).
    */
   TransitionComponent: PropTypes.elementType,