title: Bootstrap angular datepicker ngbDatepicker doesnot overflow on the ngbPanelContent
body: <p>I have use the ngbDatepicker in the form as below</p>
  
  <pre><code>&lt;ngb-panel&gt;
                &lt;ng-template ngbPanelTitle&gt;
                  &lt;div class="row"&gt;
                    &lt;ui-switch (change)="onChange($event,2)" [checked]="professionalLearningEvent.sportsPractive" size="small"&gt;&lt;/ui-switch&gt;&amp;nbsp;&amp;nbsp;
                    &lt;label class="accordianTitle" (click)="onAccordianTitleClick(2)"&gt;Will your sports practice be
                      affected ?&lt;/label&gt;
                  &lt;/div&gt;
                &lt;/ng-template&gt;
                &lt;ng-template ngbPanelContent&gt;
                  &lt;div class="container"&gt;
  
  &lt;div class="input-group"&gt;
    &lt;input class="form-control" [formControl]="control" ngbDatepicker [dayTemplate]="getDayTemplate()" #d="ngbDatepicker" [ngClass]="{ 'is-invalid': isFieldInvalid(control) }"&gt;
    &lt;div class="input-group-append"&gt;
      &lt;button class="btn btn-sm btn-outline-secondary" (click)="d.toggle()" type="button"&gt;
        &lt;span class="fa fa-calendar"&gt;&lt;/span&gt;
      &lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
                  &lt;/div&gt;
                &lt;/ng-template&gt;
              &lt;/ngb-panel&gt;
  </code></pre>
  
  <p>The datepicker UI is not overflow. Try to find some solution but not able to.</p>
  
  <p><a href="https://i.stack.imgur.com/CyHPK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CyHPK.png" alt="date picker "></a></p>