title: Jquery Datepicker for month and year only
body: <p>I am working on this datepicker. My code works fine separately but when I use it with the whole application it shows the empty textbox next to the Date Label. I have created a <a href="https://plnkr.co/edit/O0WoQukQi2GDDwCrdDJu?p=preview" rel="nofollow noreferrer">plunkr</a>. Need help.</p>
  
  <p>As my whole code is huge please <a href="https://plnkr.co/edit/O0WoQukQi2GDDwCrdDJu?p=preview" rel="nofollow noreferrer">check here</a>. Here is just one file from my code datepicker.js :</p>
  
  <pre><code>$(function () {
      $('.date-picker').datepicker({
          changeMonth: true,
          changeYear: true,
          showButtonPanel: true,
          dateFormat: 'MM yy',
          onClose: function (dateText, inst) {
              var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
              var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
              $(this).datepicker('setDate', new Date(year, month, 1));
          }
      });
  });
  </code></pre>