feat(calendar): Add metaKey keyboard shortcuts

Add apple+down/up keyboard shortcuts equivalent to PgUp and PgDn.

Author: Michael Chen

src/components/calendar/calendar.js

@@ -16,7 +16,6 @@
   // PRE RELEASE
   // TODO(jelbourn): read-only state.
   // TODO(jelbourn): Date "isComplete" logic
-  // TODO(jelbourn): Apple + up / down == PgDown and PgUp
   // TODO(jelbourn): Fix NVDA stealing key presses (IE) ???
 
   // POST RELEASE
@@ -325,8 +324,14 @@
     switch (event.which) {
       case keyCode.RIGHT_ARROW: return dateUtil.incrementDays(this.displayDate, 1);
       case keyCode.LEFT_ARROW: return dateUtil.incrementDays(this.displayDate, -1);
-      case keyCode.DOWN_ARROW: return dateUtil.incrementDays(this.displayDate, 7);
-      case keyCode.UP_ARROW: return dateUtil.incrementDays(this.displayDate, -7);
+      case keyCode.DOWN_ARROW:
+        return event.metaKey ?
+          dateUtil.incrementMonths(this.displayDate, 1) :
+          dateUtil.incrementDays(this.displayDate, 7);
+      case keyCode.UP_ARROW:
+        return event.metaKey ?
+          dateUtil.incrementMonths(this.displayDate, -1) :
+          dateUtil.incrementDays(this.displayDate, -7);
       case keyCode.PAGE_DOWN: return dateUtil.incrementMonths(this.displayDate, 1);
       case keyCode.PAGE_UP: return dateUtil.incrementMonths(this.displayDate, -1);
       case keyCode.HOME: return dateUtil.getFirstDateOfMonth(this.displayDate);

src/components/calendar/calendar.spec.js

@@ -82,6 +82,7 @@ describe('md-calendar', function() {
       which: keyCode,
       ctrlKey: mod.ctrl,
       altKey: mod.alt,
+      metaKey: mod.meta,
       shortKey: mod.shift
     });
   }
@@ -255,6 +256,14 @@ describe('md-calendar', function() {
       expect(document.activeElement.textContent).toBe('1');
       expect(getMonthLabelForDateCell(document.activeElement)).toBe('Mar 2014');
 
+      dispatchKeyEvent(keyCodes.UP_ARROW, {meta: true});
+      expect(document.activeElement.textContent).toBe('1');
+      expect(getMonthLabelForDateCell(document.activeElement)).toBe('Feb 2014');
+
+      dispatchKeyEvent(keyCodes.DOWN_ARROW, {meta: true});
+      expect(document.activeElement.textContent).toBe('1');
+      expect(getMonthLabelForDateCell(document.activeElement)).toBe('Mar 2014');
+
       dispatchKeyEvent(keyCodes.ENTER);
       applyDateChange();
       expect(dateUtil.isSameDay(controller.selectedDate, new Date(2014, MAR, 1))).toBe(true);