@mui/x-date-pickers 8.1.0 → 8.2.0

package/CHANGELOG.md

@@ -5,13 +5,128 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.2.0
+
+_May 1, 2025_
+
+We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 `<FunnelChart/>` now uses the `strawberrySky` sequential color palette by default.
+  <img width="481" alt="Screenshot 2025-04-29 at 13 55 21" src="https://github.com/user-attachments/assets/182085d1-a7ce-4e4d-9d8d-a4fe87f27167" />
+- 📊 Add API to export a chart as an image: `apiRef.exportAsImage` — [Learn more](https://mui.com/x/react-charts/export/#export-as-image).
+
+Special thanks go out to the community members for their valuable contributions:
+@federico-ntr, @nusr.
+Following are all team members who have contributed to this release:
+@alexfauquette, @arminmeh, @bernardobelchior, @hasdfa, @Janpot, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @oliviertassinari, @romgrk.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.2.0`
+
+- [DataGrid] Fix panel alignment (#17625) @KenanYusuf
+- [DataGrid] Fix theme `defaultProps` causing unwanted re-renders (#17490) @KenanYusuf
+- [DataGrid] Fix circular reference error (#17591) @romgrk
+- [DataGrid] Fix `<GridEditInputCell />` break input (#16773) @nusr
+
+#### `@mui/x-data-grid-pro@8.2.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@8.2.0`, plus:
+
+- [DataGridPro] Use intersection observer to trigger server-side infinite loading (#17369) @arminmeh
+
+#### `@mui/x-data-grid-premium@8.2.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@8.2.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.2.0`
+
+- [l10n] Improve Italian (it-IT) locale (#17600) @federico-ntr
+- [pickers] Refactor owner state typing (#17517) @LukasTy
+
+#### `@mui/x-date-pickers-pro@8.2.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@8.2.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.2.0`
+
+- [charts] Add library name to errors (#17547) @bernardobelchior
+- [charts] Add monochrome palettes (#17610) @JCQuintas
+- [charts] Add screenshot of the tooltip (#17395) @alexfauquette
+- [charts] Default bar chart x-axis scale type to band (#17519) @bernardobelchior
+- [charts] Document axis ID uniqueness constraints (#17630) @bernardobelchior
+- [charts] Refactor axis types (#17632) @bernardobelchior
+- [charts] Use `<circle />` for circular legend mark (#17590) @alexfauquette
+
+#### `@mui/x-charts-pro@8.2.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-charts@8.2.0`, plus:
+
+- [charts-pro] Add `gap` option to `<FunnelChart />` (#17642) @JCQuintas
+- [charts-pro] Export charts as image (#17353) @bernardobelchior
+- [charts-pro] Simplify zoom testing (#17525) @JCQuintas
+- [charts-pro] Use new sequential color palette in `<FunnelChart />` (#17606) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@8.2.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.2.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-tree-view@8.2.0`.
+
+### Docs
+
+- [docs][charts] Add composition sections (#17377) @alexfauquette
+- [docs][charts] Add docs on tooltip style (#17601) @bernardobelchior
+- [docs][charts] Fix highlighting heading structure (#17581) @oliviertassinari
+- [docs][charts] Improve export docs (#17538) @oliviertassinari
+- [docs][charts] Similar introduction on most charts pages (#17374) @alexfauquette
+- [docs][DataGrid] Clear component docs (#17540) @oliviertassinari
+- [docs] Explicitly state that `groupingColDef` reference needs to be stable (#17544) @arminmeh
+- [docs] Fix <kbd> a11y (#17536) @oliviertassinari
+- [docs] Fix CodeSandbox spelling @oliviertassinari
+- [docs] Fix coding style function @oliviertassinari
+- [docs] Fix migration guide format (#17450) @oliviertassinari
+- [docs] Improve data grid export docs (#17551) @MBilalShafi
+- [docs] Remove leftover `@next` usages (#17542) @LukasTy
+
+### Core
+
+- [core] Add security label to dependabot PRs @oliviertassinari
+- [core] Allow post-install vale @oliviertassinari
+- [core] Component consistency @oliviertassinari
+- [core] Fix all Vale errors @oliviertassinari
+- [core] Move `loadStyleSheets` to internals and use it in data grid and charts (#17548) @bernardobelchior
+- [core] Remove empty version (#17582) @oliviertassinari
+- [core] Remove eslint from codemod spec files (#17443) @alexfauquette
+- [core] Remove unnecessary versions (#17597) @oliviertassinari
+- [code-infra] Allow postinstall scripts for packages requesting it (#17635) @LukasTy
+- [code-infra] Data Grid `vitest` changes (#17619) @JCQuintas
+- [code-infra] Fix date-time sensitive tests (#17644) @JCQuintas
+- [code-infra] Fix extension handling for type imports (#17636) @Janpot
+- [code-infra] Further remove `clock=fake` and add `async act` for datagrid (#17563) @JCQuintas
+- [code-infra] Latest vitest picker changes (#17577) @JCQuintas
+- [docs-infra] Fix Vale no longer working (#17602) @alexfauquette
+- [docs-infra] Uniformize Vale between repositories @oliviertassinari
+- [infra] Updates to `branch switch comments` (#17589) @michelengelen
+- [x-telemetry] Fix issue with get machineid hash (#17614) @hasdfa
+
 ## 8.1.0
 
 _Apr 24, 2025_
 
 We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
 
-- 📊 Add API to print a chart or export it as PDF: `apiRef.exportAsPrint`.
+- 📊 Add API to print a chart or export it as PDF: `apiRef.exportAsPrint()`.
 - 📚 Documentation improvements
 - 🐞 Bugfixes
 
@@ -56,7 +171,7 @@ Same changes as in `@mui/x-date-pickers@8.1.0`.
 
 ### Charts
 
-- Add API to print a chart or export it as PDF: `apiRef.exportAsPrint`.
+- Add API to print a chart or export it as PDF: `apiRef.exportAsPrint()`.
 
 #### `@mui/x-charts@8.1.0`
 
@@ -1821,7 +1936,7 @@ Same changes as in `@mui/x-tree-view@8.0.0-alpha.8`.
 - [docs] Add example for custom legend (#16169) @alexfauquette
 - [docs] Add full custom field creation example (#15194) @flaviendelangle
 - [docs] Copyedit the Data Grid cell selection page (#16099) @samuelsycamore
-- [docs] Fix demo rendering issue on Codesandbox (#16118) @arminmeh
+- [docs] Fix demo rendering issue on CodeSandbox (#16118) @arminmeh
 - [docs] Remove broken links (#16167) @alexfauquette
 - [docs] Split the Data Grid editing page (#14931) @MBilalShafi
 - [docs] Fix wrong props warnings (#16119) @JCQuintas
@@ -2268,7 +2383,7 @@ Releasing to benefit from license package fix (#15814).
 
 - [code-infra] Add Charts sandbox generation (#15830) @JCQuintas
 - [code-infra] Remove redundant `@type/react-test-renderer` dep (#15766) @LukasTy
-- [license] Use `console.log` for the error message on Codesandbox to avoid rendering error (#15814) @arminmeh
+- [license] Use `console.log` for the error message on CodeSandbox to avoid rendering error (#15814) @arminmeh
 
 ## 8.0.0-alpha.3
 
@@ -2484,6 +2599,8 @@ Same changes as in `@mui/x-tree-view@v8.0.0-alpha.2`.
 
 ### Docs
 
+<!-- vale MUI.CorrectRererenceCased = NO -->
+
 - [docs] Fix 404 links (#15575) @oliviertassinari
 - [docs] Fix bash comments (#15571) @oliviertassinari
 - [docs] Fix Pickers theme augmentation example (#15672) @LukasTy
@@ -2493,6 +2610,8 @@ Same changes as in `@mui/x-tree-view@v8.0.0-alpha.2`.
 - [docs] Fix `anchorEl` API page for charts (#15625) @oliviertassinari
 - [docs] Add documentation for the list view feature (#15344) @KenanYusuf
 
+<!-- vale MUI.CorrectRererenceCased = YES -->
+
 ### Core
 
 - [core] Follow `()` function convention for docs @oliviertassinari
@@ -3401,7 +3520,7 @@ Same changes as in `@mui/x-tree-view@7.24.0`.
 ### Docs
 
 - [docs] Copyedit the Data Grid cell selection page (#16213) @samuelsycamore
-- [docs] Fix demo rendering issue on Codesandbox (#16129) @arminmeh
+- [docs] Fix demo rendering issue on CodeSandbox (#16129) @arminmeh
 
 ### Core
 
@@ -3679,7 +3798,7 @@ Releasing to benefit from license package fix (#15818).
 ### Core
 
 - [core] Add `@mui/x-tree-view-pro` to `releaseChangelog` (#15747) @flaviendelangle
-- [license] Use `console.log` for the error message on Codesandbox to avoid rendering error (#15818) @arminmeh
+- [license] Use `console.log` for the error message on CodeSandbox to avoid rendering error (#15818) @arminmeh
 
 ## 7.23.1
 
@@ -7020,7 +7139,7 @@ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.4`.
    />
   ```
 
-- The headless field hooks (e.g.: `useDateField`) now returns a new prop called `enableAccessibleFieldDOMStructure`.
+- The headless field hooks (for example `useDateField()`) now returns a new prop called `enableAccessibleFieldDOMStructure`.
   This property is utilized to determine whether the anticipated UI is constructed using an accessible DOM structure.
   Learn more about this new accessible DOM structure in the [v8 migration guide](https://v7.mui.com/x/migration/migration-pickers-v7/#new-dom-structure-for-the-field).
 

package/DateCalendar/PickersFadeTransitionGroup.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { PickersFadeTransitionGroupClasses } from "./pickersFadeTransitionGroupClasses.js";
-export interface PickersFadeTransitionGroupProps {
-  children: React.ReactElement<any>;
+export interface ExportedPickersFadeTransitionGroupProps {
   className?: string;
   reduceAnimations: boolean;
   transKey: React.Key;
@@ -10,6 +9,9 @@ export interface PickersFadeTransitionGroupProps {
    */
   classes?: Partial<PickersFadeTransitionGroupClasses>;
 }
+export interface PickersFadeTransitionGroupProps extends ExportedPickersFadeTransitionGroupProps {
+  children: React.ReactElement<any>;
+}
 /**
  * @ignore - do not document.
  */

package/DateCalendar/PickersFadeTransitionGroup.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PickersFadeTransitionGroup = PickersFadeTransitionGroup;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _reactTransitionGroup = require("react-transition-group");
@@ -14,6 +16,7 @@ var _styles = require("@mui/material/styles");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _pickersFadeTransitionGroupClasses = require("./pickersFadeTransitionGroupClasses");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["children"];
 const useUtilityClasses = classes => {
   const slots = {
     root: ['root']
@@ -37,19 +40,24 @@ function PickersFadeTransitionGroup(inProps) {
     name: 'MuiPickersFadeTransitionGroup'
   });
   const {
-    children,
     className,
     reduceAnimations,
     transKey,
     classes: classesProp
   } = props;
+  const {
+      children
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const classes = useUtilityClasses(classesProp);
   const theme = (0, _styles.useTheme)();
   if (reduceAnimations) {
     return children;
   }
+  const ownerState = (0, _extends2.default)({}, other);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersFadeTransitionGroupRoot, {
     className: (0, _clsx.default)(classes.root, className),
+    ownerState: ownerState,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Fade.default, {
       appear: false,
       mountOnEnter: true,

package/DateCalendar/PickersSlideTransition.d.ts

@@ -1,7 +1,11 @@
 import * as React from 'react';
 import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
 import { PickersSlideTransitionClasses } from "./pickersSlideTransitionClasses.js";
+import { PickerOwnerState } from "../models/pickers.js";
 export type SlideDirection = 'right' | 'left';
+export interface PickerSlideTransitionOwnerState extends PickerOwnerState {
+  slideDirection: SlideDirection;
+}
 export interface ExportedSlideTransitionProps {
   /**
    * Override or extend the styles applied to the component.

package/DateCalendar/PickersSlideTransition.js

@@ -138,6 +138,7 @@ function PickersSlideTransition(inProps) {
       classNames: transitionClasses
     }),
     role: "presentation",
+    ownerState: ownerState,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, (0, _extends2.default)({
       mountOnEnter: true,
       unmountOnExit: true,

package/DateCalendar/index.d.ts

@@ -1,12 +1,12 @@
 export { DateCalendar } from "./DateCalendar.js";
-export type { DateCalendarProps, DateCalendarSlots, DateCalendarSlotProps } from './DateCalendar.types';
+export type { DateCalendarProps, DateCalendarSlots, DateCalendarSlotProps } from "./DateCalendar.types.js";
 export { getDateCalendarUtilityClass, dateCalendarClasses } from "./dateCalendarClasses.js";
-export type { DateCalendarClassKey, DateCalendarClasses } from './dateCalendarClasses';
+export type { DateCalendarClassKey, DateCalendarClasses } from "./dateCalendarClasses.js";
 export { dayCalendarClasses } from "./dayCalendarClasses.js";
-export type { DayCalendarClassKey, DayCalendarClasses } from './dayCalendarClasses';
-export type { PickersFadeTransitionGroupProps } from './PickersFadeTransitionGroup';
+export type { DayCalendarClassKey, DayCalendarClasses } from "./dayCalendarClasses.js";
+export type { PickersFadeTransitionGroupProps, ExportedPickersFadeTransitionGroupProps } from "./PickersFadeTransitionGroup.js";
 export { pickersFadeTransitionGroupClasses } from "./pickersFadeTransitionGroupClasses.js";
-export type { PickersFadeTransitionGroupClassKey, PickersFadeTransitionGroupClasses } from './pickersFadeTransitionGroupClasses';
+export type { PickersFadeTransitionGroupClassKey, PickersFadeTransitionGroupClasses } from "./pickersFadeTransitionGroupClasses.js";
 export { pickersSlideTransitionClasses } from "./pickersSlideTransitionClasses.js";
-export type { PickersSlideTransitionClassKey, PickersSlideTransitionClasses } from './pickersSlideTransitionClasses';
-export type { ExportedSlideTransitionProps } from './PickersSlideTransition';
+export type { PickersSlideTransitionClassKey, PickersSlideTransitionClasses } from "./pickersSlideTransitionClasses.js";
+export type { ExportedSlideTransitionProps } from "./PickersSlideTransition.js";

package/DateField/index.d.ts

@@ -1,3 +1,3 @@
 export { DateField } from "./DateField.js";
 export { useDateField as unstable_useDateField } from "./useDateField.js";
-export type { UseDateFieldProps, DateFieldProps } from './DateField.types';
+export type { UseDateFieldProps, DateFieldProps } from "./DateField.types.js";

package/DateField/useDateField.d.ts

@@ -1,2 +1,2 @@
 import { UseDateFieldProps } from "./DateField.types.js";
-export declare const useDateField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseDateFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("../internals").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;
+export declare const useDateField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseDateFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("../internals/index.js").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;

package/DatePicker/index.d.ts

@@ -1,6 +1,6 @@
 export { DatePicker } from "./DatePicker.js";
-export type { DatePickerProps, DatePickerSlots, DatePickerSlotProps, DatePickerFieldProps } from './DatePicker.types';
+export type { DatePickerProps, DatePickerSlots, DatePickerSlotProps, DatePickerFieldProps } from "./DatePicker.types.js";
 export { DatePickerToolbar } from "./DatePickerToolbar.js";
-export type { DatePickerToolbarProps } from './DatePickerToolbar';
+export type { DatePickerToolbarProps } from "./DatePickerToolbar.js";
 export { datePickerToolbarClasses } from "./datePickerToolbarClasses.js";
-export type { DatePickerToolbarClassKey, DatePickerToolbarClasses } from './datePickerToolbarClasses';
+export type { DatePickerToolbarClassKey, DatePickerToolbarClasses } from "./datePickerToolbarClasses.js";

package/DateTimeField/index.d.ts

@@ -1,3 +1,3 @@
 export { DateTimeField } from "./DateTimeField.js";
 export { useDateTimeField as unstable_useDateTimeField } from "./useDateTimeField.js";
-export type { UseDateTimeFieldProps, DateTimeFieldProps } from './DateTimeField.types';
+export type { UseDateTimeFieldProps, DateTimeFieldProps } from "./DateTimeField.types.js";

package/DateTimeField/useDateTimeField.d.ts

@@ -1,2 +1,2 @@
 import { UseDateTimeFieldProps } from "./DateTimeField.types.js";
-export declare const useDateTimeField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseDateTimeFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("../internals").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;
+export declare const useDateTimeField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseDateTimeFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("../internals/index.js").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;

package/DateTimePicker/index.d.ts

@@ -1,10 +1,10 @@
 export { DateTimePicker } from "./DateTimePicker.js";
-export type { DateTimePickerProps, DateTimePickerSlots, DateTimePickerSlotProps, DateTimePickerFieldProps } from './DateTimePicker.types';
+export type { DateTimePickerProps, DateTimePickerSlots, DateTimePickerSlotProps, DateTimePickerFieldProps } from "./DateTimePicker.types.js";
 export { DateTimePickerTabs } from "./DateTimePickerTabs.js";
-export type { DateTimePickerTabsProps } from './DateTimePickerTabs';
+export type { DateTimePickerTabsProps } from "./DateTimePickerTabs.js";
 export { dateTimePickerTabsClasses } from "./dateTimePickerTabsClasses.js";
-export type { DateTimePickerTabsClassKey, DateTimePickerTabsClasses } from './dateTimePickerTabsClasses';
+export type { DateTimePickerTabsClassKey, DateTimePickerTabsClasses } from "./dateTimePickerTabsClasses.js";
 export { DateTimePickerToolbar } from "./DateTimePickerToolbar.js";
-export type { DateTimePickerToolbarProps } from './DateTimePickerToolbar';
+export type { DateTimePickerToolbarProps } from "./DateTimePickerToolbar.js";
 export { dateTimePickerToolbarClasses } from "./dateTimePickerToolbarClasses.js";
-export type { DateTimePickerToolbarClassKey, DateTimePickerToolbarClasses } from './dateTimePickerToolbarClasses';
+export type { DateTimePickerToolbarClassKey, DateTimePickerToolbarClasses } from "./dateTimePickerToolbarClasses.js";

package/DayCalendarSkeleton/DayCalendarSkeleton.js

@@ -73,7 +73,8 @@ function DayCalendarSkeleton(inProps) {
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const classes = useUtilityClasses(classesProp);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(DayCalendarSkeletonRoot, (0, _extends2.default)({
-    className: (0, _clsx.default)(classes.root, className)
+    className: (0, _clsx.default)(classes.root, className),
+    ownerState: props
   }, other, {
     children: monthMap.map((week, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(DayCalendarSkeletonWeek, {
       className: classes.week,

package/DayCalendarSkeleton/index.d.ts

@@ -1,4 +1,4 @@
 export { DayCalendarSkeleton } from "./DayCalendarSkeleton.js";
-export type { DayCalendarSkeletonProps } from './DayCalendarSkeleton';
+export type { DayCalendarSkeletonProps } from "./DayCalendarSkeleton.js";
 export { dayCalendarSkeletonClasses, getDayCalendarSkeletonUtilityClass } from "./dayCalendarSkeletonClasses.js";
-export type { DayCalendarSkeletonClassKey, DayCalendarSkeletonClasses } from './dayCalendarSkeletonClasses';
+export type { DayCalendarSkeletonClassKey, DayCalendarSkeletonClasses } from "./dayCalendarSkeletonClasses.js";

package/DesktopDatePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { DesktopDatePicker } from "./DesktopDatePicker.js";
-export type { DesktopDatePickerProps, DesktopDatePickerSlots, DesktopDatePickerSlotProps } from './DesktopDatePicker.types';
+export type { DesktopDatePickerProps, DesktopDatePickerSlots, DesktopDatePickerSlotProps } from "./DesktopDatePicker.types.js";

package/DesktopDateTimePicker/index.d.ts

@@ -1,3 +1,3 @@
 export { DesktopDateTimePicker } from "./DesktopDateTimePicker.js";
 export { DesktopDateTimePickerLayout } from "./DesktopDateTimePickerLayout.js";
-export type { DesktopDateTimePickerProps, DesktopDateTimePickerSlots, DesktopDateTimePickerSlotProps } from './DesktopDateTimePicker.types';
+export type { DesktopDateTimePickerProps, DesktopDateTimePickerSlots, DesktopDateTimePickerSlotProps } from "./DesktopDateTimePicker.types.js";

package/DesktopTimePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { DesktopTimePicker } from "./DesktopTimePicker.js";
-export type { DesktopTimePickerProps, DesktopTimePickerSlots, DesktopTimePickerSlotProps } from './DesktopTimePicker.types';
+export type { DesktopTimePickerProps, DesktopTimePickerSlots, DesktopTimePickerSlotProps } from "./DesktopTimePicker.types.js";

package/DigitalClock/index.d.ts

@@ -1,4 +1,4 @@
 export { DigitalClock, DigitalClockItem } from "./DigitalClock.js";
-export type { DigitalClockProps, DigitalClockSlots, DigitalClockSlotProps, ExportedDigitalClockProps, DigitalClockItemProps } from './DigitalClock.types';
+export type { DigitalClockProps, DigitalClockSlots, DigitalClockSlotProps, ExportedDigitalClockProps, DigitalClockItemProps } from "./DigitalClock.types.js";
 export { digitalClockClasses, getDigitalClockUtilityClass } from "./digitalClockClasses.js";
-export type { DigitalClockClasses, DigitalClockClassKey } from './digitalClockClasses';
+export type { DigitalClockClasses, DigitalClockClassKey } from "./digitalClockClasses.js";

package/LocalizationProvider/index.d.ts

@@ -1,2 +1,2 @@
 export { LocalizationProvider, MuiPickersAdapterContext } from "./LocalizationProvider.js";
-export type { LocalizationProviderProps } from './LocalizationProvider';
+export type { LocalizationProviderProps } from "./LocalizationProvider.js";

package/MobileDatePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { MobileDatePicker } from "./MobileDatePicker.js";
-export type { MobileDatePickerProps, MobileDatePickerSlots, MobileDatePickerSlotProps } from './MobileDatePicker.types';
+export type { MobileDatePickerProps, MobileDatePickerSlots, MobileDatePickerSlotProps } from "./MobileDatePicker.types.js";

package/MobileDateTimePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { MobileDateTimePicker } from "./MobileDateTimePicker.js";
-export type { MobileDateTimePickerProps, MobileDateTimePickerSlots, MobileDateTimePickerSlotProps } from './MobileDateTimePicker.types';
+export type { MobileDateTimePickerProps, MobileDateTimePickerSlots, MobileDateTimePickerSlotProps } from "./MobileDateTimePicker.types.js";

package/MobileTimePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { MobileTimePicker } from "./MobileTimePicker.js";
-export type { MobileTimePickerProps, MobileTimePickerSlots, MobileTimePickerSlotProps } from './MobileTimePicker.types';
+export type { MobileTimePickerProps, MobileTimePickerSlots, MobileTimePickerSlotProps } from "./MobileTimePicker.types.js";

package/MonthCalendar/index.d.ts

@@ -1,4 +1,4 @@
 export { MonthCalendar } from "./MonthCalendar.js";
-export type { MonthCalendarProps, MonthCalendarSlots, MonthCalendarSlotProps } from './MonthCalendar.types';
+export type { MonthCalendarProps, MonthCalendarSlots, MonthCalendarSlotProps } from "./MonthCalendar.types.js";
 export { monthCalendarClasses, getMonthCalendarUtilityClass } from "./monthCalendarClasses.js";
-export type { MonthCalendarClasses, MonthCalendarClassKey } from './monthCalendarClasses';
+export type { MonthCalendarClasses, MonthCalendarClassKey } from "./monthCalendarClasses.js";

package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { MultiSectionDigitalClockSectionClasses } from "./multiSectionDigitalClockSectionClasses.js";
-import type { MultiSectionDigitalClockOption, MultiSectionDigitalClockSlots, MultiSectionDigitalClockSlotProps } from './MultiSectionDigitalClock.types';
+import type { MultiSectionDigitalClockOption, MultiSectionDigitalClockSlots, MultiSectionDigitalClockSlotProps } from "./MultiSectionDigitalClock.types.js";
 import { FormProps } from "../internals/models/formProps.js";
+import { PickerOwnerState } from "../models/pickers.js";
 export interface ExportedMultiSectionDigitalClockSectionProps {
   className?: string;
   classes?: Partial<MultiSectionDigitalClockSectionClasses>;
@@ -16,6 +17,12 @@ export interface MultiSectionDigitalClockSectionProps<TSectionValue extends numb
   skipDisabled?: boolean;
   role?: string;
 }
+export interface MultiSectionDigitalClockSectionOwnerState extends PickerOwnerState {
+  /**
+   * `true` if this is not the initial render of the digital clock.
+   */
+  hasDigitalClockAlreadyBeenRendered: boolean;
+}
 type MultiSectionDigitalClockSectionComponent = <TSectionValue extends number | string>(props: MultiSectionDigitalClockSectionProps<TSectionValue> & React.RefAttributes<HTMLUListElement>) => React.JSX.Element & {
   propTypes?: any;
 };

package/MultiSectionDigitalClock/index.d.ts

@@ -1,7 +1,7 @@
 export { MultiSectionDigitalClock } from "./MultiSectionDigitalClock.js";
-export type { MultiSectionDigitalClockProps, MultiSectionDigitalClockSlots, MultiSectionDigitalClockSlotProps } from './MultiSectionDigitalClock.types';
+export type { MultiSectionDigitalClockProps, MultiSectionDigitalClockSlots, MultiSectionDigitalClockSlotProps } from "./MultiSectionDigitalClock.types.js";
 export { multiSectionDigitalClockSectionClasses } from "./multiSectionDigitalClockSectionClasses.js";
-export type { MultiSectionDigitalClockSectionClasses, MultiSectionDigitalClockSectionClassKey } from './multiSectionDigitalClockSectionClasses';
-export type { ExportedMultiSectionDigitalClockSectionProps } from './MultiSectionDigitalClockSection';
+export type { MultiSectionDigitalClockSectionClasses, MultiSectionDigitalClockSectionClassKey } from "./multiSectionDigitalClockSectionClasses.js";
+export type { ExportedMultiSectionDigitalClockSectionProps } from "./MultiSectionDigitalClockSection.js";
 export { multiSectionDigitalClockClasses, getMultiSectionDigitalClockUtilityClass } from "./multiSectionDigitalClockClasses.js";
-export type { MultiSectionDigitalClockClasses, MultiSectionDigitalClockClassKey } from './multiSectionDigitalClockClasses';
+export type { MultiSectionDigitalClockClasses, MultiSectionDigitalClockClassKey } from "./multiSectionDigitalClockClasses.js";

package/PickersActionBar/index.d.ts

@@ -1,2 +1,2 @@
 export { PickersActionBar } from "./PickersActionBar.js";
-export type { PickersActionBarProps, PickersActionBarAction } from './PickersActionBar';
+export type { PickersActionBarProps, PickersActionBarAction } from "./PickersActionBar.js";

package/PickersCalendarHeader/index.d.ts

@@ -1,4 +1,4 @@
 export { pickersCalendarHeaderClasses } from "./pickersCalendarHeaderClasses.js";
-export type { PickersCalendarHeaderClassKey, PickersCalendarHeaderClasses } from './pickersCalendarHeaderClasses';
+export type { PickersCalendarHeaderClassKey, PickersCalendarHeaderClasses } from "./pickersCalendarHeaderClasses.js";
 export { PickersCalendarHeader } from "./PickersCalendarHeader.js";
-export type { PickersCalendarHeaderProps, PickersCalendarHeaderSlots, PickersCalendarHeaderSlotProps, ExportedPickersCalendarHeaderProps } from './PickersCalendarHeader.types';
+export type { PickersCalendarHeaderProps, PickersCalendarHeaderSlots, PickersCalendarHeaderSlotProps, ExportedPickersCalendarHeaderProps } from "./PickersCalendarHeader.types.js";

package/PickersDay/index.d.ts

@@ -1,4 +1,4 @@
 export { PickersDay } from "./PickersDay.js";
-export type { PickersDayProps, PickerDayOwnerState } from './PickersDay.types';
+export type { PickersDayProps, PickerDayOwnerState } from "./PickersDay.types.js";
 export { pickersDayClasses, getPickersDayUtilityClass } from "./pickersDayClasses.js";
-export type { PickersDayClasses, PickersDayClassKey } from './pickersDayClasses';
+export type { PickersDayClasses, PickersDayClassKey } from "./pickersDayClasses.js";

package/PickersLayout/index.d.ts

@@ -1,5 +1,5 @@
 export { PickersLayout, PickersLayoutRoot, PickersLayoutContentWrapper } from "./PickersLayout.js";
-export type { PickersLayoutProps, PickersLayoutSlots, PickersLayoutSlotProps, ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps, PickerLayoutOwnerState } from './PickersLayout.types';
+export type { PickersLayoutProps, PickersLayoutSlots, PickersLayoutSlotProps, ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps, PickerLayoutOwnerState } from "./PickersLayout.types.js";
 export { default as usePickerLayout } from "./usePickerLayout.js";
 export { pickersLayoutClasses } from "./pickersLayoutClasses.js";
-export type { PickersLayoutClassKey } from './pickersLayoutClasses';
+export type { PickersLayoutClassKey } from "./pickersLayoutClasses.js";

package/PickersSectionList/PickersSectionList.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PickersSectionListProps } from './PickersSectionList.types';
+import type { PickersSectionListProps } from "./PickersSectionList.types.js";
 export declare const PickersSectionListRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const PickersSectionListSection: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;
 export declare const PickersSectionListSectionSeparator: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;

package/PickersSectionList/PickersSectionList.types.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { SlotComponentProps } from '@mui/utils';
 import { PickersSectionListClasses } from "./pickersSectionListClasses.js";
 import { PickerOwnerState } from "../models/index.js";
-import type { UseFieldDOMGetters } from '../internals/hooks/useField/useField.types';
+import type { UseFieldDOMGetters } from "../internals/hooks/useField/useField.types.js";
 export interface PickersSectionListSlots {
   root: React.ElementType;
   section: React.ElementType;

package/PickersSectionList/index.d.ts

@@ -1,4 +1,4 @@
 export { PickersSectionList as Unstable_PickersSectionList, PickersSectionListRoot as Unstable_PickersSectionListRoot, PickersSectionListSection as Unstable_PickersSectionListSection, PickersSectionListSectionSeparator as Unstable_PickersSectionListSectionSeparator, PickersSectionListSectionContent as Unstable_PickersSectionListSectionContent } from "./PickersSectionList.js";
-export type { PickersSectionListProps, PickersSectionElement, PickersSectionListRef, PickersSectionListSlots, PickersSectionListSlotProps, ExportedPickersSectionListProps } from './PickersSectionList.types';
+export type { PickersSectionListProps, PickersSectionElement, PickersSectionListRef, PickersSectionListSlots, PickersSectionListSlotProps, ExportedPickersSectionListProps } from "./PickersSectionList.types.js";
 export { getPickersSectionListUtilityClass, pickersSectionListClasses } from "./pickersSectionListClasses.js";
-export type { PickersSectionListClasses, PickersSectionListClassKey } from './pickersSectionListClasses';
+export type { PickersSectionListClasses, PickersSectionListClassKey } from "./pickersSectionListClasses.js";

package/PickersShortcuts/index.d.ts

@@ -1,2 +1,2 @@
 export { PickersShortcuts } from "./PickersShortcuts.js";
-export type { PickersShortcutsProps, PickersShortcutsItem, PickersShortcutsItemContext } from './PickersShortcuts';
+export type { PickersShortcutsProps, PickersShortcutsItem, PickersShortcutsItemContext } from "./PickersShortcuts.js";

package/PickersTextField/PickersFilledInput/index.d.ts

@@ -1,4 +1,4 @@
 export { PickersFilledInput } from "./PickersFilledInput.js";
-export type { PickersFilledInputProps } from './PickersFilledInput';
-export type { PickersFilledInputClasses, PickersFilledInputClassKey } from './pickersFilledInputClasses';
+export type { PickersFilledInputProps } from "./PickersFilledInput.js";
+export type { PickersFilledInputClasses, PickersFilledInputClassKey } from "./pickersFilledInputClasses.js";
 export { getPickersFilledInputUtilityClass, pickersFilledInputClasses } from "./pickersFilledInputClasses.js";

package/PickersTextField/PickersInput/PickersInput.d.ts

@@ -1,8 +1,15 @@
 import * as React from 'react';
 import { PickersInputBaseProps } from "../PickersInputBase/index.js";
+import { PickerTextFieldOwnerState } from "../../models/fields.js";
 export interface PickersInputProps extends PickersInputBaseProps {
   disableUnderline?: boolean;
 }
+export interface PickerInputOwnerState extends PickerTextFieldOwnerState {
+  /**
+   * `true` if the input has an underline, `false` otherwise.
+   */
+  inputHasUnderline: boolean;
+}
 /**
  * @ignore - internal component.
  */

package/PickersTextField/PickersInput/index.d.ts

@@ -1,4 +1,4 @@
 export { PickersInput } from "./PickersInput.js";
-export type { PickersInputProps } from './PickersInput';
-export type { PickersInputClasses, PickersInputClassKey } from './pickersInputClasses';
+export type { PickersInputProps } from "./PickersInput.js";
+export type { PickersInputClasses, PickersInputClassKey } from "./pickersInputClasses.js";
 export { getPickersInputUtilityClass, pickersInputClasses } from "./pickersInputClasses.js";

package/PickersTextField/PickersInputBase/index.d.ts

@@ -1,4 +1,4 @@
 export { PickersInputBase } from "./PickersInputBase.js";
-export type { PickersInputBaseProps } from './PickersInputBase.types';
+export type { PickersInputBaseProps } from "./PickersInputBase.types.js";
 export { pickersInputBaseClasses, getPickersInputBaseUtilityClass } from "./pickersInputBaseClasses.js";
-export type { PickersInputBaseClasses, PickersInputBaseClassKey } from './pickersInputBaseClasses';
+export type { PickersInputBaseClasses, PickersInputBaseClassKey } from "./pickersInputBaseClasses.js";

package/PickersTextField/PickersOutlinedInput/index.d.ts

@@ -1,4 +1,4 @@
 export { PickersOutlinedInput } from "./PickersOutlinedInput.js";
-export type { PickersOutlinedInputProps } from './PickersOutlinedInput';
-export type { PickersOutlinedInputClasses, PickersOutlinedInputClassKey } from './pickersOutlinedInputClasses';
+export type { PickersOutlinedInputProps } from "./PickersOutlinedInput.js";
+export type { PickersOutlinedInputClasses, PickersOutlinedInputClassKey } from "./pickersOutlinedInputClasses.js";
 export { getPickersOutlinedInputUtilityClass, pickersOutlinedInputClasses } from "./pickersOutlinedInputClasses.js";

package/PickersTextField/PickersTextField.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const PickersTextField: React.ForwardRefExoticComponent<(Omit<import("./PickersTextField.types").PickersStandardTextFieldProps, "ref"> | Omit<import("./PickersTextField.types").PickersOutlinedTextFieldProps, "ref"> | Omit<import("./PickersTextField.types").PickersFilledTextFieldProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
+declare const PickersTextField: React.ForwardRefExoticComponent<(Omit<import("./PickersTextField.types.js").PickersStandardTextFieldProps, "ref"> | Omit<import("./PickersTextField.types.js").PickersOutlinedTextFieldProps, "ref"> | Omit<import("./PickersTextField.types.js").PickersFilledTextFieldProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
 export { PickersTextField };

package/PickersTextField/PickersTextField.types.d.ts

@@ -4,9 +4,9 @@ import { FormHelperTextProps } from '@mui/material/FormHelperText';
 import { InputLabelProps } from '@mui/material/InputLabel';
 import { TextFieldVariants } from '@mui/material/TextField';
 import { PickersInputPropsUsedByField } from "./PickersInputBase/PickersInputBase.types.js";
-import type { PickersInputProps } from './PickersInput';
-import type { PickersOutlinedInputProps } from './PickersOutlinedInput';
-import type { PickersFilledInputProps } from './PickersFilledInput';
+import type { PickersInputProps } from "./PickersInput/index.js";
+import type { PickersOutlinedInputProps } from "./PickersOutlinedInput/index.js";
+import type { PickersFilledInputProps } from "./PickersFilledInput/index.js";
 interface PickersTextFieldPropsUsedByField {
   onFocus: React.FocusEventHandler<HTMLDivElement>;
   onBlur: React.FocusEventHandler<HTMLDivElement>;