diff --git a/packages/material-ui/src/TextField/TextField.js b/packages/material-ui/src/TextField/TextField.js index b256dd4f62c3ad..b1ac043a8dbf00 100644 --- a/packages/material-ui/src/TextField/TextField.js +++ b/packages/material-ui/src/TextField/TextField.js @@ -107,10 +107,11 @@ const TextField = React.forwardRef(function TextField(props, ref) { InputMore.notched = InputLabelProps.shrink; } if (label) { + const displayRequired = InputLabelProps?.required ?? required; InputMore.label = ( {label} - {required && '\u00a0*'} + {displayRequired && '\u00a0*'} ); } diff --git a/test/regressions/tests/TextField/OutlinedHiddenRequiredIndicator.js b/test/regressions/tests/TextField/OutlinedHiddenRequiredIndicator.js new file mode 100644 index 00000000000000..3796fe4b586885 --- /dev/null +++ b/test/regressions/tests/TextField/OutlinedHiddenRequiredIndicator.js @@ -0,0 +1,16 @@ +import React from 'react'; +import TextField from '@material-ui/core/TextField'; + +export default function OutlinedHiddenRequiredIndicator() { + return ( + + ); +}