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

package/CalendarPicker/CalendarPicker.d.ts

@@ -87,10 +87,10 @@ declare const _default: <TDate>(props: CalendarPickerPropsWithClasses<TDate> & R
  *
  * 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 _default;

package/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/CalendarPicker/PickersCalendar.d.ts

@@ -15,7 +15,7 @@ export interface ExportedCalendarProps<TDate> extends Pick<PickersDayProps<TDate
      */
     onChange: PickerOnChangeFn<TDate>;
     /**
-     * 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?: (day: TDate, selectedDates: Array<TDate | null>, pickersDayProps: PickersDayProps<TDate>) => JSX.Element;
     /**

package/CalendarPicker/PickersCalendarHeader.d.ts

@@ -1,9 +1,12 @@
 import * as React from 'react';
+import IconButton from '@mui/material/IconButton';
 import { SlideDirection } from './PickersSlideTransition';
 import { DateValidationProps } from '../internal/pickers/date-utils';
 import { ExportedArrowSwitcherProps } from '../internal/pickers/PickersArrowSwitcher';
 import { CalendarPickerView } from './shared';
 export declare type ExportedCalendarHeaderProps<TDate> = Pick<PickersCalendarHeaderProps<TDate>, 'components' | 'componentsProps' | 'getViewSwitchingButtonText' | 'leftArrowButtonText' | 'rightArrowButtonText'>;
+export interface PickersCalendarHeaderComponentsPropsOverides {
+}
 export interface PickersCalendarHeaderProps<TDate> extends ExportedArrowSwitcherProps, Omit<DateValidationProps<TDate>, 'shouldDisableDate'> {
     /**
      * The components used for each slot.
@@ -19,7 +22,7 @@ export interface PickersCalendarHeaderProps<TDate> extends ExportedArrowSwitcher
      * @default {}
      */
     componentsProps?: ExportedArrowSwitcherProps['componentsProps'] & {
-        switchViewButton?: any;
+        switchViewButton?: React.ComponentPropsWithRef<typeof IconButton> & PickersCalendarHeaderComponentsPropsOverides;
     };
     currentMonth: TDate;
     views: readonly CalendarPickerView[];

package/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/CalendarPickerSkeleton/CalendarPickerSkeleton.d.ts

@@ -27,11 +27,11 @@ export declare const calendarPickerSkeletonClasses: CalendarPickerSkeletonClasse
  *
  * 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/)
  */
 declare function CalendarPickerSkeleton(props: CalendarPickerSkeletonProps): JSX.Element;
 declare namespace CalendarPickerSkeleton {

package/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/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/ClockPicker/ClockPicker.d.ts

@@ -8,6 +8,8 @@ export interface ClockPickerClasses {
     arrowSwitcher: string;
 }
 export declare type ClockPickerClassKey = keyof ClockPickerClasses;
+export interface ClockPickerComponentsPropsOverrides {
+}
 export declare function getClockPickerUtilityClass(slot: string): string;
 export declare const clockPickerClasses: ClockPickerClasses;
 export interface ExportedClockPickerProps<TDate> extends TimeValidationProps<TDate> {
@@ -62,8 +64,8 @@ export interface ClockPickerProps<TDate> extends ExportedClockPickerProps<TDate>
      * The props used for each slot inside.
      */
     componentsProps?: {
-        leftArrowButton?: any;
-        rightArrowButton?: any;
+        leftArrowButton?: React.SVGAttributes<SVGSVGElement> & ClockPickerComponentsPropsOverrides;
+        rightArrowButton?: React.SVGAttributes<SVGSVGElement> & ClockPickerComponentsPropsOverrides;
     };
     /**
      * Selected date @DateIOType.
@@ -110,10 +112,10 @@ declare const _default: <TDate>(props: ClockPickerProps<TDate>) => JSX.Element;
  *
  * 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 _default;

package/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/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/DatePicker/DatePicker.d.ts

@@ -16,12 +16,12 @@ declare type DatePickerComponent = (<TDate>(props: DatePickerProps<TDate> & Reac
  *
  * 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/)
  */
 declare const DatePicker: DatePickerComponent;
 export default DatePicker;

package/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/DateRangePicker/DateRangePicker.d.ts

@@ -55,11 +55,11 @@ declare type DateRangePickerComponent = (<TDate>(props: DateRangePickerProps<TDa
  *
  * 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/)
  */
 declare const DateRangePicker: DateRangePickerComponent;
 export default DateRangePicker;

package/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/DateRangePicker/DateRangePickerInput.d.ts

@@ -5,7 +5,7 @@ import { DateInputProps, ExportedDateInputProps, MuiTextFieldProps } from '../in
 export interface ExportedDateRangePickerInputProps extends Omit<ExportedDateInputProps<RangeInput<any>, DateRange<any>>, 'renderInput'> {
     /**
      * 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

package/DateRangePickerDay/DateRangePickerDay.d.ts

@@ -70,10 +70,10 @@ declare const _default: <TDate>(props: DateRangePickerDayProps<TDate> & React.Re
  *
  * 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 _default;

package/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/DateTimePicker/DateTimePicker.d.ts

@@ -16,12 +16,12 @@ declare type DateTimePickerComponent = (<TDate>(props: DateTimePickerProps<TDate
  *
  * 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/)
  */
 declare const DateTimePicker: DateTimePickerComponent;
 export default DateTimePicker;

package/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/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/DateTimePicker/shared.d.ts

@@ -5,7 +5,7 @@ import { DateTimeValidationError, ValidationProps } from '../internal/pickers/ho
 import { ParseableDate } from '../internal/pickers/constants/prop-types';
 import { BasePickerProps, ToolbarComponentProps } from '../internal/pickers/typings/BasePicker';
 import { ExportedDateInputProps } from '../internal/pickers/PureDateInput';
-export declare type DateTimePickerView = 'year' | 'day' | 'month' | 'hours' | 'minutes';
+export declare type DateTimePickerView = 'year' | 'day' | 'month' | 'hours' | 'minutes' | 'seconds';
 export interface BaseDateTimePickerProps<TDate> extends ExportedClockPickerProps<TDate>, ExportedCalendarPickerProps<TDate>, BasePickerProps<ParseableDate<TDate>, TDate | null>, ValidationProps<DateTimeValidationError, ParseableDate<TDate>>, ExportedDateInputProps<ParseableDate<TDate>, TDate | null> {
     /**
      * The components used for each slot.

package/DesktopDatePicker/DesktopDatePicker.d.ts

@@ -10,11 +10,11 @@ declare type DesktopDatePickerComponent = (<TDate>(props: DesktopDatePickerProps
  *
  * 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/)
  */
 declare const DesktopDatePicker: DesktopDatePickerComponent;
 export default DesktopDatePicker;

package/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/DesktopDateRangePicker/DesktopDateRangePicker.d.ts

@@ -54,11 +54,11 @@ declare type DesktopDateRangePickerComponent = (<TDate>(props: DesktopDateRangeP
  *
  * 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/)
  */
 declare const DesktopDateRangePicker: DesktopDateRangePickerComponent;
 export default DesktopDateRangePicker;