@mui/x-date-pickers-pro 7.0.0-beta.6 → 7.0.0

package/themeAugmentation/components.d.ts

@@ -21,6 +21,9 @@ export interface PickersProComponents<Theme = unknown> {
     defaultProps?: ComponentsProps['MuiDateTimeRangePickerToolbar'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiDateTimeRangePickerToolbar'];
   };
+  MuiPickersRangeCalendarHeader?: {
+    defaultProps?: ComponentsProps['MuiPickersRangeCalendarHeader'];
+  };
 
   // Multi input range fields
   MuiMultiInputDateRangeField?: {

package/themeAugmentation/props.d.ts

@@ -17,6 +17,7 @@ import { DesktopDateTimeRangePickerProps } from '../DesktopDateTimeRangePicker';
 import { MobileDateTimeRangePickerProps } from '../MobileDateTimeRangePicker';
 import { ExportedDateTimeRangePickerTabsProps } from '../DateTimeRangePicker/DateTimeRangePickerTabs';
 import { ExportedDateTimeRangePickerToolbarProps } from '../DateTimeRangePicker/DateTimeRangePickerToolbar';
+import { ExportedPickersRangeCalendarHeaderProps } from '../PickersRangeCalendarHeader';
 
 export interface PickersProComponentsPropsList {
   MuiDateRangeCalendar: DateRangeCalendarProps<PickerValidDate>;
@@ -24,6 +25,7 @@ export interface PickersProComponentsPropsList {
   MuiDateTimeRangePickerTabs: ExportedDateTimeRangePickerTabsProps;
   MuiDateRangePickerToolbar: ExportedDateRangePickerToolbarProps;
   MuiDateTimeRangePickerToolbar: ExportedDateTimeRangePickerToolbarProps;
+  MuiPickersRangeCalendarHeader: ExportedPickersRangeCalendarHeaderProps<PickerValidDate>;
 
   // Multi input range fields
   MuiMultiInputDateRangeField: MultiInputDateRangeFieldProps<PickerValidDate, any>;

package/DesktopDateTimeRangePicker/DesktopDateTimeRangePickerLayout.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { PickersLayoutProps } from '@mui/x-date-pickers/PickersLayout';
-import { PickerValidDate } from '@mui/x-date-pickers/models';
-import { DateRange } from '../models';
-import { DateTimeRangePickerView } from '../internals/models/dateTimeRange';
-/**
- * @ignore - internal component.
- */
-export declare function DesktopDateTimeRangePickerLayout<TDate extends PickerValidDate>(props: PickersLayoutProps<DateRange<TDate>, TDate, DateTimeRangePickerView>): React.JSX.Element;

package/DesktopDateTimeRangePicker/DesktopDateTimeRangePickerLayout.js

@@ -1,52 +0,0 @@
-import * as React from 'react';
-import clsx from 'clsx';
-import Divider from '@mui/material/Divider';
-import { PickersLayoutContentWrapper, PickersLayoutRoot, pickersLayoutClasses, usePickerLayout } from '@mui/x-date-pickers/PickersLayout';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @ignore - internal component.
- */
-export function DesktopDateTimeRangePickerLayout(props) {
-  var _actionBar$props$acti, _actionBar$props$acti2;
-  const {
-    toolbar,
-    tabs,
-    content,
-    actionBar,
-    shortcuts
-  } = usePickerLayout(props);
-  const {
-    sx,
-    className,
-    isLandscape,
-    ref
-  } = props;
-  const isActionBarVisible = actionBar && ((_actionBar$props$acti = (_actionBar$props$acti2 = actionBar.props.actions) == null ? void 0 : _actionBar$props$acti2.length) != null ? _actionBar$props$acti : 0) > 0;
-  return /*#__PURE__*/_jsxs(PickersLayoutRoot, {
-    ref: ref,
-    className: clsx(className, pickersLayoutClasses.root),
-    sx: [{
-      [`& .${pickersLayoutClasses.tabs}`]: {
-        gridRow: 4,
-        gridColumn: '1 / 4'
-      },
-      [`& .${pickersLayoutClasses.actionBar}`]: {
-        gridRow: 5
-      }
-    }, ...(Array.isArray(sx) ? sx : [sx])],
-    ownerState: props,
-    children: [isLandscape ? shortcuts : toolbar, isLandscape ? toolbar : shortcuts, /*#__PURE__*/_jsx(PickersLayoutContentWrapper, {
-      className: pickersLayoutClasses.contentWrapper,
-      sx: {
-        flexDirection: 'row'
-      },
-      children: content
-    }), isActionBarVisible && /*#__PURE__*/_jsx(Divider, {
-      sx: {
-        gridRow: 3,
-        gridColumn: '1/4'
-      }
-    }), tabs, actionBar]
-  });
-}

package/modern/DesktopDateTimeRangePicker/DesktopDateTimeRangePickerLayout.js

@@ -1,51 +0,0 @@
-import * as React from 'react';
-import clsx from 'clsx';
-import Divider from '@mui/material/Divider';
-import { PickersLayoutContentWrapper, PickersLayoutRoot, pickersLayoutClasses, usePickerLayout } from '@mui/x-date-pickers/PickersLayout';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @ignore - internal component.
- */
-export function DesktopDateTimeRangePickerLayout(props) {
-  const {
-    toolbar,
-    tabs,
-    content,
-    actionBar,
-    shortcuts
-  } = usePickerLayout(props);
-  const {
-    sx,
-    className,
-    isLandscape,
-    ref
-  } = props;
-  const isActionBarVisible = actionBar && (actionBar.props.actions?.length ?? 0) > 0;
-  return /*#__PURE__*/_jsxs(PickersLayoutRoot, {
-    ref: ref,
-    className: clsx(className, pickersLayoutClasses.root),
-    sx: [{
-      [`& .${pickersLayoutClasses.tabs}`]: {
-        gridRow: 4,
-        gridColumn: '1 / 4'
-      },
-      [`& .${pickersLayoutClasses.actionBar}`]: {
-        gridRow: 5
-      }
-    }, ...(Array.isArray(sx) ? sx : [sx])],
-    ownerState: props,
-    children: [isLandscape ? shortcuts : toolbar, isLandscape ? toolbar : shortcuts, /*#__PURE__*/_jsx(PickersLayoutContentWrapper, {
-      className: pickersLayoutClasses.contentWrapper,
-      sx: {
-        flexDirection: 'row'
-      },
-      children: content
-    }), isActionBarVisible && /*#__PURE__*/_jsx(Divider, {
-      sx: {
-        gridRow: 3,
-        gridColumn: '1/4'
-      }
-    }), tabs, actionBar]
-  });
-}

package/node/DesktopDateTimeRangePicker/DesktopDateTimeRangePickerLayout.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DesktopDateTimeRangePickerLayout = DesktopDateTimeRangePickerLayout;
-var React = _interopRequireWildcard(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _Divider = _interopRequireDefault(require("@mui/material/Divider"));
-var _PickersLayout = require("@mui/x-date-pickers/PickersLayout");
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * @ignore - internal component.
- */
-function DesktopDateTimeRangePickerLayout(props) {
-  const {
-    toolbar,
-    tabs,
-    content,
-    actionBar,
-    shortcuts
-  } = (0, _PickersLayout.usePickerLayout)(props);
-  const {
-    sx,
-    className,
-    isLandscape,
-    ref
-  } = props;
-  const isActionBarVisible = actionBar && (actionBar.props.actions?.length ?? 0) > 0;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PickersLayout.PickersLayoutRoot, {
-    ref: ref,
-    className: (0, _clsx.default)(className, _PickersLayout.pickersLayoutClasses.root),
-    sx: [{
-      [`& .${_PickersLayout.pickersLayoutClasses.tabs}`]: {
-        gridRow: 4,
-        gridColumn: '1 / 4'
-      },
-      [`& .${_PickersLayout.pickersLayoutClasses.actionBar}`]: {
-        gridRow: 5
-      }
-    }, ...(Array.isArray(sx) ? sx : [sx])],
-    ownerState: props,
-    children: [isLandscape ? shortcuts : toolbar, isLandscape ? toolbar : shortcuts, /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersLayout.PickersLayoutContentWrapper, {
-      className: _PickersLayout.pickersLayoutClasses.contentWrapper,
-      sx: {
-        flexDirection: 'row'
-      },
-      children: content
-    }), isActionBarVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, {
-      sx: {
-        gridRow: 3,
-        gridColumn: '1/4'
-      }
-    }), tabs, actionBar]
-  });
-}