如何指定React Datepicker popper宽度的宽度为父级的100％？

Question

我正在使用ReactDatepicker，他们立即提供的自定义功能给他们留下了深刻的印象，非常感谢。

这是我正在努力解决的现实世界中的问题。如您所见，共有三列：

1. 选择一个演出
2. 选择日期
3. 查找门票

理想情况下，我希望datepicker的宽度等于列的宽度。

提供了一些文档：

• https://reactdatepicker.com/#example-28
• https://popper.js.org/popper-documentation.html

但是也许有一个神奇的修饰符可以让我说“采用父容器的100％宽度” ？

---

当前，我可以通过更改单个项目的宽度来修改尺寸：

  

$ datepicker__item-size：1.7rem！default;

https://github.com/Hacker0x01/react-datepicker/blob/master/src/stylesheets/variables.scss#L16

但是修改对我来说不起作用-列宽定义为父级的%。