angular strap datepicker

1<form name="datepickerForm" class="form-inline" role="form">
2  <!-- Basic example -->
3  <div class="form-group" ng-class="{'has-error': datepickerForm.date.$invalid}">
4    <label class="control-label"><i class="fa fa-calendar"></i> Date <small>(as date)</small></label>
5    <input type="text" class="form-control" ng-model="selectedDate" name="date" bs-datepicker>
6  </div>
7  <!-- Custom example -->
8  <div class="form-group" ng-class="{'has-error': datepickerForm.date2.$invalid}">
9    <label class="control-label"><i class="fa fa-calendar"></i> Date <small>(as number)</small></label>
10    <input type="text" class="form-control" ng-model="selectedDateAsNumber" data-date-format="yyyy-MM-dd" data-date-type="number" data-min-date="02/10/86" data-max-date="today" data-autoclose="1" name="date2" bs-datepicker>
11  </div>
12  <hr>
13  <!-- Date range example -->
14  <div class="form-group">
15    <label class="control-label"><i class="fa fa-calendar"></i> <i class="fa fa-arrows-h"></i> <i class="fa fa-calendar"></i> Date range <small>(dynamic)</small></label><br>
16    <div class="form-group col-xs-6">
17      <input type="text" class="form-control" ng-model="fromDate" data-max-date="{{untilDate}}" placeholder="From" bs-datepicker>
18    </div>
19    <div class="form-group col-xs-6">
20      <input type="text" class="form-control" ng-model="untilDate" data-min-date="{{fromDate}}" placeholder="Until" bs-datepicker>
21    </div>
22  </div>
23</form>
24

1ng add ngx-bootstrap --component datepicker

1<input [owlDateTime]="dt1" [owlDateTimeTrigger]="dt1" placeholder="Date Time">
2<owl-date-time #dt1></owl-date-time>