diff --git a/packages/material-renderers/src/mui-controls/MuiInputInteger.tsx b/packages/material-renderers/src/mui-controls/MuiInputInteger.tsx index b6d7fa98d..4d2f8f376 100644 --- a/packages/material-renderers/src/mui-controls/MuiInputInteger.tsx +++ b/packages/material-renderers/src/mui-controls/MuiInputInteger.tsx @@ -40,6 +40,7 @@ export const MuiInputInteger = React.memo(function MuiInputInteger( id, enabled, uischema, + isValid, path, handleChange, config, @@ -70,6 +71,7 @@ export const MuiInputInteger = React.memo(function MuiInputInteger( autoFocus={appliedUiSchemaOptions.focus} inputProps={inputProps} fullWidth={true} + error={!isValid} /> ); }); diff --git a/packages/material-renderers/src/mui-controls/MuiInputNumber.tsx b/packages/material-renderers/src/mui-controls/MuiInputNumber.tsx index 2ce8e24d6..1d626f6b1 100644 --- a/packages/material-renderers/src/mui-controls/MuiInputNumber.tsx +++ b/packages/material-renderers/src/mui-controls/MuiInputNumber.tsx @@ -39,6 +39,7 @@ export const MuiInputNumber = React.memo(function MuiInputNumber( id, enabled, uischema, + isValid, path, handleChange, config, @@ -68,6 +69,7 @@ export const MuiInputNumber = React.memo(function MuiInputNumber( autoFocus={appliedUiSchemaOptions.focus} inputProps={inputProps} fullWidth={true} + error={!isValid} /> ); }); diff --git a/packages/material-renderers/src/mui-controls/MuiInputTime.tsx b/packages/material-renderers/src/mui-controls/MuiInputTime.tsx index c9869d3c7..0a7c1da8e 100644 --- a/packages/material-renderers/src/mui-controls/MuiInputTime.tsx +++ b/packages/material-renderers/src/mui-controls/MuiInputTime.tsx @@ -36,6 +36,7 @@ export const MuiInputTime = React.memo(function MuiInputTime( id, enabled, uischema, + isValid, path, handleChange, config, @@ -61,6 +62,7 @@ export const MuiInputTime = React.memo(function MuiInputTime( disabled={!enabled} autoFocus={appliedUiSchemaOptions.focus} fullWidth={true} + error={!isValid} /> ); }); diff --git a/packages/material-renderers/src/mui-controls/MuiSelect.tsx b/packages/material-renderers/src/mui-controls/MuiSelect.tsx index 303059df1..3427e30be 100644 --- a/packages/material-renderers/src/mui-controls/MuiSelect.tsx +++ b/packages/material-renderers/src/mui-controls/MuiSelect.tsx @@ -44,6 +44,7 @@ export const MuiSelect = React.memo(function MuiSelect( enabled, schema, uischema, + isValid, path, handleChange, options, @@ -69,6 +70,7 @@ export const MuiSelect = React.memo(function MuiSelect( onChange={(ev) => handleChange(path, ev.target.value || undefined)} fullWidth={true} multiple={multiple || false} + error={!isValid} > {[