[pickers] Fix edge property setting in different button position cases

mui · Mar 5, 2025 · 792714f · 792714f
1 parent c8a1fdb
commit 792714f
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/packages/x-date-pickers/src/internals/components/PickerFieldUI.tsx b/packages/x-date-pickers/src/internals/components/PickerFieldUI.tsx
@@ -158,9 +158,8 @@ export function PickerFieldUI(props: PickerFieldUIProps) {
       onClick: handleClickOpeningButton,
       'aria-label': openPickerAriaLabel,
       edge:
-        clearButtonPosition === 'start' && openPickerButtonPosition === 'start'
-          ? undefined
-          : openPickerButtonPosition,
+        // open button is always rendered at the edge
+        textFieldProps.variant !== 'standard' ? openPickerButtonPosition : false,
     },
     ownerState,
   });
@@ -187,9 +186,10 @@ export function PickerFieldUI(props: PickerFieldUIProps) {
       onClick: onClear,
       disabled: fieldResponse.disabled || fieldResponse.readOnly,
       edge:
-        clearButtonPosition === 'end' && openPickerButtonPosition === 'end'
-          ? undefined
-          : clearButtonPosition,
+        // clear button can only be at the edge if it's position differs from the open button
+        textFieldProps.variant !== 'standard' && clearButtonPosition !== openPickerButtonPosition
+          ? clearButtonPosition
+          : false,
     },
     ownerState,
   });