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

package/DesktopDatePicker/DesktopDatePicker.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["onChange", "PopperProps", "PaperProps", "ToolbarComponent", "TransitionComponent", "value"];
+const _excluded = ["onChange", "PopperProps", "PaperProps", "ToolbarComponent", "TransitionComponent", "value", "clearText", "clearable"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useDatePickerDefaultizedProps } from '../DatePicker/shared';
@@ -42,7 +42,9 @@ const DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DesktopDatePick
     PopperProps,
     PaperProps,
     ToolbarComponent = DatePickerToolbar,
-    TransitionComponent
+    TransitionComponent,
+    clearText,
+    clearable
   } = props,
         other = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -57,6 +59,8 @@ const DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DesktopDatePick
     PopperProps: PopperProps,
     PaperProps: PaperProps,
     TransitionComponent: TransitionComponent,
+    clearText: clearText,
+    clearable: clearable,
     children: /*#__PURE__*/_jsx(Picker, _extends({}, pickerProps, {
       autoFocus: true,
       toolbarTitle: props.label || props.toolbarTitle,
@@ -100,6 +104,18 @@ process.env.NODE_ENV !== "production" ? DesktopDatePicker.propTypes
    */
   className: PropTypes.string,
 
+  /**
+   * If `true`, it shows the clear action in the picker dialog.
+   * @default false
+   */
+  clearable: PropTypes.bool,
+
+  /**
+   * Clear text message.
+   * @default 'Clear'
+   */
+  clearText: PropTypes.node,
+
   /**
    * The components used for each slot.
    * Either a string to use a HTML element or a component.

package/DesktopDatePicker/index.d.ts

@@ -1,2 +1,2 @@
-export * from './DesktopDatePicker';
-export { default } from './DesktopDatePicker';
+export * from './DesktopDatePicker';
+export { default } from './DesktopDatePicker';

package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts

@@ -1,64 +1,64 @@
-import * as React from 'react';
-import { RangeInput, DateRange } from '../DateRangePicker/RangeTypes';
-import { DateRangeValidationError, ValidationProps } from '../internal/pickers/hooks/useValidation';
-import { ExportedDateRangePickerViewProps } from '../DateRangePicker/DateRangePickerView';
-import { ExportedDateRangePickerInputProps } from '../DateRangePicker/DateRangePickerInput';
-import { DesktopWrapperProps } from '../internal/pickers/wrappers/DesktopWrapper';
-interface BaseDateRangePickerProps<TDate> extends ExportedDateRangePickerViewProps<TDate>, ValidationProps<DateRangeValidationError, RangeInput<TDate>>, ExportedDateRangePickerInputProps {
-    /**
-     * The components used for each slot.
-     * Either a string to use a HTML element or a component.
-     * @default {}
-     */
-    components?: ExportedDateRangePickerViewProps<TDate>['components'] & ExportedDateRangePickerInputProps['components'];
-    /**
-     * Text for end input label and toolbar placeholder.
-     * @default 'End'
-     */
-    endText?: React.ReactNode;
-    /**
-     * Custom mask. Can be used to override generate from format. (e.g. `__/__/____ __:__` or `__/__/____ __:__ _M`).
-     * @default '__/__/____'
-     */
-    mask?: ExportedDateRangePickerInputProps['mask'];
-    /**
-     * Min selectable date. @DateIOType
-     * @default defaultMinDate
-     */
-    minDate?: TDate;
-    /**
-     * Max selectable date. @DateIOType
-     * @default defaultMaxDate
-     */
-    maxDate?: TDate;
-    /**
-     * Callback fired when the value (the selected date range) changes @DateIOType.
-     */
-    onChange: (date: DateRange<TDate>, keyboardInputValue?: string) => void;
-    /**
-     * Text for start input label and toolbar placeholder.
-     * @default 'Start'
-     */
-    startText?: React.ReactNode;
-    /**
-     * The value of the date range picker.
-     */
-    value: RangeInput<TDate>;
-}
-export interface DesktopDateRangePickerProps<TDate = unknown> extends BaseDateRangePickerProps<TDate>, DesktopWrapperProps {
-}
-declare type DesktopDateRangePickerComponent = (<TDate>(props: DesktopDateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes: unknown;
-};
-/**
- *
- * Demos:
- *
- * - [Date Range Picker](https://mui.com/components/date-range-picker/)
- *
- * API:
- *
- * - [DesktopDateRangePicker API](https://mui.com/api/desktop-date-range-picker/)
- */
-declare const DesktopDateRangePicker: DesktopDateRangePickerComponent;
-export default DesktopDateRangePicker;
+import * as React from 'react';
+import { RangeInput, DateRange } from '../DateRangePicker/RangeTypes';
+import { DateRangeValidationError, ValidationProps } from '../internal/pickers/hooks/useValidation';
+import { ExportedDateRangePickerViewProps } from '../DateRangePicker/DateRangePickerView';
+import { ExportedDateRangePickerInputProps } from '../DateRangePicker/DateRangePickerInput';
+import { DesktopWrapperProps } from '../internal/pickers/wrappers/DesktopWrapper';
+interface BaseDateRangePickerProps<TDate> extends ExportedDateRangePickerViewProps<TDate>, ValidationProps<DateRangeValidationError, RangeInput<TDate>>, ExportedDateRangePickerInputProps {
+    /**
+     * The components used for each slot.
+     * Either a string to use a HTML element or a component.
+     * @default {}
+     */
+    components?: ExportedDateRangePickerViewProps<TDate>['components'] & ExportedDateRangePickerInputProps['components'];
+    /**
+     * Text for end input label and toolbar placeholder.
+     * @default 'End'
+     */
+    endText?: React.ReactNode;
+    /**
+     * Custom mask. Can be used to override generate from format. (e.g. `__/__/____ __:__` or `__/__/____ __:__ _M`).
+     * @default '__/__/____'
+     */
+    mask?: ExportedDateRangePickerInputProps['mask'];
+    /**
+     * Min selectable date. @DateIOType
+     * @default defaultMinDate
+     */
+    minDate?: TDate;
+    /**
+     * Max selectable date. @DateIOType
+     * @default defaultMaxDate
+     */
+    maxDate?: TDate;
+    /**
+     * Callback fired when the value (the selected date range) changes @DateIOType.
+     */
+    onChange: (date: DateRange<TDate>, keyboardInputValue?: string) => void;
+    /**
+     * Text for start input label and toolbar placeholder.
+     * @default 'Start'
+     */
+    startText?: React.ReactNode;
+    /**
+     * The value of the date range picker.
+     */
+    value: RangeInput<TDate>;
+}
+export interface DesktopDateRangePickerProps<TDate = unknown> extends BaseDateRangePickerProps<TDate>, DesktopWrapperProps {
+}
+declare type DesktopDateRangePickerComponent = (<TDate>(props: DesktopDateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes: unknown;
+};
+/**
+ *
+ * Demos:
+ *
+ * - [Date Range Picker](https://mui.com/components/date-range-picker/)
+ *
+ * API:
+ *
+ * - [DesktopDateRangePicker API](https://mui.com/api/desktop-date-range-picker/)
+ */
+declare const DesktopDateRangePicker: DesktopDateRangePickerComponent;
+export default DesktopDateRangePicker;

package/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -141,6 +141,18 @@ process.env.NODE_ENV !== "production" ? DesktopDateRangePicker.propTypes
    */
   className: PropTypes.string,
 
+  /**
+   * If `true`, it shows the clear action in the picker dialog.
+   * @default false
+   */
+  clearable: PropTypes.bool,
+
+  /**
+   * Clear text message.
+   * @default 'Clear'
+   */
+  clearText: PropTypes.node,
+
   /**
    * The components used for each slot.
    * Either a string to use a HTML element or a component.

package/DesktopDateRangePicker/index.d.ts

@@ -1,2 +1,2 @@
-export * from './DesktopDateRangePicker';
-export { default } from './DesktopDateRangePicker';
+export * from './DesktopDateRangePicker';
+export { default } from './DesktopDateRangePicker';

package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { BaseDateTimePickerProps } from '../DateTimePicker/shared';
-import { DesktopWrapperProps } from '../internal/pickers/wrappers/DesktopWrapper';
-export interface DesktopDateTimePickerProps<TDate = unknown> extends BaseDateTimePickerProps<TDate>, DesktopWrapperProps {
-}
-declare type DesktopDateTimePickerComponent = (<TDate>(props: DesktopDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- *
- * Demos:
- *
- * - [Date Time Picker](https://mui.com/components/date-time-picker/)
- *
- * API:
- *
- * - [DesktopDateTimePicker API](https://mui.com/api/desktop-date-time-picker/)
- */
-declare const DesktopDateTimePicker: DesktopDateTimePickerComponent;
-export default DesktopDateTimePicker;
+import * as React from 'react';
+import { BaseDateTimePickerProps } from '../DateTimePicker/shared';
+import { DesktopWrapperProps } from '../internal/pickers/wrappers/DesktopWrapper';
+export interface DesktopDateTimePickerProps<TDate = unknown> extends BaseDateTimePickerProps<TDate>, DesktopWrapperProps {
+}
+declare type DesktopDateTimePickerComponent = (<TDate>(props: DesktopDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ *
+ * Demos:
+ *
+ * - [Date Time Picker](https://mui.com/components/date-time-picker/)
+ *
+ * API:
+ *
+ * - [DesktopDateTimePicker API](https://mui.com/api/desktop-date-time-picker/)
+ */
+declare const DesktopDateTimePicker: DesktopDateTimePickerComponent;
+export default DesktopDateTimePicker;

package/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -110,6 +110,18 @@ process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes
    */
   className: PropTypes.string,
 
+  /**
+   * If `true`, it shows the clear action in the picker dialog.
+   * @default false
+   */
+  clearable: PropTypes.bool,
+
+  /**
+   * Clear text message.
+   * @default 'Clear'
+   */
+  clearText: PropTypes.node,
+
   /**
    * The components used for each slot.
    * Either a string to use a HTML element or a component.

package/DesktopDateTimePicker/index.d.ts

@@ -1,2 +1,2 @@
-export * from './DesktopDateTimePicker';
-export { default } from './DesktopDateTimePicker';
+export * from './DesktopDateTimePicker';
+export { default } from './DesktopDateTimePicker';

package/DesktopTimePicker/DesktopTimePicker.d.ts

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { BaseTimePickerProps } from '../TimePicker/shared';
-import { DesktopWrapperProps } from '../internal/pickers/wrappers/DesktopWrapper';
-export interface DesktopTimePickerProps<TDate = unknown> extends BaseTimePickerProps<TDate>, DesktopWrapperProps {
-}
-declare type DesktopTimePickerComponent = (<TDate>(props: DesktopTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- *
- * Demos:
- *
- * - [Time Picker](https://mui.com/components/time-picker/)
- *
- * API:
- *
- * - [DesktopTimePicker API](https://mui.com/api/desktop-time-picker/)
- */
-declare const DesktopTimePicker: DesktopTimePickerComponent;
-export default DesktopTimePicker;
+import * as React from 'react';
+import { BaseTimePickerProps } from '../TimePicker/shared';
+import { DesktopWrapperProps } from '../internal/pickers/wrappers/DesktopWrapper';
+export interface DesktopTimePickerProps<TDate = unknown> extends BaseTimePickerProps<TDate>, DesktopWrapperProps {
+}
+declare type DesktopTimePickerComponent = (<TDate>(props: DesktopTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ *
+ * Demos:
+ *
+ * - [Time Picker](https://mui.com/components/time-picker/)
+ *
+ * API:
+ *
+ * - [DesktopTimePicker API](https://mui.com/api/desktop-time-picker/)
+ */
+declare const DesktopTimePicker: DesktopTimePickerComponent;
+export default DesktopTimePicker;

package/DesktopTimePicker/DesktopTimePicker.js

@@ -99,6 +99,18 @@ process.env.NODE_ENV !== "production" ? DesktopTimePicker.propTypes
    */
   className: PropTypes.string,
 
+  /**
+   * If `true`, it shows the clear action in the picker dialog.
+   * @default false
+   */
+  clearable: PropTypes.bool,
+
+  /**
+   * Clear text message.
+   * @default 'Clear'
+   */
+  clearText: PropTypes.node,
+
   /**
    * The components used for each slot.
    * Either a string to use a HTML element or a component.

package/DesktopTimePicker/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './DesktopTimePicker';
-export * from './DesktopTimePicker';
+export { default } from './DesktopTimePicker';
+export * from './DesktopTimePicker';

package/LoadingButton/loadingButtonClasses.d.ts

@@ -1,22 +1,22 @@
-export interface LoadingButtonClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `loading={true}`. */
-    loading: string;
-    /** Styles applied to the loadingIndicator element. */
-    loadingIndicator: string;
-    /** Styles applied to the loadingIndicator element if `loadingPosition="center"`. */
-    loadingIndicatorCenter: string;
-    /** Styles applied to the loadingIndicator element if `loadingPosition="start"`. */
-    loadingIndicatorStart: string;
-    /** Styles applied to the loadingIndicator element if `loadingPosition="end"`. */
-    loadingIndicatorEnd: string;
-    /** Styles applied to the endIcon element if `loading={true}` and `loadingPosition="end"`. */
-    endIconLoadingEnd: string;
-    /** Styles applied to the startIcon element if `loading={true}` and `loadingPosition="start"`. */
-    startIconLoadingStart: string;
-}
-export declare type LoadingButtonClassKey = keyof LoadingButtonClasses;
-export declare function getLoadingButtonUtilityClass(slot: string): string;
-declare const loadingButtonClasses: LoadingButtonClasses;
-export default loadingButtonClasses;
+export interface LoadingButtonClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `loading={true}`. */
+    loading: string;
+    /** Styles applied to the loadingIndicator element. */
+    loadingIndicator: string;
+    /** Styles applied to the loadingIndicator element if `loadingPosition="center"`. */
+    loadingIndicatorCenter: string;
+    /** Styles applied to the loadingIndicator element if `loadingPosition="start"`. */
+    loadingIndicatorStart: string;
+    /** Styles applied to the loadingIndicator element if `loadingPosition="end"`. */
+    loadingIndicatorEnd: string;
+    /** Styles applied to the endIcon element if `loading={true}` and `loadingPosition="end"`. */
+    endIconLoadingEnd: string;
+    /** Styles applied to the startIcon element if `loading={true}` and `loadingPosition="start"`. */
+    startIconLoadingStart: string;
+}
+export declare type LoadingButtonClassKey = keyof LoadingButtonClasses;
+export declare function getLoadingButtonUtilityClass(slot: string): string;
+declare const loadingButtonClasses: LoadingButtonClasses;
+export default loadingButtonClasses;

package/LocalizationProvider/LocalizationProvider.d.ts

@@ -1,35 +1,35 @@
-import * as React from 'react';
-import { DateIOFormats, IUtils } from '@date-io/core/IUtils';
-export declare type MuiPickersAdapter<TDate> = IUtils<TDate>;
-export interface MuiPickersAdapterContextValue<TDate> {
-    defaultDates: {
-        minDate: TDate;
-        maxDate: TDate;
-    };
-    utils: MuiPickersAdapter<TDate>;
-}
-export declare const MuiPickersAdapterContext: React.Context<MuiPickersAdapterContextValue<unknown> | null>;
-export interface LocalizationProviderProps {
-    children?: React.ReactNode;
-    /** DateIO adapter class function */
-    dateAdapter: new (...args: any) => MuiPickersAdapter<unknown>;
-    /** Formats that are used for any child pickers */
-    dateFormats?: Partial<DateIOFormats>;
-    /**
-     * Date library instance you are using, if it has some global overrides
-     * ```jsx
-     * dateLibInstance={momentTimeZone}
-     * ```
-     */
-    dateLibInstance?: any;
-    /** Locale for the date library you are using */
-    locale?: string | object;
-}
-/**
- * @ignore - do not document.
- */
-declare function LocalizationProvider(props: LocalizationProviderProps): JSX.Element;
-declare namespace LocalizationProvider {
-    var propTypes: any;
-}
-export default LocalizationProvider;
+import * as React from 'react';
+import { DateIOFormats, IUtils } from '@date-io/core/IUtils';
+export declare type MuiPickersAdapter<TDate> = IUtils<TDate>;
+export interface MuiPickersAdapterContextValue<TDate> {
+    defaultDates: {
+        minDate: TDate;
+        maxDate: TDate;
+    };
+    utils: MuiPickersAdapter<TDate>;
+}
+export declare const MuiPickersAdapterContext: React.Context<MuiPickersAdapterContextValue<unknown> | null>;
+export interface LocalizationProviderProps {
+    children?: React.ReactNode;
+    /** DateIO adapter class function */
+    dateAdapter: new (...args: any) => MuiPickersAdapter<unknown>;
+    /** Formats that are used for any child pickers */
+    dateFormats?: Partial<DateIOFormats>;
+    /**
+     * Date library instance you are using, if it has some global overrides
+     * ```jsx
+     * dateLibInstance={momentTimeZone}
+     * ```
+     */
+    dateLibInstance?: any;
+    /** Locale for the date library you are using */
+    locale?: string | object;
+}
+/**
+ * @ignore - do not document.
+ */
+declare function LocalizationProvider(props: LocalizationProviderProps): JSX.Element;
+declare namespace LocalizationProvider {
+    var propTypes: any;
+}
+export default LocalizationProvider;

package/LocalizationProvider/index.d.ts

@@ -1,2 +1,2 @@
-export * from './LocalizationProvider';
-export { default } from './LocalizationProvider';
+export * from './LocalizationProvider';
+export { default } from './LocalizationProvider';

package/Masonry/masonryClasses.d.ts

@@ -1,8 +1,8 @@
-export interface MasonryClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export declare type MasonryClassKey = keyof MasonryClasses;
-export declare function getMasonryUtilityClass(slot: string): string;
-declare const masonryClasses: MasonryClasses;
-export default masonryClasses;
+export interface MasonryClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export declare type MasonryClassKey = keyof MasonryClasses;
+export declare function getMasonryUtilityClass(slot: string): string;
+declare const masonryClasses: MasonryClasses;
+export default masonryClasses;

package/MobileDatePicker/MobileDatePicker.d.ts

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { BaseDatePickerProps } from '../DatePicker/shared';
-import { MobileWrapperProps } from '../internal/pickers/wrappers/MobileWrapper';
-export interface MobileDatePickerProps<TDate = unknown> extends BaseDatePickerProps<TDate>, MobileWrapperProps {
-}
-declare type MobileDatePickerComponent = (<TDate>(props: MobileDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- *
- * Demos:
- *
- * - [Date Picker](https://mui.com/components/date-picker/)
- *
- * API:
- *
- * - [MobileDatePicker API](https://mui.com/api/mobile-date-picker/)
- */
-declare const MobileDatePicker: MobileDatePickerComponent;
-export default MobileDatePicker;
+import * as React from 'react';
+import { BaseDatePickerProps } from '../DatePicker/shared';
+import { MobileWrapperProps } from '../internal/pickers/wrappers/MobileWrapper';
+export interface MobileDatePickerProps<TDate = unknown> extends BaseDatePickerProps<TDate>, MobileWrapperProps {
+}
+declare type MobileDatePickerComponent = (<TDate>(props: MobileDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ *
+ * Demos:
+ *
+ * - [Date Picker](https://mui.com/components/date-picker/)
+ *
+ * API:
+ *
+ * - [MobileDatePicker API](https://mui.com/api/mobile-date-picker/)
+ */
+declare const MobileDatePicker: MobileDatePickerComponent;
+export default MobileDatePicker;

package/MobileDatePicker/index.d.ts

@@ -1,2 +1,2 @@
-export * from './MobileDatePicker';
-export { default } from './MobileDatePicker';
+export * from './MobileDatePicker';
+export { default } from './MobileDatePicker';