title: Datepicker value assign to a dropdown
body: <p>I'm developing my app and what I want to do is as I select a date on the calendar, the selected date specifically the month, the date and the year will be the the dropdowns' value. Each attribute for example a month is for one dropdown the the next is for anther dropdown</p>
  
  <p>here's my code for the select</p>
  
  <pre><code>  &lt;select ng-disabled="isCheckboxSelected('1')" ng-model="ngModel"&gt;
         &lt;option ng-value=" {{ngModel | date: 'MM'}}"
        &lt;/option&gt;
    &lt;/select&gt;
  </code></pre>
  
  <p>my datepicker is</p>
  
  <pre><code>&lt;input
      type="date"
      ng-disabled="isCheckboxSelected('1')"
      id="test"
      name="date"
      ng-model="ngModel"
      popup="d MMM yyyy"
      options="dateOptions"
       ng-click="Opened=true"
       ng-change="saveNewDate"
       custom-datepicker/&gt;
  </code></pre>
  
  <p>Im using AngularJS</p>