как поставить календарь glyphicon-ok и glyphicon-remove в одном и том же ligne?

Question

У меня есть эта редактируемая таблица:

У меня есть столбец

I хотите глификон-ок и глификон-удалить и каландр в одном и том же лигне.

это мой код:

 <td pEditableColumn>
          <p-cellEditor>
            <ng-template pTemplate="input">
              <label class="input">
                <input class="form-control datepicker" type="text" id="instruct-ouv-pj-date-pj" name="datePJ"
                       (changeValue)="rowData.sinpjDatpj = $event"
                       (ngModelChange)="changeValueManuelDatePJ($event, rowData)"
                       [ngModel]="rowData.sinpjDatpj | date: 'dd/MM/yyyy'"
                       #datePJ="ngModel" [saUiDatepicker]="{dateFormat: 'yy-mm-dd'}" appDatevalidator
                       [textMask]="{mask: mask}" placeholder="__/__/____" />
              </label>
              <p>
                <button type="submit" class="btn btn-primary btn-sm"
                        ng-click="updateDateDebut(rowData, $index)" ng-disabled="false">
                  <i class="glyphicon glyphicon-ok"></i>
                </button>
                <button type="submit" class="btn btn-default btn-sm"
                        ng-click="closeUpdateDateDebut(rowData)">
                  <i class="glyphicon glyphicon-remove"></i>
                </button>
              </p>
            </ng-template>
            <ng-template pTemplate="output">
              <div>
                {{rowData.sinpjDatpj | date: 'dd/MM/yyyy'}}
              </div>
            </ng-template>
          </p-cellEditor>
        </td>

как это исправить?