Угловая дата-сборщик начальной загрузки ngbDatepicker не переполняется в ngbPanelContent

Question

Я использую ngbDatepicker в форме, показанной ниже

<ngb-panel>
              <ng-template ngbPanelTitle>
                <div class="row">
                  <ui-switch (change)="onChange($event,2)" [checked]="professionalLearningEvent.sportsPractive" size="small"></ui-switch>&nbsp;&nbsp;
                  <label class="accordianTitle" (click)="onAccordianTitleClick(2)">Will your sports practice be
                    affected ?</label>
                </div>
              </ng-template>
              <ng-template ngbPanelContent>
                <div class="container">

<div class="input-group">
  <input class="form-control" [formControl]="control" ngbDatepicker [dayTemplate]="getDayTemplate()" #d="ngbDatepicker" [ngClass]="{ 'is-invalid': isFieldInvalid(control) }">
  <div class="input-group-append">
    <button class="btn btn-sm btn-outline-secondary" (click)="d.toggle()" type="button">
      <span class="fa fa-calendar"></span>
    </button>
  </div>
</div>

                </div>
              </ng-template>
            </ngb-panel>

Пользовательский интерфейс средства выбора даты не переполнен.Попробуйте найти какое-то решение, но не сможете.

Answer 1

Проблема заключалась в переполнении карты аккордеона

Вот решение, просто добавьте приведенный ниже код CSS, чтобы переопределить загрузочный файл CSS

 .accordion .card {
      overflow: visible !important;
    }