日期选择器文本字段和图标来自div引导面板

Question

我有一个引导面板，我试图在其中放置一个带有输入字段的日期图标，但输入字段来自div面板。我试图减小输入字段的宽度，但它不起作用。< / p>

以下是我试过的图片

<div class="panel panel-default">
          <div class="panel-body">
            <span class="text-left">
              Default | Expires on 2018/09/10
            </span>
            <span class="pull-right">
                <i class="fa fa-pause"></i> |
                <i class="fa fa-check-circle"></i> |
                <i class="fa fa-trash"></i> |
                <form class="form-inline">
                    <div class="form-group">
                      <div class="input-group">
                        <input class="form-control" placeholder="yyyy-mm-dd"
                               name="dp" [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker">
                        <div class="input-group-append">
                          <button class="btn btn-outline-secondary" (click)="d.toggle()" type="button">
                              <i class="fa fa-calendar"></i>                        
                          </button>
                        </div>
                      </div>
                    </div>
                  </form>            
            </span>
            </div>
            </div>