javascriptreactjsmaterial-uifrontendmui-x-date-picker

Unable to use helperText in MUI X Date Picker


Here is the code:

<div className={classes.container}>
                <LocalizationProvider dateAdapter={AdapterDateFns}>
                    <DesktopDatePicker
                        fullWidth
                        inputFormat="dd/MM/yyyy"
                        // value={registeredDate}
                        disableFuture
                        {...props}
                        helperText="date"
                        renderInput={(params) => <TextField {...params} />}
                    />
                </LocalizationProvider>
            </div>

I am not seeing the helper text working. Please help


Solution

  • The helperText is the TextField's prop, you can set it like this:

    <DesktopDatePicker
      fullWidth
      inputFormat="dd/MM/yyyy"
      disableFuture
      {...props}
      renderInput={(params) => <TextField helperText="date" {...params} />}
     />