@mui/x-date-pickers 9.5.0 → 9.7.0

package/PickersTextField/PickersTextField.js

@@ -28,7 +28,7 @@ var _PickersInput = require("./PickersInput");
 var _useFieldOwnerState = require("../internals/hooks/useFieldOwnerState");
 var _usePickerTextFieldOwnerState = require("./usePickerTextFieldOwnerState");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["onFocus", "onBlur", "className", "classes", "color", "disabled", "error", "variant", "required", "hiddenLabel", "inputRef", "sectionListRef", "elements", "areAllSectionsEmpty", "onClick", "onKeyDown", "onKeyUp", "onPaste", "onInput", "endAdornment", "startAdornment", "tabIndex", "contentEditable", "focused", "value", "onChange", "fullWidth", "id", "name", "helperText", "label", "slots", "slotProps", "data-active-range-position"];
+const _excluded = ["onFocus", "onBlur", "className", "classes", "color", "disabled", "error", "variant", "required", "hiddenLabel", "inputRef", "sectionListRef", "elements", "areAllSectionsEmpty", "onClick", "onMouseDown", "onKeyDown", "onKeyUp", "onPaste", "onInput", "endAdornment", "startAdornment", "tabIndex", "contentEditable", "focused", "value", "onChange", "fullWidth", "id", "name", "helperText", "label", "slots", "slotProps", "data-active-range-position"];
 const VARIANT_COMPONENT = {
   standard: _PickersInput.PickersInput,
   filled: _PickersFilledInput.PickersFilledInput,
@@ -82,6 +82,7 @@ const PickersTextField = exports.PickersTextField = /*#__PURE__*/React.forwardRe
       elements,
       areAllSectionsEmpty,
       onClick,
+      onMouseDown,
       onKeyDown,
       onKeyUp,
       onPaste,
@@ -176,6 +177,7 @@ const PickersTextField = exports.PickersTextField = /*#__PURE__*/React.forwardRe
         elements: elements,
         areAllSectionsEmpty: areAllSectionsEmpty,
         onClick: onClick,
+        onMouseDown: onMouseDown,
         onKeyDown: onKeyDown,
         onKeyUp: onKeyUp,
         onInput: onInput,
@@ -215,7 +217,7 @@ const PickersTextField = exports.PickersTextField = /*#__PURE__*/React.forwardRe
   });
 });
 if (process.env.NODE_ENV !== "production") PickersTextField.displayName = "PickersTextField";
