title: Change dropdown select option depend on datepicker select
body: <p>I am trying to create a search that has as option to choose a day.</p>
  <p>I want to give that option with drop-down select and with a calendar as well.</p>
  <p>I am using Bootstrap and JQuery-UI datepicker.</p>
  <p>My code is working, both of options are working BUT</p>
  <p>I want when user select a day on calendar to change dynamically the date on dropdown as well.</p>
  <p>Here is my code:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="input-group col-lg-2 col-md-12 col-sm-12 search"&gt;
        &lt;label class="bd-form-label" style="float: left;width: 100%;"&gt;Dates&lt;/label&gt;
           &lt;select name="name" id="name_id" style="width: 80%;float: left;"&gt;
              &lt;option value=""&gt;Any Month&lt;/option&gt;
              &lt;option value="October 2017"&gt;October 2017&lt;/option&gt;
              &lt;option value="November 2017"&gt;November 2017&lt;/option&gt;
              &lt;option value="December 2017"&gt;December 2017&lt;/option&gt;
              &lt;option value="January 2018"&gt;January 2018&lt;/option&gt;
           &lt;/select&gt;
           &lt;input type="hidden" id="datepicker" class="hasDatepicker" value="16-Oct-2017" style=""&gt;
              &lt;img class="ui-datepicker-trigger" src="http://jqueryui.com/resources/demos/datepicker/images/calendar.gif" alt="..." title="..."&gt;
       &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>e.g If user click on calendar October 2019 select option to display Oct 2019, because I have my input as <code>&lt;input type=&quot;hidden&quot; /&gt;</code>.</p>
  <p>Is that possible or should I just prefer have one of these?</p>