Mantine DatePickerInput 渲染错误

Mantine DatePickerInput rendering bug

提问人:Deepit Patil 提问时间:11/4/2023 更新时间:11/5/2023 访问量:58

问:

我正在尝试在我的 react 应用程序中使用 Mannine 的 DatePickerInput,但组件的呈现方式似乎存在问题。

预期行为

当前行为

库版本:

"react": "^18.2.0",
"@mantine/core": "^7.1.7",
"@mantine/dates": "^7.1.7",

实现:

<DatePickerInput
  name={name}
  placeholder={placeholder}
  ref={ref}
  value={value}
  onChange={e => onChange(e ?? undefined)}
  clearable
  error={error?.message}
  {...otherProps}
/>

我检查了任何 css 文件中的某些样式是否流氓,但这里并非如此。我还尝试将 mantine 降级为 .7.1.0

reactjs datepicker mantine

评论


答:

1赞 Vitaly Rtishchev 11/5/2023 #1

您需要导入包的样式,就像文档中提到的一样 - https://mantine.dev/dates/getting-started/#installation

import '@mantine/dates/styles.css';