reactjs - 如何在没有缺口样式的情况下删除 MUI 5 TextField 标签？

我正在努力用新的 @mui DatePicker 替换应用程序中的 DatePicker 组件，但在没有 float 标签和凹口输入样式的情况下渲染 TextField 时遇到了一些问题。这是我的最新尝试:

<LocalizationProvider dateAdapter={AdapterDateFns}>
  <DatePicker
    onError={(reason, value) => console.log(reason, value)}
    disableOpenPicker
    className={styles.datepicker}
    disableMaskedInput
    onChange={() => undefined}
    onAccept={handleAccept}
    open={datePickerVisible}
    value={getSafeDate(value) as Date}
    onClose={partial(handleDatepickerVisibilityChange, false)}
    {...datepickerProps}
    renderInput={(params) => (
      <TextField
        id={id}
        {...inputProps}
        {...params}
        onChange={handleInputChange}
        error={errorText !== null}
        helperText={errorText}
        onBlur={handleValueChange}
        onKeyPress={handleKeyPress}
        hiddenLabel
        size='small'
        fullWidth
      />
    )}
  />
</LocalizationProvider>

我尝试了许多不同的 TextField 属性组合，例如添加 InputLabelProps={{shrink:false}}、InputLabelProps={{shrink:true}} ，和 inputProps={{notched:false}} 但最终总是看起来像这样: