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

package/legacy/Timeline/Timeline.js

@@ -36,11 +36,11 @@ var TimelineRoot = styled('ul', {
  *
  * Demos:
  *
- * - [Timeline](https://material-ui.com/components/timeline/)
+ * - [Timeline](https://mui.com/components/timeline/)
  *
  * API:
  *
- * - [Timeline API](https://material-ui.com/api/timeline/)
+ * - [Timeline API](https://mui.com/api/timeline/)
  */
 
 var Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
@@ -109,11 +109,11 @@ process.env.NODE_ENV !== "production" ? Timeline.propTypes
  *
  * Demos:
  *
- * - [Timeline](https://material-ui.com/components/timeline/)
+ * - [Timeline](https://mui.com/components/timeline/)
  *
  * API:
  *
- * - [Timeline API](https://material-ui.com/api/timeline/)
+ * - [Timeline API](https://mui.com/api/timeline/)
  */
 
 export default Timeline;

package/legacy/ToggleButton/ToggleButton.js

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

package/legacy/ToggleButtonGroup/ToggleButtonGroup.js

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

package/legacy/TreeItem/TreeItem.js

@@ -418,7 +418,7 @@ process.env.NODE_ENV !== "production" ? TreeItem.propTypes
 
   /**
    * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition) component.
+   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition) component.
    */
   TransitionProps: PropTypes.object
 } : void 0;

package/legacy/YearPicker/PickersYear.js

@@ -92,7 +92,7 @@ var PickersYear = /*#__PURE__*/React.forwardRef(function PickersYear(props, forw
 
   React.useEffect(function () {
     if (autoFocus) {
-      // `ref.current` being `null` would be a bug in Material-UIu
+      // `ref.current` being `null` would be a bug in MUIu
       ref.current.focus();
     }
   }, [autoFocus]);

package/legacy/YearPicker/YearPicker.js

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

package/legacy/index.js

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

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

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

package/modern/Alert/Alert.js

@@ -9,7 +9,7 @@ let 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/modern/AlertTitle/AlertTitle.js

@@ -9,7 +9,7 @@ let 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/modern/Autocomplete/Autocomplete.js

@@ -9,7 +9,7 @@ let 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/modern/AvatarGroup/AvatarGroup.js

@@ -9,7 +9,7 @@ let 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/modern/CalendarPicker/CalendarPicker.js

@@ -316,11 +316,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/modern/CalendarPicker/PickersCalendarHeader.js

@@ -150,7 +150,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/modern/CalendarPickerSkeleton/CalendarPickerSkeleton.js

@@ -76,11 +76,11 @@ const monthMap = [[0, 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) {
@@ -115,11 +115,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/modern/ClockPicker/Clock.js

@@ -75,7 +75,7 @@ const ClockAmButton = styled(IconButton, {
 }) => _extends({
   zIndex: 1,
   position: 'absolute',
-  bottom: 8,
+  bottom: ownerState.ampmInClock ? 64 : 8,
   left: 8
 }, ownerState.meridiemMode === 'am' && {
   backgroundColor: theme.palette.primary.main,
@@ -92,7 +92,7 @@ const ClockPmButton = styled(IconButton, {
 }) => _extends({
   zIndex: 1,
   position: 'absolute',
-  bottom: 8,
+  bottom: ownerState.ampmInClock ? 64 : 8,
   right: 8
 }, ownerState.meridiemMode === 'pm' && {
   backgroundColor: theme.palette.primary.main,
@@ -193,7 +193,7 @@ function Clock(props) {
 
   useEnhancedEffect(() => {
     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/modern/ClockPicker/ClockPicker.js

@@ -49,7 +49,7 @@ const defaultGetSecondsClockNumberText = seconds => `${seconds} seconds`;
  *
  * API:
  *
- * - [ClockPicker API](https://material-ui.com/api/clock-picker/)
+ * - [ClockPicker API](https://mui.com/api/clock-picker/)
  */
 
 
@@ -385,11 +385,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/modern/ClockPicker/shared.js

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

package/modern/DatePicker/DatePicker.js

@@ -13,12 +13,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/)
  */
 const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker(inProps, ref) {
   const props = useThemeProps({
@@ -335,7 +335,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,
 
@@ -351,13 +351,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} />}
@@ -439,7 +439,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/modern/DateRangePicker/DateRangePicker.js

@@ -24,11 +24,11 @@ const 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/)
  */
 const DateRangePicker = /*#__PURE__*/React.forwardRef(function DateRangePicker(inProps, ref) {
   const props = useThemeProps({
@@ -388,7 +388,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,
 
@@ -411,7 +411,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
@@ -508,7 +508,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/modern/DateRangePickerDay/DateRangePickerDay.js

@@ -234,11 +234,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, (prevProps, nextProps) => {

package/modern/DateTimePicker/DateTimePicker.js

@@ -13,12 +13,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/)
  */
 const DateTimePicker = /*#__PURE__*/React.forwardRef(function DateTimePicker(inProps, ref) {
   const props = useThemeProps({
@@ -396,7 +396,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.
@@ -404,7 +404,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,
 
@@ -420,13 +420,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} />}
@@ -519,7 +519,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,
 
@@ -531,6 +531,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/modern/DateTimePicker/DateTimePickerToolbar.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 
-var _DateTimePickerToolba;
+var _DateTimePickerToolba, _DateTimePickerToolba2;
 
-const _excluded = ["ampm", "date", "dateRangeIcon", "hideTabs", "isMobileKeyboardViewOpen", "onChange", "openView", "setOpenView", "timeIcon", "toggleMobileKeyboardView", "toolbarFormat", "toolbarPlaceholder", "toolbarTitle"];
+const _excluded = ["ampm", "date", "dateRangeIcon", "hideTabs", "isMobileKeyboardViewOpen", "onChange", "openView", "setOpenView", "timeIcon", "toggleMobileKeyboardView", "toolbarFormat", "toolbarPlaceholder", "toolbarTitle", "views"];
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import { generateUtilityClasses } from '@mui/core';
@@ -63,7 +63,8 @@ const DateTimePickerToolbar = props => {
     toggleMobileKeyboardView,
     toolbarFormat,
     toolbarPlaceholder = '––',
-    toolbarTitle = 'Select date & time'
+    toolbarTitle = 'Select date & time',
+    views
   } = props,
         other = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -93,13 +94,13 @@ const 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: () => setOpenView('year'),
           selected: openView === 'year',
           value: date ? utils.format(date, 'year') : '–'
-        }), /*#__PURE__*/_jsx(PickersToolbarButton, {
+        }), views.includes('day') && /*#__PURE__*/_jsx(PickersToolbarButton, {
           tabIndex: -1,
           variant: "h4",
           onClick: () => setOpenView('day'),
@@ -107,19 +108,31 @@ const DateTimePickerToolbar = props => {
           value: dateText
         })]
       }), /*#__PURE__*/_jsxs(DateTimePickerToolbarTimeContainer, {
-        children: [/*#__PURE__*/_jsx(PickersToolbarButton, {
+        children: [views.includes('hours') && /*#__PURE__*/_jsx(PickersToolbarButton, {
           variant: "h3",
           onClick: () => setOpenView('hours'),
           selected: openView === 'hours',
           value: date ? formatHours(date) : '--'
-        }), _DateTimePickerToolba || (_DateTimePickerToolba = /*#__PURE__*/_jsx(DateTimePickerToolbarSeparator, {
-          variant: "h3",
-          value: ":"
-        })), /*#__PURE__*/_jsx(PickersToolbarButton, {
-          variant: "h3",
-          onClick: () => 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: () => 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: () => setOpenView('seconds'),
+            selected: openView === 'seconds',
+            value: date ? utils.format(date, 'seconds') : '--'
+          })]
         })]
       })]
     })), showTabs && /*#__PURE__*/_jsx(DateTimePickerTabs, {

package/modern/DesktopDatePicker/DesktopDatePicker.js

@@ -22,11 +22,11 @@ const 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/)
  */
 const DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DesktopDatePicker(inProps, ref) {
   // TODO: TDate needs to be instantiated at every usage.
@@ -306,7 +306,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,
 
@@ -322,13 +322,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} />}
@@ -398,7 +398,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/modern/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -23,11 +23,11 @@ const 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/)
  */
 const DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function DesktopDateRangePicker(inProps, ref) {
   const props = useThemeProps({
@@ -354,7 +354,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,
 
@@ -377,7 +377,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
@@ -462,7 +462,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,