title: AngularJS model filter with date range filter
body: <p>I have in the view:</p>
  
  <pre><code>&lt;tr dir-paginate="post in posts |orderBy:propertyName:reverse | filter: searchPost | itemsPerPage: pageSize"&gt;
  &lt;td&gt;
          {{post.title}}
  &lt;/td&gt;
  &lt;td&gt;
          {{post.content}}
  &lt;/td&gt;
  &lt;td&gt;
          {{post.dateOfCreation | date:"medium"}}
  &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>I also have filtering, which works on all the fields:</p>
  
  <pre><code>     &lt;div&gt;
          &lt;input type="text" placeholder="Find by title..." ng-model="searchPost.title" /&gt;
      &lt;div&gt;
      &lt;div&gt;
          &lt;input type="text" placeholder="Find by content..." ng-model="searchPost.content" /&gt;
      &lt;/div&gt;
  
      &lt;div&gt;
          &lt;input type="text" placeholder="Find by date..." ng-model="searchPost.dateOfCreation" /&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>However, the date is filtered only when I type the date in format: yyyy-mm-dd in the textbox, so basically it works for only 1 date. My goal is to make possible for user to choose date range and show these values, however, I cannot make it work together with my searchPost filter...
  I am using angular-datepicker:</p>
  
  <pre><code>&lt;input date-range-picker class="form-control date-picker" type="text" ng-model="someDate" options = "{locale: {format: 'YYYY-MM-DD'}}"/&gt;
  
     $scope.someDate = { startDate: null, endDate: null };
  </code></pre>
  
  <p>Datepicker which I am using is: <a href="https://github.com/fragaria/angular-daterangepicker" rel="nofollow noreferrer">Angular Daterangepicker</a></p>