[Joy][TextField] not have 'readOnly' props

[wangyg115]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Steps:

Current behavior 😯

Joy TextField has no readOnly prop in TextFieldProps type declaration .

Expected behavior 🤔

No response

Context 🔦

No response

Your environment 🌎

npx @mui/envinfo

 npmPackages:
    @emotion/react: ^11.10.4 => 11.10.4
    @emotion/styled: ^11.10.4 => 11.10.4
    @mui/base:  5.0.0-alpha.92
    @mui/core-downloads-tracker:  5.10.6
    @mui/icons-material: latest => 5.8.4
    @mui/joy: * => 5.0.0-alpha.47
    @mui/material:  5.9.3
    @mui/private-theming:  5.10.6
    @mui/styled-engine:  5.10.6
    @mui/system:  5.10.6
    @mui/types:  7.2.0
    @mui/utils:  5.10.6
    @types/react: ^17.0.47 => 17.0.48
    react: ^17.0.2 => 17.0.2
    react-dom: ^17.0.2 => 17.0.2
    typescript: ^4.7.4 => 4.7.4

[kushagra010]

Hey @mnajdova @siriwatknp, can I pick this up ?

[kushagra010]

@wangyg115
Can be handled with:

<TextField
    componentsProps={{ input: { readOnly: true } }}   <-----------------
    label="Solid"
    placeholder="Type in here…"
    variant="solid"
/>

[wangyg115]

got it, thanks.