-process.env.NODE_ENV !== "production" ? PickersTextField.propTypes = {
+process.env.NODE_ENV !== "production" ? PickersTextField.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -307,6 +309,7 @@ process.env.NODE_ENV !== "production" ? PickersTextField.propTypes = {
   onFocus: _propTypes.default.func.isRequired,
   onInput: _propTypes.default.func.isRequired,
   onKeyDown: _propTypes.default.func.isRequired,
+  onMouseDown: _propTypes.default.func.isRequired,
   onPaste: _propTypes.default.func.isRequired,
   readOnly: _propTypes.default.bool,
   /**

package/PickersTextField/PickersTextField.mjs

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["onFocus", "onBlur", "className", "classes", "color", "disabled", "error", "variant", "required", "hiddenLabel", "inputRef", "sectionListRef", "elements", "areAllSectionsEmpty", "onClick", "onKeyDown", "onKeyUp", "onPaste", "onInput", "endAdornment", "startAdornment", "tabIndex", "contentEditable", "focused", "value", "onChange", "fullWidth", "id", "name", "helperText", "label", "slots", "slotProps", "data-active-range-position"];
+const _excluded = ["onFocus", "onBlur", "className", "classes", "color", "disabled", "error", "variant", "required", "hiddenLabel", "inputRef", "sectionListRef", "elements", "areAllSectionsEmpty", "onClick", "onMouseDown", "onKeyDown", "onKeyUp", "onPaste", "onInput", "endAdornment", "startAdornment", "tabIndex", "contentEditable", "focused", "value", "onChange", "fullWidth", "id", "name", "helperText", "label", "slots", "slotProps", "data-active-range-position"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { warnOnce } from '@mui/x-internals/warning';
@@ -75,6 +75,7 @@ const PickersTextField = /*#__PURE__*/React.forwardRef(function PickersTextField
       elements,
       areAllSectionsEmpty,
       onClick,
+      onMouseDown,
       onKeyDown,
       onKeyUp,
       onPaste,
@@ -169,6 +170,7 @@ const PickersTextField = /*#__PURE__*/React.forwardRef(function PickersTextField
         elements: elements,
         areAllSectionsEmpty: areAllSectionsEmpty,
         onClick: onClick,
+        onMouseDown: onMouseDown,
         onKeyDown: onKeyDown,
         onKeyUp: onKeyUp,
         onInput: onInput,
@@ -208,7 +210,7 @@ const PickersTextField = /*#__PURE__*/React.forwardRef(function PickersTextField
   });
 });
 if (process.env.NODE_ENV !== "production") PickersTextField.displayName = "PickersTextField";
-process.env.NODE_ENV !== "production" ? PickersTextField.propTypes = {
+process.env.NODE_ENV !== "production" ? PickersTextField.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -300,6 +302,7 @@ process.env.NODE_ENV !== "production" ? PickersTextField.propTypes = {
   onFocus: PropTypes.func.isRequired,
   onInput: PropTypes.func.isRequired,
   onKeyDown: PropTypes.func.isRequired,
+  onMouseDown: PropTypes.func.isRequired,
   onPaste: PropTypes.func.isRequired,
   readOnly: PropTypes.bool,
   /**

package/PickersTextField/PickersTextField.types.d.mts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { FormControlProps } from '@mui/material/FormControl';
-import { FormHelperTextProps } from '@mui/material/FormHelperText';
-import { InputLabelProps } from '@mui/material/InputLabel';
-import { TextFieldVariants } from '@mui/material/TextField';
-import { PickersInputBaseProps, PickersInputPropsUsedByField } from "./PickersInputBase/PickersInputBase.types.mjs";
+import type * as React from 'react';
+import type { FormControlProps } from '@mui/material/FormControl';
+import type { FormHelperTextProps } from '@mui/material/FormHelperText';
+import type { InputLabelProps } from '@mui/material/InputLabel';
+import type { TextFieldVariants } from '@mui/material/TextField';
+import type { PickersInputBaseProps, PickersInputPropsUsedByField } from "./PickersInputBase/PickersInputBase.types.mjs";
 import type { PickersInputProps } from "./PickersInput/index.mjs";
 import type { PickersOutlinedInputProps } from "./PickersOutlinedInput/index.mjs";
 import type { PickersFilledInputProps } from "./PickersFilledInput/index.mjs";

package/PickersTextField/PickersTextField.types.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { FormControlProps } from '@mui/material/FormControl';
-import { FormHelperTextProps } from '@mui/material/FormHelperText';
-import { InputLabelProps } from '@mui/material/InputLabel';
-import { TextFieldVariants } from '@mui/material/TextField';
-import { PickersInputBaseProps, PickersInputPropsUsedByField } from "./PickersInputBase/PickersInputBase.types.js";
+import type * as React from 'react';
+import type { FormControlProps } from '@mui/material/FormControl';
+import type { FormHelperTextProps } from '@mui/material/FormHelperText';
+import type { InputLabelProps } from '@mui/material/InputLabel';
+import type { TextFieldVariants } from '@mui/material/TextField';
+import type { PickersInputBaseProps, PickersInputPropsUsedByField } from "./PickersInputBase/PickersInputBase.types.js";
 import type { PickersInputProps } from "./PickersInput/index.js";
 import type { PickersOutlinedInputProps } from "./PickersOutlinedInput/index.js";
 import type { PickersFilledInputProps } from "./PickersFilledInput/index.js";

package/PickersTextField/usePickerTextFieldOwnerState.d.mts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { PickerTextFieldOwnerState } from "../models/fields.mjs";
+import type { PickerTextFieldOwnerState } from "../models/fields.mjs";
 export declare const PickerTextFieldOwnerStateContext: React.Context<PickerTextFieldOwnerState | null>;
 export declare const usePickerTextFieldOwnerState: () => PickerTextFieldOwnerState;

package/PickersTextField/usePickerTextFieldOwnerState.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { PickerTextFieldOwnerState } from "../models/fields.js";
+import type { PickerTextFieldOwnerState } from "../models/fields.js";
 export declare const PickerTextFieldOwnerStateContext: React.Context<PickerTextFieldOwnerState | null>;
 export declare const usePickerTextFieldOwnerState: () => PickerTextFieldOwnerState;

package/StaticDatePicker/StaticDatePicker.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StaticDatePickerProps } from "./StaticDatePicker.types.mjs";
+import type { StaticDatePickerProps } from "./StaticDatePicker.types.mjs";
 type StaticDatePickerComponent = ((props: StaticDatePickerProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
   propTypes?: any;
 };

package/StaticDatePicker/StaticDatePicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StaticDatePickerProps } from "./StaticDatePicker.types.js";
+import type { StaticDatePickerProps } from "./StaticDatePicker.types.js";
 type StaticDatePickerComponent = ((props: StaticDatePickerProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
   propTypes?: any;
 };

package/StaticDatePicker/StaticDatePicker.js

@@ -58,7 +58,7 @@ const StaticDatePicker = exports.StaticDatePicker = /*#__PURE__*/React.forwardRe
   return renderPicker();
 });
 if (process.env.NODE_ENV !== "production") StaticDatePicker.displayName = "StaticDatePicker";
-StaticDatePicker.propTypes = {
+process.env.NODE_ENV !== "production" ? StaticDatePicker.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -320,4 +320,4 @@ StaticDatePicker.propTypes = {
    * @default `4` when `displayStaticWrapperAs === 'desktop'`, `3` otherwise.
    */
   yearsPerRow: _propTypes.default.oneOf([3, 4])
-};
+} : void 0;

package/StaticDatePicker/StaticDatePicker.mjs

@@ -51,7 +51,7 @@ const StaticDatePicker = /*#__PURE__*/React.forwardRef(function StaticDatePicker
   return renderPicker();
 });
 if (process.env.NODE_ENV !== "production") StaticDatePicker.displayName = "StaticDatePicker";
