title: Angularjs How to clear angularjs-bootstrap-datepicker
body: <p>On the click of reset button I'm trying to clear all my form fields but I'm unable to clear angular-bootstrap-datepicker.This is my code</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;label class="col-sm-3 control-label"&gt;Strting, Ending Date&lt;/label&gt;
      &lt;div class="col-sm-7"&gt;
          &lt;div class="input-group" style="width: 45%;float: left;"&gt;
              &lt;input class="fa fa-calendar" id="dpStartDate" name="startdate" type="text" data-ng-datepicker data-ng-options="datepickerOptions" ng-model="job.StartDate"&gt;
          &lt;/div&gt;
          &lt;div class="input-group" style="width: 45%;float: right;"&gt;
              &lt;input class="form-control" id="dpEndDate" name="enddate" type="text" data-ng-datepicker data-ng-options="datepickerOptions" ng-model="job.EndDate"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;button class="btn" ng-click="clearFields()" style="margin-left: 8px"&gt;Reset&lt;/button&gt;
  
  $scope.datepickerOptions = {
                              format: 'mm/dd/yyyy',
                              language: 'en',
                              autoclose: true,
                              weekStart: 0
                          }
  </code></pre>
  
  <p>I have made number of unsuccessful attempts like</p>
  
  <pre><code>$scope.job = {},(all fields other than two datepickers become blank)
  $scope.job.StartDate = ''
  $scope.job.StartDate = null
  </code></pre>