Как использовать bootstrap Datetime Picker в Angular8

Question

Я использую bootstrap календарь выбора времени и даты, но я не могу увидеть календарь, но в этом поле ввода были указаны дата и время. Я не могу найти, где я иду не так. Может ли кто-нибудь помочь мне, пожалуйста.

ДЕМО

HTML:

 <div class="col-6">
            <div class="form-group"  (click)="calendar()">
              <label for="">Inactive Date</label>
              <input type="text" class="form-control" placeholder="MM/DD/YYYY" formControlName="inactiveDate"
                name="inactiveDate" id='datetimepicker1'>
            </div>
          </div>

TS:

  calendar() {
    $(function() {
      $('#datetimepicker1').datetimepicker();
  });
  }