-StaticDatePicker.propTypes = {
+process.env.NODE_ENV !== "production" ? StaticDatePicker.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -313,5 +313,5 @@ StaticDatePicker.propTypes = {
    * @default `4` when `displayStaticWrapperAs === 'desktop'`, `3` otherwise.
    */
   yearsPerRow: PropTypes.oneOf([3, 4])
-};
+} : void 0;
 export { StaticDatePicker };

package/StaticDatePicker/StaticDatePicker.types.d.mts

@@ -1,6 +1,6 @@
-import { MakeOptional } from '@mui/x-internals/types';
-import { BaseDatePickerProps, BaseDatePickerSlots, BaseDatePickerSlotProps } from "../DatePicker/shared.mjs";
-import { StaticOnlyPickerProps, UseStaticPickerSlots, UseStaticPickerSlotProps } from "../internals/hooks/useStaticPicker/index.mjs";
+import type { MakeOptional } from '@mui/x-internals/types';
+import type { BaseDatePickerProps, BaseDatePickerSlots, BaseDatePickerSlotProps } from "../DatePicker/shared.mjs";
+import type { StaticOnlyPickerProps, UseStaticPickerSlots, UseStaticPickerSlotProps } from "../internals/hooks/useStaticPicker/index.mjs";
 export interface StaticDatePickerSlots extends BaseDatePickerSlots, UseStaticPickerSlots {}
 export interface StaticDatePickerSlotProps extends BaseDatePickerSlotProps, UseStaticPickerSlotProps {}
 export interface StaticDatePickerProps extends BaseDatePickerProps, MakeOptional<StaticOnlyPickerProps, 'displayStaticWrapperAs'> {

package/StaticDatePicker/StaticDatePicker.types.d.ts

@@ -1,6 +1,6 @@
-import { MakeOptional } from '@mui/x-internals/types';
-import { BaseDatePickerProps, BaseDatePickerSlots, BaseDatePickerSlotProps } from "../DatePicker/shared.js";
-import { StaticOnlyPickerProps, UseStaticPickerSlots, UseStaticPickerSlotProps } from "../internals/hooks/useStaticPicker/index.js";
+import type { MakeOptional } from '@mui/x-internals/types';
+import type { BaseDatePickerProps, BaseDatePickerSlots, BaseDatePickerSlotProps } from "../DatePicker/shared.js";
+import type { StaticOnlyPickerProps, UseStaticPickerSlots, UseStaticPickerSlotProps } from "../internals/hooks/useStaticPicker/index.js";
 export interface StaticDatePickerSlots extends BaseDatePickerSlots, UseStaticPickerSlots {}
 export interface StaticDatePickerSlotProps extends BaseDatePickerSlotProps, UseStaticPickerSlotProps {}
 export interface StaticDatePickerProps extends BaseDatePickerProps, MakeOptional<StaticOnlyPickerProps, 'displayStaticWrapperAs'> {

package/StaticDateTimePicker/StaticDateTimePicker.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StaticDateTimePickerProps } from "./StaticDateTimePicker.types.mjs";
+import type { StaticDateTimePickerProps } from "./StaticDateTimePicker.types.mjs";
 type StaticDateTimePickerComponent = ((props: StaticDateTimePickerProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
   propTypes?: any;
 };

package/StaticDateTimePicker/StaticDateTimePicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StaticDateTimePickerProps } from "./StaticDateTimePicker.types.js";
+import type { StaticDateTimePickerProps } from "./StaticDateTimePicker.types.js";
 type StaticDateTimePickerComponent = ((props: StaticDateTimePickerProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
   propTypes?: any;
 };

package/StaticDateTimePicker/StaticDateTimePicker.js

@@ -107,7 +107,7 @@ const StaticDateTimePicker = exports.StaticDateTimePicker = /*#__PURE__*/React.f
   return renderPicker();
 });
 if (process.env.NODE_ENV !== "production") StaticDateTimePicker.displayName = "StaticDateTimePicker";
