ngx-bootstrap datepicker仅可见50％

Question

我想将bootstarp-datepicker添加到我的页面中（按角度工作），我只是按照以下说明操作：https://valor-software.com/ngx-bootstrap/#/datepicker，在我打开日期选择器之前，它似乎一直起作用，仅引起其中的50％可见，但是我没有在其中添加额外的样式代码。

这是导入：

import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';
import { BrowserAnimationsModule } from '@angular/platform- 
browser/animations';
.
.
.
@NgModule({
  imports: [
    ...
    BsDatepickerModule.forRoot(),
    BrowserAnimationsModule
    ...      
  ]
 })

HTML文件：

<div class="DatePicker1">
    <input type="text"
           placeholder="Datepicker"
           class="form-control"
           bsDatepicker>
  </div>

How it looks