feat(datepicker): support HTML5 month input type

Closes #3499

Author: chrisirhc

src/datepicker/datepicker.js

@@ -449,8 +449,8 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.dateparser', 'ui.bootst
   datepickerPopup: 'yyyy-MM-dd',
   html5Types: {
     date: 'yyyy-MM-dd',
-    'datetime-local': 'yyyy-MM-ddTHH:mm:ss.sss'
-    // TODO: Add other formats/type support
+    'datetime-local': 'yyyy-MM-ddTHH:mm:ss.sss',
+    'month': 'yyyy-MM'
   },
   currentText: 'Today',
   clearText: 'Clear',
@@ -526,6 +526,13 @@ function ($compile, $parse, $document, $position, dateFilter, dateParser, datepi
 
       // datepicker element
       var datepickerEl = angular.element(popupEl.children()[0]);
+      if (isHtml5DateInput) {
+        if (attrs.type == 'month') {
+          datepickerEl.attr('datepicker-mode', '"month"');
+          datepickerEl.attr('min-mode', 'month');
+        }
+      }
+
       if ( attrs.datepickerOptions ) {
         var options = scope.$parent.$eval(attrs.datepickerOptions);
         if(options.initDate) {

src/datepicker/test/datepicker.spec.js

@@ -1462,6 +1462,25 @@ describe('datepicker directive', function () {
           expect(selectedElementIndex()).toEqual( 10 );
         });
 
+        it('works as month', function() {
+          setupInputWithType('month');
+          expect(inputEl.val()).toBe('2010-09');
+
+          changeInputValueTo(inputEl, '1980-03');
+
+          expect($rootScope.date.getFullYear()).toEqual(1980);
+          expect($rootScope.date.getMonth()).toEqual(2);
+          expect($rootScope.date.getDate()).toEqual(30);
+
+          expect(getOptions()).toEqual([
+            ['January', 'February', 'March'],
+            ['April', 'May', 'June'],
+            ['July', 'August', 'September'],
+            ['October', 'November', 'December']
+          ]);
+          expect(selectedElementIndex()).toEqual( 2 );
+        });
+
         function setupInputWithType(type) {
           var wrapElement = $compile('<div><input type="' +
             type + '" ng-model="date" datepicker-popup><div>')($rootScope);