我正在使用材质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}
/>
)}
/>
)}
/>
1条答案
按热度按时间ni65a41a1#
经过一些实验,似乎这可能是因为发布的沙箱具有最新版本的MUI,但与过时版本的
@mui/x-date-pickers
配对。已将
@mui/x-date-pickers
更新至最新版本5.0.13,以匹配主MUI版本,该问题似乎已得到修复。分叉演示与更新:codesandbox