@mui/x-date-pickers 6.16.3 → 6.18.0

package/legacy/DateCalendar/DateCalendar.js

@@ -76,10 +76,11 @@ var DateCalendarViewTransitionContainer = styled(PickersFadeTransitionGroup, {
   }
 })({});
 /**
- *
  * Demos:
  *
- * - [Date Picker](https://mui.com/x/react-date-pickers/date-picker/)
+ * - [DatePicker](https://mui.com/x/react-date-pickers/date-picker/)
+ * - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
+ * - [Validation](https://mui.com/x/react-date-pickers/validation/)
  *
  * API:
  *

package/legacy/DateCalendar/DayCalendar.js

@@ -458,9 +458,7 @@ export function DayCalendar(inProps) {
         children: localeText.calendarWeekNumberHeaderText
       }), getWeekdays(utils, now).map(function (weekday, i) {
         var _dayOfWeekFormatter;
-        // regression-prevention:
-        // since 'weekdayShort' now always returns an abbreviated form we slice the first 2 letters from it.
-        var day = utils.format(weekday, 'weekdayShort').slice(0, 2);
+        var day = utils.format(weekday, 'weekdayShort');
         return /*#__PURE__*/_jsx(PickersCalendarWeekDayLabel, {
           variant: "caption",
           role: "columnheader",

package/legacy/MonthCalendar/MonthCalendar.js

@@ -54,6 +54,15 @@ var MonthCalendarRoot = styled('div', {
   // avoid padding increasing width over defined
   boxSizing: 'border-box'
 });
+/**
+ * Demos:
+ *
+ * - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
+ *
+ * API:
+ *
+ * - [MonthCalendar API](https://mui.com/x/api/date-pickers/month-calendar/)
+ */
 export var MonthCalendar = /*#__PURE__*/React.forwardRef(function MonthCalendar(inProps, ref) {
   var props = useMonthCalendarDefaultizedProps(inProps, 'MuiMonthCalendar');
   var className = props.className,

package/legacy/PickersCalendarHeader/PickersCalendarHeader.js

@@ -1,7 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
-var _excluded = ["slots", "slotProps", "currentMonth", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onMonthChange", "onViewChange", "view", "reduceAnimations", "views", "labelId", "className", "timezone"],
+var _excluded = ["slots", "slotProps", "components", "componentsProps", "currentMonth", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onMonthChange", "onViewChange", "view", "reduceAnimations", "views", "labelId", "className", "timezone"],
   _excluded2 = ["ownerState"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -17,8 +17,6 @@ import { ArrowDropDownIcon } from '../icons';
 import { PickersArrowSwitcher } from '../internals/components/PickersArrowSwitcher';
 import { usePreviousMonthDisabled, useNextMonthDisabled } from '../internals/hooks/date-helpers-hooks';
 import { getPickersCalendarHeaderUtilityClass, pickersCalendarHeaderClasses } from './pickersCalendarHeaderClasses';
-
-// We keep the interface to allow module augmentation
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var useUtilityClasses = function useUtilityClasses(ownerState) {
@@ -116,7 +114,7 @@ var PickersCalendarHeaderSwitchViewIcon = styled(ArrowDropDownIcon, {
  * - [PickersCalendarHeader API](https://mui.com/x/api/date-pickers/pickers-calendar-header/)
  */
 var PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCalendarHeader(inProps, ref) {
-  var _slots$switchViewButt, _slots$switchViewIcon;
+  var _ref5, _slots$switchViewButt, _ref6, _slots$switchViewIcon;
   var localeText = useLocaleText();
   var utils = useUtils();
   var props = useThemeProps({
@@ -125,6 +123,8 @@ var PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCalend
   });
   var slots = props.slots,
     slotProps = props.slotProps,
+    components = props.components,
+    componentsProps = props.componentsProps,
     month = props.currentMonth,
     disabled = props.disabled,
     disableFuture = props.disableFuture,
@@ -142,7 +142,7 @@ var PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCalend
     other = _objectWithoutProperties(props, _excluded);
   var ownerState = props;
   var classes = useUtilityClasses(props);
-  var SwitchViewButton = (_slots$switchViewButt = slots == null ? void 0 : slots.switchViewButton) != null ? _slots$switchViewButt : PickersCalendarHeaderSwitchViewButton;
+  var SwitchViewButton = (_ref5 = (_slots$switchViewButt = slots == null ? void 0 : slots.switchViewButton) != null ? _slots$switchViewButt : components == null ? void 0 : components.SwitchViewButton) != null ? _ref5 : PickersCalendarHeaderSwitchViewButton;
   var switchViewButtonProps = useSlotProps({
     elementType: SwitchViewButton,
     externalSlotProps: slotProps == null ? void 0 : slotProps.switchViewButton,
@@ -153,7 +153,7 @@ var PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCalend
     ownerState: ownerState,
     className: classes.switchViewButton
   });
-  var SwitchViewIcon = (_slots$switchViewIcon = slots == null ? void 0 : slots.switchViewIcon) != null ? _slots$switchViewIcon : PickersCalendarHeaderSwitchViewIcon;
+  var SwitchViewIcon = (_ref6 = (_slots$switchViewIcon = slots == null ? void 0 : slots.switchViewIcon) != null ? _slots$switchViewIcon : components == null ? void 0 : components.SwitchViewIcon) != null ? _ref6 : PickersCalendarHeaderSwitchViewIcon;
   // The spread is here to avoid this bug mui/material-ui#34056
   var _useSlotProps = useSlotProps({
       elementType: SwitchViewIcon,
@@ -250,6 +250,18 @@ process.env.NODE_ENV !== "production" ? PickersCalendarHeader.propTypes = {
    * className applied to the root element.
    */
   className: PropTypes.string,
+  /**
+   * Overridable components.
+   * @default {}
+   * @deprecated Please use `slots`.
+   */
+  components: PropTypes.object,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   * @deprecated Please use `slotProps`.
+   */
+  componentsProps: PropTypes.object,
   currentMonth: PropTypes.any.isRequired,
   disabled: PropTypes.bool,
   disableFuture: PropTypes.bool,

package/legacy/PickersCalendarHeader/PickersCalendarHeader.types.js

@@ -0,0 +1 @@
+export {};

package/legacy/YearCalendar/YearCalendar.js

@@ -60,6 +60,15 @@ var YearCalendarRoot = styled('div', {
   boxSizing: 'border-box',
   position: 'relative'
 });
+/**
+ * Demos:
+ *
+ * - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
+ *
+ * API:
+ *
+ * - [YearCalendar API](https://mui.com/x/api/date-pickers/year-calendar/)
+ */
 export var YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(inProps, ref) {
   var props = useYearCalendarDefaultizedProps(inProps, 'MuiYearCalendar');
   var autoFocus = props.autoFocus,

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.16.3
+ * @mui/x-date-pickers v6.18.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/internals/components/FakeTextField/FakeTextField.js

@@ -1,23 +1,49 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["before", "after"];
+var _excluded = ["elements", "valueStr", "onValueStrChange", "id", "error", "InputProps", "inputProps", "autoFocus", "disabled", "valueType", "ownerState"];
 import * as React from 'react';
-import Stack from '@mui/material/Stack';
+import Box from '@mui/material/Box';
 import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var FakeTextField = /*#__PURE__*/React.forwardRef(function FakeTextField(props, ref) {
-  var elements = props.elements;
-  return /*#__PURE__*/_jsx(Stack, {
-    direction: "row",
-    spacing: 1,
-    ref: ref,
-    children: elements.map(function (_ref, elementIndex) {
-      var before = _ref.before,
-        after = _ref.after,
-        otherElementProps = _objectWithoutProperties(_ref, _excluded);
-      return /*#__PURE__*/_jsxs(React.Fragment, {
-        children: [before, /*#__PURE__*/_jsx("input", _extends({}, otherElementProps)), after]
-      }, elementIndex);
-    })
+  var elements = props.elements,
+    valueStr = props.valueStr,
+    onValueStrChange = props.onValueStrChange,
+    id = props.id,
+    error = props.error,
+    InputProps = props.InputProps,
+    inputProps = props.inputProps,
+    autoFocus = props.autoFocus,
+    disabled = props.disabled,
+    valueType = props.valueType,
+    ownerState = props.ownerState,
+    other = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(Box, _extends({
+      ref: ref
+    }, other, {
+      style: {
+        display: 'inline-block',
+        border: '1px solid black',
+        borderRadius: 4,
+        padding: '2px 4px',
+        color: valueType === 'placeholder' ? 'grey' : 'black'
+      },
+      children: elements.map(function (_ref, elementIndex) {
+        var container = _ref.container,
+          content = _ref.content,
+          before = _ref.before,
+          after = _ref.after;
+        return /*#__PURE__*/_createElement("span", _extends({}, container, {
+          key: elementIndex
+        }), /*#__PURE__*/_jsx("span", _extends({}, before)), /*#__PURE__*/_jsx("span", _extends({}, content)), /*#__PURE__*/_jsx("span", _extends({}, after)));
+      })
+    })), /*#__PURE__*/_jsx("input", {
+      type: "hidden",
+      value: valueStr,
+      onChange: onValueStrChange,
+      id: id
+    })]
   });
 });

package/modern/AdapterDateFns/AdapterDateFns.js

@@ -228,7 +228,7 @@ const defaultFormats = {
   monthShort: 'MMM',
   dayOfMonth: 'd',
   weekday: 'EEEE',
-  weekdayShort: 'EEE',
+  weekdayShort: 'EEEEEE',
   hours24h: 'HH',
   hours12h: 'hh',
   meridiem: 'aa',

package/modern/AdapterDateFnsJalali/AdapterDateFnsJalali.js

@@ -228,7 +228,7 @@ const defaultFormats = {
   monthShort: 'MMM',
   dayOfMonth: 'd',
   weekday: 'EEEE',
-  weekdayShort: 'EEE',
+  weekdayShort: 'EEEEEE',
   hours24h: 'HH',
   hours12h: 'hh',
   meridiem: 'aa',

package/modern/AdapterDayjs/AdapterDayjs.js

@@ -99,7 +99,7 @@ const defaultFormats = {
   monthShort: 'MMM',
   dayOfMonth: 'D',
   weekday: 'dddd',
-  weekdayShort: 'ddd',
+  weekdayShort: 'dd',
   hours24h: 'HH',
   hours12h: 'hh',
   meridiem: 'A',

package/modern/AdapterLuxon/AdapterLuxon.js

@@ -113,7 +113,7 @@ const defaultFormats = {
   monthShort: 'MMM',
   dayOfMonth: 'd',
   weekday: 'cccc',
-  weekdayShort: 'ccc',
+  weekdayShort: 'ccccc',
   hours24h: 'HH',
   hours12h: 'hh',
   meridiem: 'a',

package/modern/DateCalendar/DateCalendar.js

@@ -71,10 +71,11 @@ const DateCalendarViewTransitionContainer = styled(PickersFadeTransitionGroup, {
   overridesResolver: (props, styles) => styles.viewTransitionContainer
 })({});
 /**
- *
  * Demos:
  *
- * - [Date Picker](https://mui.com/x/react-date-pickers/date-picker/)
+ * - [DatePicker](https://mui.com/x/react-date-pickers/date-picker/)
+ * - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
+ * - [Validation](https://mui.com/x/react-date-pickers/validation/)
  *
  * API:
  *

package/modern/DateCalendar/DayCalendar.js

@@ -412,9 +412,7 @@ export function DayCalendar(inProps) {
         className: classes.weekNumberLabel,
         children: localeText.calendarWeekNumberHeaderText
       }), getWeekdays(utils, now).map((weekday, i) => {
-        // regression-prevention:
-        // since 'weekdayShort' now always returns an abbreviated form we slice the first 2 letters from it.
-        const day = utils.format(weekday, 'weekdayShort').slice(0, 2);
+        const day = utils.format(weekday, 'weekdayShort');
         return /*#__PURE__*/_jsx(PickersCalendarWeekDayLabel, {
           variant: "caption",
           role: "columnheader",

package/modern/MonthCalendar/MonthCalendar.js

@@ -53,6 +53,15 @@ const MonthCalendarRoot = styled('div', {
   // avoid padding increasing width over defined
   boxSizing: 'border-box'
 });
+/**
+ * Demos:
+ *
+ * - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
+ *
+ * API:
+ *
+ * - [MonthCalendar API](https://mui.com/x/api/date-pickers/month-calendar/)
+ */
 export const MonthCalendar = /*#__PURE__*/React.forwardRef(function MonthCalendar(inProps, ref) {
   const props = useMonthCalendarDefaultizedProps(inProps, 'MuiMonthCalendar');
   const {

package/modern/PickersCalendarHeader/PickersCalendarHeader.js

@@ -1,6 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["slots", "slotProps", "currentMonth", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onMonthChange", "onViewChange", "view", "reduceAnimations", "views", "labelId", "className", "timezone"],
+const _excluded = ["slots", "slotProps", "components", "componentsProps", "currentMonth", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onMonthChange", "onViewChange", "view", "reduceAnimations", "views", "labelId", "className", "timezone"],
   _excluded2 = ["ownerState"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -16,8 +16,6 @@ import { ArrowDropDownIcon } from '../icons';
 import { PickersArrowSwitcher } from '../internals/components/PickersArrowSwitcher';
 import { usePreviousMonthDisabled, useNextMonthDisabled } from '../internals/hooks/date-helpers-hooks';
 import { getPickersCalendarHeaderUtilityClass, pickersCalendarHeaderClasses } from './pickersCalendarHeaderClasses';
-
-// We keep the interface to allow module augmentation
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
@@ -115,6 +113,7 @@ const PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCale
   const {
       slots,
       slotProps,
+      components,
       currentMonth: month,
       disabled,
       disableFuture,
@@ -133,7 +132,7 @@ const PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCale
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(props);
-  const SwitchViewButton = slots?.switchViewButton ?? PickersCalendarHeaderSwitchViewButton;
+  const SwitchViewButton = slots?.switchViewButton ?? components?.SwitchViewButton ?? PickersCalendarHeaderSwitchViewButton;
   const switchViewButtonProps = useSlotProps({
     elementType: SwitchViewButton,
     externalSlotProps: slotProps?.switchViewButton,
@@ -144,7 +143,7 @@ const PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCale
     ownerState,
     className: classes.switchViewButton
   });
-  const SwitchViewIcon = slots?.switchViewIcon ?? PickersCalendarHeaderSwitchViewIcon;
+  const SwitchViewIcon = slots?.switchViewIcon ?? components?.SwitchViewIcon ?? PickersCalendarHeaderSwitchViewIcon;
   // The spread is here to avoid this bug mui/material-ui#34056
   const _useSlotProps = useSlotProps({
       elementType: SwitchViewIcon,
@@ -234,6 +233,18 @@ process.env.NODE_ENV !== "production" ? PickersCalendarHeader.propTypes = {
    * className applied to the root element.
    */
   className: PropTypes.string,
+  /**
+   * Overridable components.
+   * @default {}
+   * @deprecated Please use `slots`.
+   */
+  components: PropTypes.object,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   * @deprecated Please use `slotProps`.
+   */
+  componentsProps: PropTypes.object,
   currentMonth: PropTypes.any.isRequired,
   disabled: PropTypes.bool,
   disableFuture: PropTypes.bool,

package/modern/PickersCalendarHeader/PickersCalendarHeader.types.js

@@ -0,0 +1 @@
+export {};

package/modern/YearCalendar/YearCalendar.js

@@ -58,6 +58,15 @@ const YearCalendarRoot = styled('div', {
   boxSizing: 'border-box',
   position: 'relative'
 });
+/**
+ * Demos:
+ *
+ * - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
+ *
+ * API:
+ *
+ * - [YearCalendar API](https://mui.com/x/api/date-pickers/year-calendar/)
+ */
 export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(inProps, ref) {
   const props = useYearCalendarDefaultizedProps(inProps, 'MuiYearCalendar');
   const {

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.16.3
+ * @mui/x-date-pickers v6.18.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/internals/components/FakeTextField/FakeTextField.js

@@ -1,27 +1,44 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["before", "after"];
+const _excluded = ["elements", "valueStr", "onValueStrChange", "id", "error", "InputProps", "inputProps", "autoFocus", "disabled", "valueType", "ownerState"];
 import * as React from 'react';
-import Stack from '@mui/material/Stack';
+import Box from '@mui/material/Box';
 import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export const FakeTextField = /*#__PURE__*/React.forwardRef(function FakeTextField(props, ref) {
   const {
-    elements
-  } = props;
-  return /*#__PURE__*/_jsx(Stack, {
-    direction: "row",
-    spacing: 1,
-    ref: ref,
-    children: elements.map((_ref, elementIndex) => {
-      let {
-          before,
-          after
-        } = _ref,
-        otherElementProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-      return /*#__PURE__*/_jsxs(React.Fragment, {
-        children: [before, /*#__PURE__*/_jsx("input", _extends({}, otherElementProps)), after]
-      }, elementIndex);
-    })
+      elements,
+      valueStr,
+      onValueStrChange,
+      id,
+      valueType
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(Box, _extends({
+      ref: ref
+    }, other, {
+      style: {
+        display: 'inline-block',
+        border: '1px solid black',
+        borderRadius: 4,
+        padding: '2px 4px',
+        color: valueType === 'placeholder' ? 'grey' : 'black'
+      },
+      children: elements.map(({
+        container,
+        content,
+        before,
+        after
+      }, elementIndex) => /*#__PURE__*/_createElement("span", _extends({}, container, {
+        key: elementIndex
+      }), /*#__PURE__*/_jsx("span", _extends({}, before)), /*#__PURE__*/_jsx("span", _extends({}, content)), /*#__PURE__*/_jsx("span", _extends({}, after))))
+    })), /*#__PURE__*/_jsx("input", {
+      type: "hidden",
+      value: valueStr,
+      onChange: onValueStrChange,
+      id: id
+    })]
   });
 });

package/node/AdapterDateFns/AdapterDateFns.js

@@ -237,7 +237,7 @@ const defaultFormats = {
   monthShort: 'MMM',
   dayOfMonth: 'd',
   weekday: 'EEEE',
-  weekdayShort: 'EEE',
+  weekdayShort: 'EEEEEE',
   hours24h: 'HH',
   hours12h: 'hh',
   meridiem: 'aa',

package/node/AdapterDateFnsJalali/AdapterDateFnsJalali.js

@@ -237,7 +237,7 @@ const defaultFormats = {
   monthShort: 'MMM',
   dayOfMonth: 'd',
   weekday: 'EEEE',
-  weekdayShort: 'EEE',
+  weekdayShort: 'EEEEEE',
   hours24h: 'HH',
   hours12h: 'hh',
   meridiem: 'aa',

package/node/AdapterDayjs/AdapterDayjs.js

@@ -107,7 +107,7 @@ const defaultFormats = {
   monthShort: 'MMM',
   dayOfMonth: 'D',
   weekday: 'dddd',
-  weekdayShort: 'ddd',
+  weekdayShort: 'dd',
   hours24h: 'HH',
   hours12h: 'hh',
   meridiem: 'A',

package/node/AdapterLuxon/AdapterLuxon.js

@@ -121,7 +121,7 @@ const defaultFormats = {
   monthShort: 'MMM',
   dayOfMonth: 'd',
   weekday: 'cccc',
-  weekdayShort: 'ccc',
+  weekdayShort: 'ccccc',
   hours24h: 'HH',
   hours12h: 'hh',
   meridiem: 'a',

package/node/DateCalendar/DateCalendar.js

@@ -79,10 +79,11 @@ const DateCalendarViewTransitionContainer = (0, _styles.styled)(_PickersFadeTran
   overridesResolver: (props, styles) => styles.viewTransitionContainer
 })({});
 /**
- *
  * Demos:
  *
- * - [Date Picker](https://mui.com/x/react-date-pickers/date-picker/)
+ * - [DatePicker](https://mui.com/x/react-date-pickers/date-picker/)
+ * - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
+ * - [Validation](https://mui.com/x/react-date-pickers/validation/)
  *
  * API:
  *

package/node/DateCalendar/DayCalendar.js

@@ -420,9 +420,7 @@ function DayCalendar(inProps) {
         className: classes.weekNumberLabel,
         children: localeText.calendarWeekNumberHeaderText
       }), (0, _dateUtils.getWeekdays)(utils, now).map((weekday, i) => {
-        // regression-prevention:
-        // since 'weekdayShort' now always returns an abbreviated form we slice the first 2 letters from it.
-        const day = utils.format(weekday, 'weekdayShort').slice(0, 2);
+        const day = utils.format(weekday, 'weekdayShort');
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersCalendarWeekDayLabel, {
           variant: "caption",
           role: "columnheader",

package/node/MonthCalendar/MonthCalendar.js

@@ -63,6 +63,15 @@ const MonthCalendarRoot = (0, _styles.styled)('div', {
   // avoid padding increasing width over defined
   boxSizing: 'border-box'
 });
+/**
+ * Demos:
+ *
+ * - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
+ *
+ * API:
+ *
+ * - [MonthCalendar API](https://mui.com/x/api/date-pickers/month-calendar/)
+ */
 const MonthCalendar = exports.MonthCalendar = /*#__PURE__*/React.forwardRef(function MonthCalendar(inProps, ref) {
   const props = useMonthCalendarDefaultizedProps(inProps, 'MuiMonthCalendar');
   const {

package/node/PickersCalendarHeader/PickersCalendarHeader.js

@@ -22,8 +22,8 @@ var _PickersArrowSwitcher = require("../internals/components/PickersArrowSwitche
 var _dateHelpersHooks = require("../internals/hooks/date-helpers-hooks");
 var _pickersCalendarHeaderClasses = require("./pickersCalendarHeaderClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps", "currentMonth", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onMonthChange", "onViewChange", "view", "reduceAnimations", "views", "labelId", "className", "timezone"],
-  _excluded2 = ["ownerState"]; // We keep the interface to allow module augmentation
+const _excluded = ["slots", "slotProps", "components", "componentsProps", "currentMonth", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onMonthChange", "onViewChange", "view", "reduceAnimations", "views", "labelId", "className", "timezone"],
+  _excluded2 = ["ownerState"];
 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; }
 const useUtilityClasses = ownerState => {
@@ -121,6 +121,7 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
   const {
       slots,
       slotProps,
+      components,
       currentMonth: month,
       disabled,
       disableFuture,
@@ -139,7 +140,7 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(props);
-  const SwitchViewButton = slots?.switchViewButton ?? PickersCalendarHeaderSwitchViewButton;
+  const SwitchViewButton = slots?.switchViewButton ?? components?.SwitchViewButton ?? PickersCalendarHeaderSwitchViewButton;
   const switchViewButtonProps = (0, _utils.useSlotProps)({
     elementType: SwitchViewButton,
     externalSlotProps: slotProps?.switchViewButton,
@@ -150,7 +151,7 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
     ownerState,
     className: classes.switchViewButton
   });
-  const SwitchViewIcon = slots?.switchViewIcon ?? PickersCalendarHeaderSwitchViewIcon;
+  const SwitchViewIcon = slots?.switchViewIcon ?? components?.SwitchViewIcon ?? PickersCalendarHeaderSwitchViewIcon;
   // The spread is here to avoid this bug mui/material-ui#34056
   const _useSlotProps = (0, _utils.useSlotProps)({
       elementType: SwitchViewIcon,
@@ -240,6 +241,18 @@ process.env.NODE_ENV !== "production" ? PickersCalendarHeader.propTypes = {
    * className applied to the root element.
    */
   className: _propTypes.default.string,
+  /**
+   * Overridable components.
+   * @default {}
+   * @deprecated Please use `slots`.
+   */
+  components: _propTypes.default.object,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   * @deprecated Please use `slotProps`.
+   */
+  componentsProps: _propTypes.default.object,
   currentMonth: _propTypes.default.any.isRequired,
   disabled: _propTypes.default.bool,
   disableFuture: _propTypes.default.bool,

package/node/PickersCalendarHeader/PickersCalendarHeader.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/YearCalendar/YearCalendar.js

@@ -67,6 +67,15 @@ const YearCalendarRoot = (0, _styles.styled)('div', {
   boxSizing: 'border-box',
   position: 'relative'
 });
+/**
+ * Demos:
+ *
+ * - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
+ *
+ * API:
+ *
+ * - [YearCalendar API](https://mui.com/x/api/date-pickers/year-calendar/)
+ */
 const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(inProps, ref) {
   const props = useYearCalendarDefaultizedProps(inProps, 'MuiYearCalendar');
   const {

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.16.3
+ * @mui/x-date-pickers v6.18.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the