[pickers] Fix clearable behavior when disabled (#10542)

mui · Oct 2, 2023 · 725d434 · 725d434
1 parent 1118b2d
commit 725d434
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/x-date-pickers/src/internals/hooks/useField/useField.ts b/packages/x-date-pickers/src/internals/hooks/useField/useField.ts
@@ -57,6 +57,7 @@ export const useField = <
  error,
  clearable,
  onClear,
+ disabled,
  ...otherForwardedProps
  },
  fieldValueManager,
@@ -521,6 +522,7 @@ export const useField = <
  return {
  placeholder,
  autoComplete: 'off',
+ disabled: Boolean(disabled),
  ...otherForwardedProps,
  value: shouldShowPlaceholder ? '' : valueStr,
  inputMode,
@@ -535,6 +537,6 @@ export const useField = <
  onClear: handleClearValue,
  error: inputError,
  ref: handleRef,
- clearable: Boolean(clearable && !areAllSectionsEmpty && !readOnly),
+ clearable: Boolean(clearable && !areAllSectionsEmpty && !readOnly && !disabled),
  };
 };
diff --git a/packages/x-date-pickers/src/internals/hooks/useField/useField.types.ts b/packages/x-date-pickers/src/internals/hooks/useField/useField.types.ts
@@ -128,6 +128,11 @@ export interface UseFieldInternalProps<TValue, TDate, TSection extends FieldSect
  * @default false
  */
  clearable?: boolean;
+ /**
+ * If `true`, the component is disabled.
+ * @default false
+ */
+ disabled?: boolean;
 }
 
 export interface FieldRef<TSection extends FieldSection> {
@@ -159,6 +164,7 @@ export interface UseFieldForwardedProps {
  error?: boolean;
  onClear?: React.MouseEventHandler;
  clearable?: boolean;
+ disabled?: boolean;
 }
 
 export type UseFieldResponse<TForwardedProps extends UseFieldForwardedProps> = Omit<