search

mui / mui-x

MUI X: Build complex and data-rich applications using a growing list of advanced React components, like the Data Grid, Date and Time Pickers, Charts, and more!
https://mui.com/x/
4.1k stars 1.27k forks source link

Datepiker: Overlayed open picker icon with standard variant of textfield #14714

Open Friendlykid opened 3 days ago

Friendlykid commented 3 days ago

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.

image

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 commented 3 days ago

Also it should look the same as standard textfield image