title: How to set Angular UI Bootstrap Datepicker to set empty field by default?
body: <p>I'm  working  a date picker using Angular UI Bootstrap Datepicker. My  challenge is to  set the input field of the date picker to  empty field by  default.</p>
  
  <p>Let me show u the input  field i have used .</p>
  
  <pre><code>&lt;td&gt;
    &lt;div&gt;
      &lt;input class="form-control" type="text" datepicker-popup="dd/MM/yyyy" id='txtDate' ng-model="personalDetail.date" is-open="personalDetail.isOpen" close-text="Close" ng-click="open($event, personalDetail)" name="datefilter" value="" /&gt;
  
    &lt;/div&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>And my  script</p>
  
  <pre><code>  $scope.personalDetails.forEach(function(personalDetail){
      personalDetail.date = new Date(personalDetail.date);
    });
  
    $scope.open = function($event, personalDetail) {
      $event.preventDefault();
      $event.stopPropagation();
  
      personalDetail.isOpen = true;
    };
  </code></pre>
  
  <p>I'm using it  in the html  table with  ng-repeat . But  what  i need is to  show the date field empty untill i set the respective date. Please help  me from this. </p>