From e923c9874e48e00bf1cfe70031f4d483bc97404a Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Thu, 11 Jan 2024 15:59:32 +0200
Subject: [PATCH] [pickers] Fix clearable behavior blocking focus return to
 `OpenPickerButton` (@noraleonte) (#11643)

Signed-off-by: Nora <72460825+noraleonte@users.noreply.github.com>
Co-authored-by: Nora <72460825+noraleonte@users.noreply.github.com>
---
 .../src/hooks/useClearableField.tsx           | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/packages/x-date-pickers/src/hooks/useClearableField.tsx b/packages/x-date-pickers/src/hooks/useClearableField.tsx
index ee37ea49af38..14bbea4b62d5 100644
--- 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
     ),
   };