[pickers] Fix PickersTextField overflow (@noraleonte) (#17945)

Signed-off-by: Lukas Tyla <llukas.tyla@gmail.com>
Co-authored-by: Nora <72460825+noraleonte@users.noreply.github.com>
Co-authored-by: Lukas Tyla <llukas.tyla@gmail.com>

Author: 3 people

packages/x-date-pickers/src/PickersTextField/PickersTextField.tsx

@@ -26,7 +26,9 @@ const PickersTextFieldRoot = styled(FormControl, {
   name: 'MuiPickersTextField',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root,
-})<{ ownerState: OwnerStateType }>({});
+})<{ ownerState: OwnerStateType }>({
+  maxWidth: '100%',
+});
 
 const useUtilityClasses = (ownerState: PickersTextFieldProps) => {
   const { focused, disabled, classes, required } = ownerState;