日选择器输入日历是否仅向右和向右打开？

Question

在决定日历的位置时，日历（目前为止）似乎没有考虑到碰撞检测。例如：

在屏幕截图中，您可以看到日历已关闭屏幕。即使我禁用水平滚动（overflow-x: hidden;），它仍然会在屏幕外显示。

在没有破坏风格的情况下，是否有解决方案？

Answer 1

react-day-picker的DayPickerInput API现在具有 classNames ，它使您可以更改覆盖图和覆盖图包装程序的类的名称。您基本上是在重命名它们，以便在您自己的 CSS / LESS 文件中，可以使用该名称来设置叠加层的样式，并使其使用它而不是react-day-picker风格的类。 css（您最好不要尝试进行更改）。

如果要更改叠加层的默认道具（日历弹出窗口），则无论在何处创建组件，都将执行以下操作：

createElement(DayPicker.Input,
    { //all other props 
        classNames: {
            overlay: "TheNewNameForTheClass", 
            overlayWrapper: "TheOtherNewNameForTheClass" 
        } 
    }
})

然后在样式文件中，您将使用TheNewNameForTheClass和TheOtherNewNameForTheClass来设置叠加样式。