@mui/x-date-pickers 6.16.3 → 6.18.0

package/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/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/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/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/CHANGELOG.md

@@ -3,6 +3,133 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.18.0
+
+_Nov 3, 2023_
+
+We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 The Charts package is now officially stable!
+- 🥧 Pie charts are now animated.
+- 📈 Line charts now support partial data, and can interpolate missing data.
+
+<img width="380" alt="line charts with partial data" src="https://github.com/mui/mui-x/assets/45398769/385ecf77-19b2-4a03-8aef-5d547db1d9ad">
+
+- ✨ Allow to ignore [diacritics](https://en.wikipedia.org/wiki/Diacritic) when filtering
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.18.0`
+
+- [DataGrid] Allow to ignore [diacritics](https://en.wikipedia.org/wiki/Diacritic) when filtering (#10569) @cherniavskii
+- [DataGrid] Fix a typo in `gridFilterApi` (#10786) @vu-dao-93
+- [DataGrid] Fix `undefined` row id (#10670) @romgrk
+- [DataGrid] Make column autosizing work with dynamic row height (#10693) @cherniavskii
+- [l10n] Allow to customize sorting label per column (#10839) @JerryWu1234
+
+#### `@mui/x-data-grid-pro@6.18.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@6.18.0`.
+
+#### `@mui/x-data-grid-premium@6.18.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@6.18.0`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.18.0`
+
+- [pickers] Add reference links to calendar components (#10644) @michelengelen
+
+#### `@mui/x-date-pickers-pro@6.18.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@6.18.0`.
+
+### Charts / `@mui/x-charts@6.18.0`
+
+- [charts] Add animation on pie chart (#10782) @alexfauquette
+- [charts] Add reference links to shared/misc chart components (#10660) @michelengelen
+- [charts] Allows to connect nulls (#10803) @alexfauquette
+- [charts] Fix axis highlight in dark mode (#10820) @LukasTy
+
+### Docs
+
+- [docs] Add a data grid recipe for autosizing columns after fetching row-data (#10822) @michelengelen
+- [docs] Add a data grid recipe showing how to remove cell outline on `focus` (#10843) @michelengelen
+- [docs] Add demo about how to use charts margin (#10886) @alexfauquette
+- [docs] Improve custom field input demos readability (#10559) @LukasTy
+
+### Core
+
+- [core] Generate `slot` API descriptions based on `slots` or `components` (#10879) @LukasTy
+
+## 6.17.0
+
+_Oct 27, 2023_
+
+We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 The Tree View package is now officially stable!
+
+![tree-view-example](https://github.com/mui/mui-x/assets/550141/77d1fe66-d912-49ba-b38f-b853fb90446a)
+
+- ✨ Improve the handling of non-numeric values by Data Grid aggregation
+- 🚀 Support lines with different domains on the line charts
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.17.0`
+
+- [DataGrid] Allow custom debounce time for row positions calculation (#10708) @cherniavskii
+- [DataGrid] Persist stable row index for focused row (#10674) @cherniavskii
+
+#### `@mui/x-data-grid-pro@6.17.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@6.17.0`, plus:
+
+- [DataGridPro] Fix `undefined` values passed to `valueFormatter` for tree leaf nodes (#10748) @cherniavskii
+
+#### `@mui/x-data-grid-premium@6.17.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@6.17.0`, plus:
+
+- [DataGridPremium] Fix `avg` aggregation to ignore non-numeric values (#10787) @cherniavskii
+- [DataGridPremium] Fix `size` aggregation to ignore `undefined` values (#10745) @cherniavskii
+- [DataGridPremium] Fix `sum` aggregation to ignore non-numeric values (#10730) @cherniavskii
+- [DataGridPremium] Fix cell selection throwing index error on second page and beyond (#10784) @MBilalShafi
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.17.0`
+
+- [fields] POC: Use `contentEditable` on `FakeTextField` (#10779) @flaviendelangle
+- [pickers] Fix weekday label localization (#10809) @LukasTy
+
+#### `@mui/x-date-pickers-pro@6.17.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@6.17.0`.
+
+### Charts / `@mui/x-charts@6.0.0-alpha.17`
+
+- [charts] Fix text position in Safari (#10815) @lhilgert9
+- [charts] Support lines with different domains (#10801) @alexfauquette
+
+### Tree View / `@mui/x-tree-view@6.17.0`
+
+No change
+
+### Docs
+
+- [docs] Correct editing related props' description (#10798) @MBilalShafi
+- [docs] Fix RTL data grid demo (#10728) @oliviertassinari
+- [docs] Fix unclosed warning (#10796) @flaviendelangle
+- [docs] Improve performance of `Save and restore the state from external storage` recipe (#10811) @michelengelen
+
+- [test] Add missing type on `cleanText` utility function (#10780) @flaviendelangle
+
 ## 6.16.3
 
 _Oct 20, 2023_

package/DateCalendar/DateCalendar.d.ts

@@ -4,10 +4,11 @@ type DateCalendarComponent = (<TDate>(props: DateCalendarProps<TDate> & React.Re
     propTypes?: any;
 };
 /**
- *
  * 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/DateCalendar/DateCalendar.js

@@ -72,10 +72,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/DateCalendar/DayCalendar.js

@@ -414,9 +414,7 @@ export function DayCalendar(inProps) {
         children: localeText.calendarWeekNumberHeaderText
       }), getWeekdays(utils, now).map((weekday, i) => {
         var _dayOfWeekFormatter;
-        // 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/MonthCalendar/MonthCalendar.d.ts

@@ -5,5 +5,14 @@ export declare function useMonthCalendarDefaultizedProps<TDate>(props: MonthCale
 type MonthCalendarComponent = (<TDate>(props: MonthCalendarProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
     propTypes?: any;
 };
+/**
+ * Demos:
+ *
+ * - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
+ *
+ * API:
+ *
+ * - [MonthCalendar API](https://mui.com/x/api/date-pickers/month-calendar/)
+ */
 export declare const MonthCalendar: MonthCalendarComponent;
 export {};

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

@@ -1,66 +1,5 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/material/styles';
-import { SlotComponentProps } from '@mui/base/utils';
-import IconButton from '@mui/material/IconButton';
-import SvgIcon from '@mui/material/SvgIcon';
-import { SlideDirection } from '../DateCalendar/PickersSlideTransition';
-import { ExportedPickersArrowSwitcherProps, PickersArrowSwitcherSlotsComponent, PickersArrowSwitcherSlotsComponentsProps } from '../internals/components/PickersArrowSwitcher';
-import { MonthValidationOptions } from '../internals/hooks/date-helpers-hooks';
-import { DateView } from '../models';
-import { PickersCalendarHeaderClasses } from './pickersCalendarHeaderClasses';
-import { UncapitalizeObjectKeys } from '../internals/utils/slots-migration';
-export type ExportedPickersCalendarHeaderProps<TDate> = Pick<PickersCalendarHeaderProps<TDate>, 'classes' | 'slots' | 'slotProps'>;
-export interface PickersCalendarHeaderSlotsComponent extends PickersArrowSwitcherSlotsComponent {
-    /**
-     * Button displayed to switch between different calendar views.
-     * @default IconButton
-     */
-    SwitchViewButton?: React.ElementType;
-    /**
-     * Icon displayed in the SwitchViewButton. Rotated by 180° when the open view is 'year'.
-     * @default ArrowDropDown
-     */
-    SwitchViewIcon?: React.ElementType;
-}
-export interface PickersCalendarHeaderComponentsPropsOverrides {
-}
-type PickersCalendarHeaderOwnerState<TDate> = PickersCalendarHeaderProps<TDate>;
-export interface PickersCalendarHeaderSlotsComponentsProps<TDate> extends PickersArrowSwitcherSlotsComponentsProps {
-    switchViewButton?: SlotComponentProps<typeof IconButton, PickersCalendarHeaderComponentsPropsOverrides, PickersCalendarHeaderOwnerState<TDate>>;
-    switchViewIcon?: SlotComponentProps<typeof SvgIcon, PickersCalendarHeaderComponentsPropsOverrides, undefined>;
-}
-export interface PickersCalendarHeaderProps<TDate> extends ExportedPickersArrowSwitcherProps, MonthValidationOptions<TDate> {
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots?: UncapitalizeObjectKeys<PickersCalendarHeaderSlotsComponent>;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: PickersCalendarHeaderSlotsComponentsProps<TDate>;
-    currentMonth: TDate;
-    disabled?: boolean;
-    views: readonly DateView[];
-    onMonthChange: (date: TDate, slideDirection: SlideDirection) => void;
-    view: DateView;
-    reduceAnimations: boolean;
-    onViewChange?: (view: DateView) => void;
-    labelId?: string;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<PickersCalendarHeaderClasses>;
-    /**
-     * className applied to the root element.
-     */
-    className?: string;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-}
+import { PickersCalendarHeaderProps } from './PickersCalendarHeader.types';
 type PickersCalendarHeaderComponent = (<TDate>(props: PickersCalendarHeaderProps<TDate> & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element) & {
     propTypes?: any;
 };

package/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 => {
@@ -106,7 +104,7 @@ const PickersCalendarHeaderSwitchViewIcon = styled(ArrowDropDownIcon, {
  * - [PickersCalendarHeader API](https://mui.com/x/api/date-pickers/pickers-calendar-header/)
  */
 const PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCalendarHeader(inProps, ref) {
-  var _slots$switchViewButt, _slots$switchViewIcon;
+  var _ref, _slots$switchViewButt, _ref2, _slots$switchViewIcon;
   const localeText = useLocaleText();
   const utils = useUtils();
   const props = useThemeProps({
@@ -116,6 +114,7 @@ const PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCale
   const {
       slots,
       slotProps,
+      components,
       currentMonth: month,
       disabled,
       disableFuture,
@@ -134,7 +133,7 @@ const PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCale
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(props);
-  const SwitchViewButton = (_slots$switchViewButt = slots == null ? void 0 : slots.switchViewButton) != null ? _slots$switchViewButt : PickersCalendarHeaderSwitchViewButton;
+  const SwitchViewButton = (_ref = (_slots$switchViewButt = slots == null ? void 0 : slots.switchViewButton) != null ? _slots$switchViewButt : components == null ? void 0 : components.SwitchViewButton) != null ? _ref : PickersCalendarHeaderSwitchViewButton;
   const switchViewButtonProps = useSlotProps({
     elementType: SwitchViewButton,
     externalSlotProps: slotProps == null ? void 0 : slotProps.switchViewButton,
@@ -145,7 +144,7 @@ const PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCale
     ownerState,
     className: classes.switchViewButton
   });
-  const SwitchViewIcon = (_slots$switchViewIcon = slots == null ? void 0 : slots.switchViewIcon) != null ? _slots$switchViewIcon : PickersCalendarHeaderSwitchViewIcon;
+  const SwitchViewIcon = (_ref2 = (_slots$switchViewIcon = slots == null ? void 0 : slots.switchViewIcon) != null ? _slots$switchViewIcon : components == null ? void 0 : components.SwitchViewIcon) != null ? _ref2 : PickersCalendarHeaderSwitchViewIcon;
   // The spread is here to avoid this bug mui/material-ui#34056
   const _useSlotProps = useSlotProps({
       elementType: SwitchViewIcon,
@@ -235,6 +234,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/PickersCalendarHeader/PickersCalendarHeader.types.d.ts

@@ -0,0 +1,75 @@
+/// <reference types="react" />
+import { SlotComponentProps } from '@mui/base/utils';
+import IconButton from '@mui/material/IconButton';
+import SvgIcon from '@mui/material/SvgIcon';
+import { SxProps, Theme } from '@mui/material/styles';
+import { ExportedPickersArrowSwitcherProps, PickersArrowSwitcherSlotsComponent, PickersArrowSwitcherSlotsComponentsProps } from '../internals/components/PickersArrowSwitcher';
+import { MonthValidationOptions } from '../internals/hooks/date-helpers-hooks';
+import { UncapitalizeObjectKeys } from '../internals/utils/slots-migration';
+import { DateView } from '../models/views';
+import { SlideDirection } from '../DateCalendar/PickersSlideTransition';
+import { PickersCalendarHeaderClasses } from './pickersCalendarHeaderClasses';
+export interface PickersCalendarHeaderSlotsComponent extends PickersArrowSwitcherSlotsComponent {
+    /**
+     * Button displayed to switch between different calendar views.
+     * @default IconButton
+     */
+    SwitchViewButton?: React.ElementType;
+    /**
+     * Icon displayed in the SwitchViewButton. Rotated by 180° when the open view is 'year'.
+     * @default ArrowDropDown
+     */
+    SwitchViewIcon?: React.ElementType;
+}
+export interface PickersCalendarHeaderComponentsPropsOverrides {
+}
+export type PickersCalendarHeaderOwnerState<TDate> = PickersCalendarHeaderProps<TDate>;
+export interface PickersCalendarHeaderSlotsComponentsProps<TDate> extends PickersArrowSwitcherSlotsComponentsProps {
+    switchViewButton?: SlotComponentProps<typeof IconButton, PickersCalendarHeaderComponentsPropsOverrides, PickersCalendarHeaderOwnerState<TDate>>;
+    switchViewIcon?: SlotComponentProps<typeof SvgIcon, PickersCalendarHeaderComponentsPropsOverrides, undefined>;
+}
+export interface PickersCalendarHeaderProps<TDate> extends ExportedPickersArrowSwitcherProps, MonthValidationOptions<TDate> {
+    /**
+     * Overridable components.
+     * @default {}
+     * @deprecated Please use `slots`.
+     */
+    components?: PickersCalendarHeaderSlotsComponent;
+    /**
+     * The props used for each component slot.
+     * @default {}
+     * @deprecated Please use `slotProps`.
+     */
+    componentsProps?: PickersCalendarHeaderSlotsComponentsProps<TDate>;
+    /**
+     * Overridable component slots.
+     * @default {}
+     */
+    slots?: UncapitalizeObjectKeys<PickersCalendarHeaderSlotsComponent>;
+    /**
+     * The props used for each component slot.
+     * @default {}
+     */
+    slotProps?: PickersCalendarHeaderSlotsComponentsProps<TDate>;
+    currentMonth: TDate;
+    disabled?: boolean;
+    views: readonly DateView[];
+    onMonthChange: (date: TDate, slideDirection: SlideDirection) => void;
+    view: DateView;
+    reduceAnimations: boolean;
+    onViewChange?: (view: DateView) => void;
+    labelId?: string;
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    classes?: Partial<PickersCalendarHeaderClasses>;
+    /**
+     * className applied to the root element.
+     */
+    className?: string;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
+}
+export type ExportedPickersCalendarHeaderProps<TDate> = Pick<PickersCalendarHeaderProps<TDate>, 'classes' | 'slots' | 'slotProps'>;

package/PickersCalendarHeader/PickersCalendarHeader.types.js

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

package/PickersCalendarHeader/index.d.ts

@@ -1,4 +1,4 @@
 export { pickersCalendarHeaderClasses } from './pickersCalendarHeaderClasses';
 export type { PickersCalendarHeaderClassKey, PickersCalendarHeaderClasses, } from './pickersCalendarHeaderClasses';
 export { PickersCalendarHeader } from './PickersCalendarHeader';
-export type { PickersCalendarHeaderProps, PickersCalendarHeaderSlotsComponent, PickersCalendarHeaderSlotsComponentsProps, ExportedPickersCalendarHeaderProps, } from './PickersCalendarHeader';
+export type { PickersCalendarHeaderProps, PickersCalendarHeaderSlotsComponent, PickersCalendarHeaderSlotsComponentsProps, ExportedPickersCalendarHeaderProps, } from './PickersCalendarHeader.types';

package/YearCalendar/YearCalendar.d.ts

@@ -3,5 +3,14 @@ import { YearCalendarProps } from './YearCalendar.types';
 type YearCalendarComponent = (<TDate>(props: YearCalendarProps<TDate>) => React.JSX.Element) & {
     propTypes?: any;
 };
+/**
+ * Demos:
+ *
+ * - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
+ *
+ * API:
+ *
+ * - [YearCalendar API](https://mui.com/x/api/date-pickers/year-calendar/)
+ */
 export declare const YearCalendar: YearCalendarComponent;
 export {};

package/YearCalendar/YearCalendar.js

@@ -59,6 +59,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/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/internals/components/FakeTextField/FakeTextField.d.ts

@@ -1,10 +1,22 @@
 import * as React from 'react';
-export interface FakeTextFieldElement extends React.HTMLAttributes<HTMLDivElement> {
-    before: string;
-    after: string;
+export interface FakeTextFieldElement {
+    container: React.HTMLAttributes<HTMLSpanElement>;
+    content: React.HTMLAttributes<HTMLSpanElement>;
+    before: React.HTMLAttributes<HTMLSpanElement>;
+    after: React.HTMLAttributes<HTMLSpanElement>;
 }
 interface FakeTextFieldProps {
     elements: FakeTextFieldElement[];
+    valueStr: string;
+    onValueStrChange: React.ChangeEventHandler<HTMLInputElement>;
+    error: boolean;
+    id?: string;
+    InputProps: any;
+    inputProps: any;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    ownerState?: any;
+    valueType: 'value' | 'placeholder';
 }
 export declare const FakeTextField: React.ForwardRefExoticComponent<FakeTextFieldProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/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/legacy/AdapterDateFns/AdapterDateFns.js

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

package/legacy/AdapterDateFnsJalali/AdapterDateFnsJalali.js

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

package/legacy/AdapterDayjs/AdapterDayjs.js

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

package/legacy/AdapterLuxon/AdapterLuxon.js

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