To workaround the issue, you can force the "shrink" state of the label. In some circumstances, we can't determine the "shrink" state (number input, datetime input, Stripe input). The input label is supposed to shrink as soon as the input is displaying something. The input label "shrink" state isn't always correct. value.onFilled ( func): Should be called when the input is filled.value.onEmpty ( func): Should be called when the input is emptied.value.onFocus ( func): Should be called when the input is focused.value.onBlur ( func): Should be called when the input is blurred.value.variant ( string): The variant is being used by the FormControl component and its children, inherited from FormControl variant prop.value.size ( string): The size of the component, inherited from the FormControl size prop.value.required ( bool): Indicate whether the label is indicating that the input is required input, inherited from the FormControl required prop.value.hiddenLabel ( bool): Indicate whether the label is being hidden, inherited from FormControl hiddenLabel prop.
value.disabled ( bool): Indicate whether the component is being displayed in a disabled state, inherited from FormControl disabled prop.lor ( string): The theme color is being used, inherited from FormControl color prop.tAdornedStart ( func): Setter function for adornedStart state value.value.adornedStart ( bool): Indicate whether the child Input or Select component has a start adornment.This hook returns the context value of the parent FormControl component. useFormControlįor advanced customization use cases, a useFormControl() hook is exposed. ? If you are looking for inspiration, you can check MUI Treasury's customization examples.