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

package/modern/Timeline/Timeline.js

@@ -41,11 +41,11 @@ const 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/)
  */
 
 const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
@@ -115,11 +115,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/modern/ToggleButton/ToggleButton.js

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

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

@@ -416,7 +416,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/modern/YearPicker/PickersYear.js

@@ -93,7 +93,7 @@ const PickersYear = /*#__PURE__*/React.forwardRef(function PickersYear(props, fo
 
   React.useEffect(() => {
     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/modern/YearPicker/YearPicker.js

@@ -225,11 +225,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/modern/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/modern/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/node/Alert/Alert.js

@@ -26,7 +26,7 @@ let warnedOnce = false;
 
 var _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/node/AlertTitle/AlertTitle.js

@@ -26,7 +26,7 @@ let warnedOnce = false;
 
 var _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/node/Autocomplete/Autocomplete.js

@@ -26,7 +26,7 @@ let warnedOnce = false;
 
 var _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/node/AvatarGroup/AvatarGroup.js

@@ -26,7 +26,7 @@ let warnedOnce = false;
 
 var _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/node/CalendarPicker/CalendarPicker.js

@@ -348,11 +348,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/)
  */
 
 var _default = CalendarPicker;

package/node/CalendarPicker/PickersCalendarHeader.js

@@ -173,7 +173,6 @@ function PickersCalendarHeader(props) {
         as: components.SwitchViewButton,
         "aria-label": getViewSwitchingButtonText(currentView)
       }, switchViewButtonProps, {
-        ownerState: (0, _extends2.default)({}, ownerState, switchViewButtonProps),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersCalendarHeaderSwitchView, {
           as: components.SwitchViewIcon,
           ownerState: ownerState

package/node/CalendarPickerSkeleton/CalendarPickerSkeleton.js

@@ -103,11 +103,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) {
@@ -142,11 +142,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/node/ClockPicker/Clock.js

@@ -97,7 +97,7 @@ const ClockAmButton = (0, _styles.styled)(_IconButton.default, {
 }) => (0, _extends2.default)({
   zIndex: 1,
   position: 'absolute',
-  bottom: 8,
+  bottom: ownerState.ampmInClock ? 64 : 8,
   left: 8
 }, ownerState.meridiemMode === 'am' && {
   backgroundColor: theme.palette.primary.main,
@@ -114,7 +114,7 @@ const ClockPmButton = (0, _styles.styled)(_IconButton.default, {
 }) => (0, _extends2.default)({
   zIndex: 1,
   position: 'absolute',
-  bottom: 8,
+  bottom: ownerState.ampmInClock ? 64 : 8,
   right: 8
 }, ownerState.meridiemMode === 'pm' && {
   backgroundColor: theme.palette.primary.main,
@@ -215,7 +215,7 @@ function Clock(props) {
 
   (0, _utils.unstable_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/node/ClockPicker/ClockPicker.js

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

package/node/ClockPicker/shared.js

@@ -56,7 +56,7 @@ 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/node/DatePicker/DatePicker.js

@@ -35,12 +35,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  *
  * 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 = (0, _styles.useThemeProps)({
@@ -355,7 +355,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes
   orientation: _propTypes.default.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.default.object,
 
@@ -371,13 +371,13 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes
   reduceAnimations: _propTypes.default.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.default.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} />}
@@ -459,7 +459,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes
   toolbarTitle: _propTypes.default.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.default.elementType,
 

package/node/DateRangePicker/DateRangePicker.js

@@ -51,11 +51,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 = (0, _styles.useThemeProps)({
@@ -408,7 +408,7 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes
   orientation: _propTypes.default.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.default.object,
 
@@ -431,7 +431,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
@@ -528,7 +528,7 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes
   toolbarTitle: _propTypes.default.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.default.elementType,
 

package/node/DateRangePickerDay/DateRangePickerDay.js

@@ -259,11 +259,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/)
  */
 
 var _default = /*#__PURE__*/React.memo(DateRangePickerDay, (prevProps, nextProps) => {

package/node/DateTimePicker/DateTimePicker.js

@@ -35,12 +35,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  *
  * 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 = (0, _styles.useThemeProps)({
@@ -416,7 +416,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes
   /**
    * First view to show.
    */
-  openTo: _propTypes.default.oneOf(['day', 'hours', 'minutes', 'month', 'year']),
+  openTo: _propTypes.default.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']),
 
   /**
    * Force rendering in particular orientation.
@@ -424,7 +424,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes
   orientation: _propTypes.default.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.default.object,
 
@@ -440,13 +440,13 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes
   reduceAnimations: _propTypes.default.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.default.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} />}
@@ -539,7 +539,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes
   toolbarTitle: _propTypes.default.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.default.elementType,
 
@@ -551,7 +551,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes
   /**
    * Array of views to show.
    */
-  views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['day', 'hours', 'minutes', 'month', 'year']).isRequired)
+  views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']).isRequired)
 } : void 0;
 var _default = DateTimePicker;
 exports.default = _default;

package/node/DateTimePicker/DateTimePickerToolbar.js

@@ -31,9 +31,9 @@ var _WrapperVariantContext = require("../internal/pickers/wrappers/WrapperVarian
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-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"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -87,7 +87,8 @@ const DateTimePickerToolbar = props => {
     toggleMobileKeyboardView,
     toolbarFormat,
     toolbarPlaceholder = '––',
-    toolbarTitle = 'Select date & time'
+    toolbarTitle = 'Select date & time',
+    views
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const utils = (0, _useUtils.useUtils)();
@@ -116,13 +117,13 @@ const DateTimePickerToolbar = props => {
     }, other, {
       isLandscape: false,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(DateTimePickerToolbarDateContainer, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.default, {
+        children: [views.includes('year') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.default, {
           tabIndex: -1,
           variant: "subtitle1",
           onClick: () => setOpenView('year'),
           selected: openView === 'year',
           value: date ? utils.format(date, 'year') : '–'
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.default, {
+        }), views.includes('day') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.default, {
           tabIndex: -1,
           variant: "h4",
           onClick: () => setOpenView('day'),
@@ -130,19 +131,31 @@ const DateTimePickerToolbar = props => {
           value: dateText
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(DateTimePickerToolbarTimeContainer, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.default, {
+        children: [views.includes('hours') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.default, {
           variant: "h3",
           onClick: () => setOpenView('hours'),
           selected: openView === 'hours',
           value: date ? formatHours(date) : '--'
-        }), _DateTimePickerToolba || (_DateTimePickerToolba = /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimePickerToolbarSeparator, {
-          variant: "h3",
-          value: ":"
-        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.default, {
-          variant: "h3",
-          onClick: () => setOpenView('minutes'),
-          selected: openView === 'minutes',
-          value: date ? utils.format(date, 'minutes') : '--'
+        }), views.includes('minutes') && /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+          children: [_DateTimePickerToolba || (_DateTimePickerToolba = /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimePickerToolbarSeparator, {
+            variant: "h3",
+            value: ":"
+          })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.default, {
+            variant: "h3",
+            onClick: () => setOpenView('minutes'),
+            selected: openView === 'minutes',
+            value: date ? utils.format(date, 'minutes') : '--'
+          })]
+        }), views.includes('seconds') && /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+          children: [_DateTimePickerToolba2 || (_DateTimePickerToolba2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimePickerToolbarSeparator, {
+            variant: "h3",
+            value: ":"
+          })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.default, {
+            variant: "h3",
+            onClick: () => setOpenView('seconds'),
+            selected: openView === 'seconds',
+            value: date ? utils.format(date, 'seconds') : '--'
+          })]
         })]
       })]
     })), showTabs && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateTimePickerTabs.default, {

package/node/DesktopDatePicker/DesktopDatePicker.js

@@ -49,11 +49,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.
@@ -330,7 +330,7 @@ process.env.NODE_ENV !== "production" ? DesktopDatePicker.propTypes
   orientation: _propTypes.default.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.default.object,
 
@@ -346,13 +346,13 @@ process.env.NODE_ENV !== "production" ? DesktopDatePicker.propTypes
   reduceAnimations: _propTypes.default.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.default.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} />}
@@ -422,7 +422,7 @@ process.env.NODE_ENV !== "production" ? DesktopDatePicker.propTypes
   toolbarTitle: _propTypes.default.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.default.elementType,
 

package/node/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -50,11 +50,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 = (0, _styles.useThemeProps)({
@@ -374,7 +374,7 @@ process.env.NODE_ENV !== "production" ? DesktopDateRangePicker.propTypes
   orientation: _propTypes.default.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.default.object,
 
@@ -397,7 +397,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
@@ -482,7 +482,7 @@ process.env.NODE_ENV !== "production" ? DesktopDateRangePicker.propTypes
   toolbarTitle: _propTypes.default.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.default.elementType,