没有覆盖的反应日选择器(仅限输入字段)

react-day-picker without overlay (input field only)

想要利用 react-day-picker 的一些内置功能(日期验证等)而不提供日历覆盖(为用户提供没有日历覆盖的输入字段)。

我在 the docs 中没有看到任何仅显示输入字段而不显示日历叠加层的选项。

我错过了什么吗?

也许是一种 hacky 方式,但我可以看到您可以为 DayPickerInput 组件提供自定义道具 classNamesSource

你可以提供一个像

这样的对象
<DayPickerInput>
    classNames={{
       overlayWrapper: 'myCustomClass'
    }}
/>

.myCustomClass {
    display: none;
}

或者如果您可以隐藏覆盖包装器的默认 class

.DayPickerInput-OverlayWrapper {
    display: none!important;
}

不,查看 source 但它是开源的。您可以复制文件并删除不需要的部分。