ui-date-rangepicker.component.html

<div class="form-group">
  <label [attr.for]="id" [innerHtml]="label"></label>
  <div class="input-group" daterangepicker (selected)="selected($event, mainInput)">
    <input [id]="id" [name]="id"
           [placeholder]="placeholder"
           [formControl]="control.get(itemName)"
           class="form-control uneditable-input input-layout"/>
    <a class="input-group-btn btn btn-icon btn-sm">
      <i class="glyphicon glyphicon-calendar"></i>
    </a>
  </div>
</div>