title: By default today's date active in daterangepicker
body: <p>How to remove today's date active in predefined range of date range picker. I have used <a href="http://www.daterangepicker.com/" rel="nofollow">http://www.daterangepicker.com/</a> daterangepicker as mentioned in this link</p>
  
  <h1>Script</h1>
  
  <pre><code>$('#reportrange').daterangepicker({
  
          ranges: {
              'Today': [moment(), moment()],
              'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
              'Last 7 Days': [moment().subtract(6, 'days'), moment()],
              'Last 30 Days': [moment().subtract(29, 'days'), moment()],
              'This Month': [moment().startOf('month'), moment().endOf('month')],
              'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
          }        
      }, function (start, end) {
          $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));       
      });
  
  view
  ======
  &lt;div id="datepicker"&gt;
  
  &lt;span id="datepicker-heading"&gt;Created On&lt;/span&gt;&lt;br /&gt;
  
  &lt;div id="reportrange" class="pull-right" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc;"&gt;
   &lt;i class="glyphicon glyphicon-calendar fa fa-calendar"&gt;&lt;/i&gt;&amp;nbsp;
    &lt;span&gt;Select Date&lt;/span&gt; &lt;b class="caret"&gt;&lt;/b&gt;
    &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>while page loading date range picker shows <strong>Select Date</strong> by default. But today is highlighted below</p>