[pickers][DatePicker] openPickerButton is overflowing on standard TextField variant

[Friendlykid]

Steps to reproduce

Link to live example: https://stackblitz.com/edit/react-rnrpxh?file=Demo.js

Steps:

1. create Datepicker
2. put standard variant into textField slotProps

Current behavior

Portion of open picker button icon is hidden with standard variant of textfield.

Expected behavior

The icon should be visible.

Context

I am trying to use standard variant of textfield in Datepicker

Your environment

npx @mui/envinfo

  System:
    OS: Windows 11 10.0.22631
  Binaries:
    Node: 20.16.0 - C:\Program Files\nodejs\node.EXE
    npm: 10.3.0 - C:\Program Files\nodejs\npm.CMD
    pnpm: Not Found
  Browsers:
    Chrome: Not Found
    Edge: Chromium (127.0.2651.74)
  npmPackages:
    @emotion/react:  11.11.4
    @emotion/styled:  11.11.5
    @mui/base:  5.0.0-beta.40
    @mui/core-downloads-tracker:  5.15.18
    @mui/lab:  5.0.0-alpha.170
    @mui/material:  5.15.18
    @mui/material-nextjs:  5.16.6
    @mui/private-theming:  5.15.14
    @mui/styled-engine:  5.15.14
    @mui/system:  5.15.15
    @mui/types:  7.2.14
    @mui/utils:  5.15.14
    @mui/x-date-pickers:  6.19.12
    @mui/x-tree-view: 7.17.0 => 7.5.0
    @types/react:  18.2.74
    react: 18.3.1 => 18.3.1
    react-dom: 18.3.1 => 18.3.1

Search keywords: datepicker textfield standard

[Friendlykid]

Also it should look the same as standard textfield

[noraleonte]

Hey @Friendlykid 👋

Thanks for opening this issue 😄 I can confirm this problem, and it exists bot on the pickers using Material UI textfield, and the PickersTextField . There is also a weird vertical overlap when the textfield size is set to 'small' and that should probably be fixed too 🤔

Adding this to the discussions with the team to find a good solution 👍