css - 如何指定 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

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