-StaticDateTimePicker.propTypes = {
+process.env.NODE_ENV !== "production" ? StaticDateTimePicker.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -439,4 +439,4 @@ StaticDateTimePicker.propTypes = {
    * @default `4` when `displayStaticWrapperAs === 'desktop'`, `3` otherwise.
    */
   yearsPerRow: _propTypes.default.oneOf([3, 4])
-};
+} : void 0;

package/StaticDateTimePicker/StaticDateTimePicker.mjs

@@ -100,7 +100,7 @@ const StaticDateTimePicker = /*#__PURE__*/React.forwardRef(function StaticDateTi
   return renderPicker();
 });
 if (process.env.NODE_ENV !== "production") StaticDateTimePicker.displayName = "StaticDateTimePicker";
-StaticDateTimePicker.propTypes = {
+process.env.NODE_ENV !== "production" ? StaticDateTimePicker.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -432,5 +432,5 @@ StaticDateTimePicker.propTypes = {
    * @default `4` when `displayStaticWrapperAs === 'desktop'`, `3` otherwise.
    */
   yearsPerRow: PropTypes.oneOf([3, 4])
-};
+} : void 0;
 export { StaticDateTimePicker };

package/StaticDateTimePicker/StaticDateTimePicker.types.d.mts

@@ -1,6 +1,6 @@
-import { MakeOptional } from '@mui/x-internals/types';
-import { BaseDateTimePickerProps, BaseDateTimePickerSlots, BaseDateTimePickerSlotProps } from "../DateTimePicker/shared.mjs";
-import { StaticOnlyPickerProps, UseStaticPickerSlots, UseStaticPickerSlotProps } from "../internals/hooks/useStaticPicker/index.mjs";
+import type { MakeOptional } from '@mui/x-internals/types';
+import type { BaseDateTimePickerProps, BaseDateTimePickerSlots, BaseDateTimePickerSlotProps } from "../DateTimePicker/shared.mjs";
+import type { StaticOnlyPickerProps, UseStaticPickerSlots, UseStaticPickerSlotProps } from "../internals/hooks/useStaticPicker/index.mjs";
 export interface StaticDateTimePickerSlots extends BaseDateTimePickerSlots, UseStaticPickerSlots {}
 export interface StaticDateTimePickerSlotProps extends BaseDateTimePickerSlotProps, UseStaticPickerSlotProps {}
 export interface StaticDateTimePickerProps extends BaseDateTimePickerProps, MakeOptional<StaticOnlyPickerProps, 'displayStaticWrapperAs'> {

package/StaticDateTimePicker/StaticDateTimePicker.types.d.ts

@@ -1,6 +1,6 @@
-import { MakeOptional } from '@mui/x-internals/types';
-import { BaseDateTimePickerProps, BaseDateTimePickerSlots, BaseDateTimePickerSlotProps } from "../DateTimePicker/shared.js";
-import { StaticOnlyPickerProps, UseStaticPickerSlots, UseStaticPickerSlotProps } from "../internals/hooks/useStaticPicker/index.js";
+import type { MakeOptional } from '@mui/x-internals/types';
+import type { BaseDateTimePickerProps, BaseDateTimePickerSlots, BaseDateTimePickerSlotProps } from "../DateTimePicker/shared.js";
+import type { StaticOnlyPickerProps, UseStaticPickerSlots, UseStaticPickerSlotProps } from "../internals/hooks/useStaticPicker/index.js";
 export interface StaticDateTimePickerSlots extends BaseDateTimePickerSlots, UseStaticPickerSlots {}
 export interface StaticDateTimePickerSlotProps extends BaseDateTimePickerSlotProps, UseStaticPickerSlotProps {}
 export interface StaticDateTimePickerProps extends BaseDateTimePickerProps, MakeOptional<StaticOnlyPickerProps, 'displayStaticWrapperAs'> {

package/StaticTimePicker/StaticTimePicker.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StaticTimePickerProps } from "./StaticTimePicker.types.mjs";
+import type { StaticTimePickerProps } from "./StaticTimePicker.types.mjs";
 type StaticTimePickerComponent = ((props: StaticTimePickerProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
   propTypes?: any;
 };

package/StaticTimePicker/StaticTimePicker.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StaticTimePickerProps } from "./StaticTimePicker.types.js";
+import type { StaticTimePickerProps } from "./StaticTimePicker.types.js";
 type StaticTimePickerComponent = ((props: StaticTimePickerProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
   propTypes?: any;
 };

package/StaticTimePicker/StaticTimePicker.js

@@ -60,7 +60,7 @@ const StaticTimePicker = exports.StaticTimePicker = /*#__PURE__*/React.forwardRe
   return renderPicker();
 });
 if (process.env.NODE_ENV !== "production") StaticTimePicker.displayName = "StaticTimePicker";
