reactjs - React-Datepicker:showTimeSelect 边距未正确对齐

Question

如标题所述，我的 react-datepicker 的时间 div 上的边距看起来很不稳定。我在 1.2.2 版本(应该是最新版本)上使用 react-datepicker npm 包。我在我的应用初始化的根组件中包含了它的 css:import "react-datepicker/dist/react-datepicker-cssmodules.css";

我的 react-datepicker 组件包装在 semantic-ui-react Form.Field 组件中，但是即使我删除了时间选择器上的 css 仍然不稳定这个 Form.Field 从包装它。

这是我的代码:

                <Grid.Column>
                  <Form.Field error={!!fieldErrors.date}>
                    <label>
                      Label
                    </label>
                    <DatePicker
                      name="date"
                      selected={fields.date}
                      onChange={onDateChange}
                      showTimeSelect
                      timeIntervals={15}
                    />
                    <InlineError error={fieldErrors.date} />
                  </Form.Field>
                </Grid.Column>

这是 UI 的样子:

感谢您的宝贵时间。

编辑:

Answer 1

添加这种样式对我有用:

.react-datepicker__time-container   .react-datepicker__time  
.react-datepicker__time-box   ul.react-datepicker__time-list {  
     padding: 0; 
}