[pickers] Fix clearable behavior blocking focus return to `OpenPicker…

…Button` (@noraleonte) (#11643) Signed-off-by: Nora <72460825+noraleonte@users.noreply.github.com> Co-authored-by: Nora <72460825+noraleonte@users.noreply.github.com>
mui · Jan 11, 2024 · e923c98 · e923c98
1 parent 0c56758
commit e923c98
Showing 1 changed file with 11 additions and 11 deletions.
diff --git a/packages/x-date-pickers/src/hooks/useClearableField.tsx b/packages/x-date-pickers/src/hooks/useClearableField.tsx
@@ -68,20 +68,20 @@ export const useClearableField = <
 
   const InputProps = {
     ...ForwardedInputProps,
-    endAdornment: clearable ? (
+    endAdornment: (
       <React.Fragment>
-        <InputAdornment
-          position="end"
-          sx={{ marginRight: ForwardedInputProps?.endAdornment ? -1 : -1.5 }}
-        >
-          <IconButton {...iconButtonProps} onClick={onClear}>
-            <EndClearIcon fontSize="small" {...endClearIconProps} />
-          </IconButton>
-        </InputAdornment>
+        {clearable && (
+          <InputAdornment
+            position="end"
+            sx={{ marginRight: ForwardedInputProps?.endAdornment ? -1 : -1.5 }}
+          >
+            <IconButton {...iconButtonProps} onClick={onClear}>
+              <EndClearIcon fontSize="small" {...endClearIconProps} />
+            </IconButton>
+          </InputAdornment>
+        )}
         {ForwardedInputProps?.endAdornment}
       </React.Fragment>
-    ) : (
-      ForwardedInputProps?.endAdornment
     ),
   };