我正在使用材质UI +React钩子窗体。https://react-hook-form.com/get-started
https://mui.com/material-ui/
我正在尝试制作日期选择器。但我面临一个问题。我的日期选择器打开在左上角为什么？
下面是我代码https://codesandbox.io/s/adoring-currying-iuptqe?file=/src/App.tsx

<Controller
        control={control}
        name="date"
        rules={{
          validate: {
            min: (date) => isFuture(date) || "Please, enter a future date"
          }
        }}
        render={({ field: { ref, onBlur, name, ...field }, fieldState }) => (
          <DatePicker
            {...field}
            inputRef={ref}
            label="Date"
            renderInput={(inputProps) => (
              <TextField
                {...inputProps}
                onBlur={onBlur}
                name={name}
                error={!!fieldState.error}
                helperText={fieldState.error?.message}
              />
            )}
          />
        )}
      />