decade does not scroll

[alexfung888]

Bug, feature request, or proposal:

feature proposal

What is the expected behavior?

in decade view (showing 12 years), the left/right arrows should scroll the years.

What is the current behavior?

arrows ignored

What are the steps to reproduce?

run the demo at
https://material2-extra.firebaseapp.com/

Providing a Plunker (or similar) is the best way to get the team to see your issue.
Plunker template: http://plnkr.co/edit/o077B6uEiiIgkC0S06dd

What is the use-case or motivation for changing an existing behavior?

to move years faster.

Which versions of Angular, Material, OS, browsers are affected?

any

Is there anything else we should know?

suggested change:

  prevPage(): void {
    if (this._viewMode == 'month') {
      this.viewDate = momentConstructor(this.viewDate).subtract(1, 'M').toDate();
    } else if (this._viewMode == 'year') {
      this.viewDate = momentConstructor(this.viewDate).subtract(1, 'y').toDate();
    } else if (this._viewMode == 'decade') {
      this.viewDate = momentConstructor(this.viewDate).subtract(12, 'y').toDate();
    }
    this._buildCalendar();
  }

  nextPage(): void {
    if (this._viewMode == 'month') {
      this.viewDate = momentConstructor(this.viewDate).add(1, 'M').toDate();
    } else if (this._viewMode == 'year') {
      this.viewDate = momentConstructor(this.viewDate).add(1, 'y').toDate();
    } else if (this._viewMode == 'decade') {
      this.viewDate = momentConstructor(this.viewDate).add(12, 'y').toDate();
    }
    this._buildCalendar();
  }