蓝图 DateInput 组件未正确呈现

如何解决蓝图 DateInput 组件未正确呈现

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

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

correct DateInput

这是最终呈现的内容：

incorrect DateInput

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

这是我的代码：

<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>

解决方法

已解决：原来我丢失了 Blueprint 中的 CSS 文件。

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