-StaticTimePicker.propTypes = {
+process.env.NODE_ENV !== "production" ? StaticTimePicker.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -258,4 +258,4 @@ StaticTimePicker.propTypes = {
    * Available views.
    */
   views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['hours', 'minutes', 'seconds']).isRequired)
-};
+} : void 0;

package/StaticTimePicker/StaticTimePicker.mjs

@@ -53,7 +53,7 @@ const StaticTimePicker = /*#__PURE__*/React.forwardRef(function StaticTimePicker
   return renderPicker();
 });
 if (process.env.NODE_ENV !== "production") StaticTimePicker.displayName = "StaticTimePicker";
-StaticTimePicker.propTypes = {
+process.env.NODE_ENV !== "production" ? StaticTimePicker.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -251,5 +251,5 @@ StaticTimePicker.propTypes = {
    * Available views.
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['hours', 'minutes', 'seconds']).isRequired)
-};
+} : void 0;
 export { StaticTimePicker };

package/StaticTimePicker/StaticTimePicker.types.d.mts

@@ -1,7 +1,7 @@
-import { MakeOptional } from '@mui/x-internals/types';
-import { BaseTimePickerProps, BaseTimePickerSlots, BaseTimePickerSlotProps } from "../TimePicker/shared.mjs";
-import { StaticOnlyPickerProps, UseStaticPickerSlots, UseStaticPickerSlotProps } from "../internals/hooks/useStaticPicker/index.mjs";
-import { TimeView } from "../models/index.mjs";
+import type { MakeOptional } from '@mui/x-internals/types';
+import type { BaseTimePickerProps, BaseTimePickerSlots, BaseTimePickerSlotProps } from "../TimePicker/shared.mjs";
+import type { StaticOnlyPickerProps, UseStaticPickerSlots, UseStaticPickerSlotProps } from "../internals/hooks/useStaticPicker/index.mjs";
+import type { TimeView } from "../models/index.mjs";
 export interface StaticTimePickerSlots extends BaseTimePickerSlots, UseStaticPickerSlots {}
 export interface StaticTimePickerSlotProps extends BaseTimePickerSlotProps, UseStaticPickerSlotProps {}
 export interface StaticTimePickerProps extends BaseTimePickerProps<TimeView>, MakeOptional<StaticOnlyPickerProps, 'displayStaticWrapperAs'> {

package/StaticTimePicker/StaticTimePicker.types.d.ts

@@ -1,7 +1,7 @@
-import { MakeOptional } from '@mui/x-internals/types';
-import { BaseTimePickerProps, BaseTimePickerSlots, BaseTimePickerSlotProps } from "../TimePicker/shared.js";
-import { StaticOnlyPickerProps, UseStaticPickerSlots, UseStaticPickerSlotProps } from "../internals/hooks/useStaticPicker/index.js";
-import { TimeView } from "../models/index.js";
+import type { MakeOptional } from '@mui/x-internals/types';
+import type { BaseTimePickerProps, BaseTimePickerSlots, BaseTimePickerSlotProps } from "../TimePicker/shared.js";
+import type { StaticOnlyPickerProps, UseStaticPickerSlots, UseStaticPickerSlotProps } from "../internals/hooks/useStaticPicker/index.js";
+import type { TimeView } from "../models/index.js";
 export interface StaticTimePickerSlots extends BaseTimePickerSlots, UseStaticPickerSlots {}
 export interface StaticTimePickerSlotProps extends BaseTimePickerSlotProps, UseStaticPickerSlotProps {}
 export interface StaticTimePickerProps extends BaseTimePickerProps<TimeView>, MakeOptional<StaticOnlyPickerProps, 'displayStaticWrapperAs'> {

package/TimeClock/Clock.d.mts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import type { PickerSelectionState } from "../internals/hooks/usePicker/index.mjs";
-import { useMeridiemMode } from "../internals/hooks/date-helpers-hooks.mjs";
-import { PickerOwnerState, PickerValidDate, TimeView } from "../models/index.mjs";
-import { ClockClasses } from "./clockClasses.mjs";
-import { Meridiem } from "../internals/utils/time-utils.mjs";
-import { FormProps } from "../internals/models/formProps.mjs";
+import type { useMeridiemMode } from "../internals/hooks/date-helpers-hooks.mjs";
+import type { PickerOwnerState, PickerValidDate, TimeView } from "../models/index.mjs";
+import type { ClockClasses } from "./clockClasses.mjs";
+import type { Meridiem } from "../internals/utils/time-utils.mjs";
+import type { FormProps } from "../internals/models/formProps.mjs";
 export interface ClockProps extends ReturnType<typeof useMeridiemMode>, FormProps {
   ampm: boolean;
   ampmInClock: boolean;

package/TimeClock/Clock.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import type { PickerSelectionState } from "../internals/hooks/usePicker/index.js";
-import { useMeridiemMode } from "../internals/hooks/date-helpers-hooks.js";
-import { PickerOwnerState, PickerValidDate, TimeView } from "../models/index.js";
-import { ClockClasses } from "./clockClasses.js";
-import { Meridiem } from "../internals/utils/time-utils.js";
-import { FormProps } from "../internals/models/formProps.js";
+import type { useMeridiemMode } from "../internals/hooks/date-helpers-hooks.js";
+import type { PickerOwnerState, PickerValidDate, TimeView } from "../models/index.js";
+import type { ClockClasses } from "./clockClasses.js";
+import type { Meridiem } from "../internals/utils/time-utils.js";
+import type { FormProps } from "../internals/models/formProps.js";
 export interface ClockProps extends ReturnType<typeof useMeridiemMode>, FormProps {
   ampm: boolean;
   ampmInClock: boolean;

package/TimeClock/Clock.js

@@ -14,6 +14,8 @@ var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _styles = require("@mui/material/styles");
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _ownerDocument = _interopRequireDefault(require("@mui/utils/ownerDocument"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _ClockPointer = require("./ClockPointer");
 var _hooks = require("../hooks");
@@ -194,6 +196,9 @@ function Clock(inProps) {
     clockMeridiemMode: meridiemMode
   });
   const isMoving = React.useRef(false);
+  const activePointerIdRef = React.useRef(null);
+  const squareMaskRef = React.useRef(null);
+  const removeDragListenersRef = React.useRef(undefined);
   const classes = useUtilityClasses(classesProp, ownerState);
   const isSelectedTimeDisabled = isTimeDisabled(viewValue, type);
   const isPointerInner = !ampm && type === 'hours' && (viewValue < 1 || viewValue > 12);
@@ -207,40 +212,81 @@ function Clock(inProps) {
     onChange(newValue, isFinish);
   };
   const setTime = (event, isFinish) => {
-    let {
-      offsetX,
-      offsetY
-    } = event;
-    if (offsetX === undefined) {
-      const rect = event.target.getBoundingClientRect();
-      offsetX = event.changedTouches[0].clientX - rect.left;
-      offsetY = event.changedTouches[0].clientY - rect.top;
+    const mask = squareMaskRef.current;
+    // The document-level listeners can briefly outlive the mask during unmount:
+    // React detaches refs before the cleanup effect removes the listeners, so a
+    // pointer event firing in that window would otherwise dereference a null ref.
+    if (!mask) {
+      return;
     }
+
+    // Resolve the pointer coordinates relative to the clock mask rather than from
+    // `offsetX`/`offsetY`: the `pointermove`/`pointerup` listeners live on the
+    // document (see `handlePointerDown`), so the event target can be any element
+    // once the pointer leaves the clock.
+    const rect = mask.getBoundingClientRect();
+    const offsetX = event.clientX - rect.left;
+    const offsetY = event.clientY - rect.top;
     const newSelectedValue = type === 'seconds' || type === 'minutes' ? (0, _shared.getMinutes)(offsetX, offsetY, minutesStep) : (0, _shared.getHours)(offsetX, offsetY, Boolean(ampm));
     handleValueChange(newSelectedValue, isFinish);
   };
-  const handleTouchSelection = event => {
-    isMoving.current = true;
-    setTime(event, 'shallow');
+
+  // Pointer events are the single source of truth for mouse, touch and pen. The
+  // move/up/cancel listeners are attached to the document so a drag keeps
+  // tracking and commits even when the pointer is released outside the clock.
+  const stopTracking = () => {
+    isMoving.current = false;
+    activePointerIdRef.current = null;
+    // Idempotent: the cleanup clears its own ref, so calling `stopTracking` twice
+    // (e.g. a `pointercancel` racing a `pointerup`) is a safe no-op.
+    removeDragListenersRef.current?.();
   };
-  const handleTouchEnd = event => {
-    if (isMoving.current) {
-      setTime(event, 'finish');
-      isMoving.current = false;
+  const handleDocumentPointerMove = (0, _useEventCallback.default)(event => {
+    if (event.pointerId !== activePointerIdRef.current) {
+      return;
     }
     event.preventDefault();
-  };
-  const handleMouseMove = event => {
-    // event.buttons & PRIMARY_MOUSE_BUTTON
-    if (event.buttons > 0) {
-      setTime(event.nativeEvent, 'shallow');
+    setTime(event, 'shallow');
+  });
+  const handleDocumentPointerUp = (0, _useEventCallback.default)(event => {
+    if (event.pointerId !== activePointerIdRef.current) {
+      return;
     }
-  };
-  const handleMouseUp = event => {
-    if (isMoving.current) {
-      isMoving.current = false;
+    stopTracking();
+    setTime(event, 'finish');
+  });
+  const handleDocumentPointerCancel = (0, _useEventCallback.default)(event => {
+    if (event.pointerId !== activePointerIdRef.current) {
+      return;
+    }
+    // The gesture was interrupted by the user agent: drop it without committing.
+    stopTracking();
+  });
+  const handlePointerDown = event => {
+    // Ignore secondary buttons (middle = 1, right = 2), secondary multi-touch
+    // pointers and interactions that can't change the value. `> 0` rather than
+    // `!== 0` keeps the gesture permissive when `event.button` is left unset by a
+    // synthetic event (some test environments), matching `useDragRange`.
+    if (event.button > 0 || event.isPrimary === false || disabled || readOnly) {
+      return;
     }
-    setTime(event.nativeEvent, 'finish');
+
+    // A fresh primary pointerdown ends any previous gesture whose pointerup was
+    // lost, fully resetting its state before starting the new one.
+    stopTracking();
+    isMoving.current = true;
+    activePointerIdRef.current = event.pointerId;
+    const doc = (0, _ownerDocument.default)(squareMaskRef.current);
+    doc.addEventListener('pointermove', handleDocumentPointerMove);
+    doc.addEventListener('pointerup', handleDocumentPointerUp);
+    doc.addEventListener('pointercancel', handleDocumentPointerCancel);
+    removeDragListenersRef.current = () => {
+      doc.removeEventListener('pointermove', handleDocumentPointerMove);
+      doc.removeEventListener('pointerup', handleDocumentPointerUp);
+      doc.removeEventListener('pointercancel', handleDocumentPointerCancel);
+      removeDragListenersRef.current = undefined;
+    };
+    setTime(event.nativeEvent, 'shallow');
   };
   const isPointerBetweenTwoClockValues = type === 'hours' ? false : viewValue % 5 !== 0;
   const keyboardControlStep = type === 'minutes' ? minutesStep : 1;
@@ -253,6 +299,9 @@ function Clock(inProps) {
       listboxRef.current.focus();
     }
   }, [autoFocus]);
+
+  // Clean up the document-level pointer listeners if the clock unmounts mid-drag.
+  React.useEffect(() => () => removeDragListenersRef.current?.(), []);
   const clampValue = newValue => Math.max(minViewValue, Math.min(maxViewValue, newValue));
   const circleValue = newValue => (newValue + (maxViewValue + 1)) % (maxViewValue + 1);
   const handleKeyDown = event => {
@@ -300,11 +349,8 @@ function Clock(inProps) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(ClockClock, {
       className: classes.clock,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ClockSquareMask, {
-        onTouchMove: handleTouchSelection,
-        onTouchStart: handleTouchSelection,
-        onTouchEnd: handleTouchEnd,
-        onMouseUp: handleMouseUp,
-        onMouseMove: handleMouseMove,
+        ref: squareMaskRef,
+        onPointerDown: handlePointerDown,
         ownerState: ownerState,
         className: classes.squareMask
       }), !isSelectedTimeDisabled && /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {