title: Bootstrap 3 DatePicker - How to reset selected date without resetting the picker configuration?
body: <p>I'm trying to reset the selected date on button click, but so far I'm only able to clear the <code>input</code> element, without the actual date on the picker. The following code resets everything, including the configuration and the date, so its obviously not what I need.</p>
  
  <pre><code>$('#datepicker').datepicker('update',''); //resets everything
  </code></pre>
  
  <p>To elaborate: The user can only select a date 7 days from the current day. There's also a button that enables the user to clear the selected date from the picker, and select a new one. Right now, the clearing function can only clear the input element from the picker (but not the actual date in the picker element), or to clear the selection WITH the picker configuration (ex. the startDate: "+7d". I want to clear only the selected date, without resetting everything.</p>
  
  <p><a href="http://jsfiddle.net/4L6fhjLf/" rel="noreferrer">jsfiddle</a></p>
  
  <p>This is what I came up with so far:
  <br>HTML:</p>
  
  <pre><code>&lt;div id="myDatepicker" class="input-group date"&gt;
     &lt;input type="text" class="form-control" id="datepick"&gt;
     &lt;span class="input-group-addon"&gt;
     &lt;i class="fa fa-calendar"&gt;&lt;/i&gt;
     &lt;/span&gt;
     &lt;a href="#" id="duration_tag"&gt;&lt;/a&gt;
  &lt;/div&gt;
  &lt;button type="button" id="clear"&gt;clear&lt;/button&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$(document).ready(function() {
  
  $("#clear").click(function(){
      $('#datepick').val(" ").datepicker({startDate: "+7d"});                  
  });
  
  $('#myDatepicker').datepicker({
                      startDate: "+7d",
                  });
  
  $('#myDatepicker').on('changeDate', function(e){
       $(this).datepicker('hide');
  });
  
  });
  </code></pre>