蓝图 DateInput 组件未正确呈现答案

【问题标题】：Blueprint DateInput component not rendering correctly蓝图 DateInput 组件未正确呈现
【发布时间】：2021-03-07 17:58:41
【问题描述】：

我正在编写一个电影记录 React 应用程序，我正在尝试将 Blueprint 的 DateInput component 合并到我编写的“添加电影”对话框中。我已尽我所能效仿他们的示例，但它似乎在渲染 Popover 方面存在一些问题。

这是我试图让它看起来像的样子：

correct DateInput

这就是最终呈现的内容：

incorrect DateInput

我不确定我的代码是否有问题或者组件是否无法正常工作，但我使用了 Chrome React 扩展并将我的 DateInput 上的道具与 Blueprint 网站上的上述示例进行了比较.我没有注意到任何可能影响布局/大小的显着差异。

这是我的代码：

<div className="addMovieRow">
                <div className="addMovieLabel">date watched: </div>
                        <DateInput
                            fill={true}
                            highlightCurrentDay={true}
                            closeOnSelection={true}
                            defaultValue={new Date()}
                            onChange={(pEvt) => {
                                this.setState({
                                    date: [pEvt],
                                    lastWatched: pEvt
                                });
                            }}
                            formatDate={this.props.formatDate}
                            parseDate={(pDateStr) => new Date(pDateStr)}
                            popoverProps={{fill: true, position: Position.BOTTOM}}
                            /> 
                </div>

【问题讨论】：

标签： javascript reactjs blueprintjs

【解决方案1】：

已解决：原来我缺少 Blueprint 中的 CSS 文件。

https://stackoverflow.com/a/49903843/15349102

【讨论】：