[docs][joy-ui][input] Inputs as decorators for other inputs in forms

Duplicates

• I have searched the existing issues

Related page

https://mui.com/joy-ui/react-input/#decorators

Kind of issue

Other

Issue description

The decorator documentation of Input kicks off with an Input that has another Input as its endDecorator. But as soon as you'd want to use that in an actual form with a FormLabel and FormHelperText component wrapped in a FormControl, Joy UI will start throwing errors at you that you aren't allowed to do this.

A FormControl can contain only one control component (Autocomplete | Input | Textarea | Select | RadioGroup)
You should not mix those components inside a single FormControl instance

Context 🔦

I feel like this demo should be something that can actually be used in a context that goes beyond "I just want 2 inputs" and works with Joy UI's other components. This demo specifically could be fixed by replacing the Select with a Dropdown to achieve roughly the same result.

Then again... mayhaps changes should be made to FormControl to allow 2 or more inputs. Examples like the demo feel like a common usecase (e.g.: a search box with a control to specify where you want to look).