Calendar Picker: Make month popup cells non-focusable.

Source/web/resources/calendarPicker.js

 "use strict";
 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
@@ skipping 2128 matching lines @@
     /**
      * @type {!Array} Array of the 12 month button elements.
      * @const
      */
     this.monthButtons = [];
     var monthChooserElement = createElement("div", YearListCell.ClassNameMonthChooser);
     for (var r = 0; r < YearListCell.ButtonRows; ++r) {
         var buttonsRow = createElement("div", YearListCell.ClassNameMonthButtonsRow);
         for (var c = 0; c < YearListCell.ButtonColumns; ++c) {
             var month = c + r * YearListCell.ButtonColumns;
-            var button = createElement("button", YearListCell.ClassNameMonthButton, shortMonthLabels[month]);
+            var button = createElement("div", YearListCell.ClassNameMonthButton, shortMonthLabels[month]);
             button.dataset.month = month;
             buttonsRow.appendChild(button);
             this.monthButtons.push(button);
         }
         monthChooserElement.appendChild(buttonsRow);
     }
     this.element.appendChild(monthChooserElement);
 
     /**
      * @type {!boolean}
@@ skipping 242 matching lines @@
 YearListView.prototype.onClick = function(event) {
     var oldSelectedRow = this.selectedRow;
     ListView.prototype.onClick.call(this, event);
     var year = this.selectedRow + 1;
     if (this.selectedRow !== oldSelectedRow) {
         var month = this.highlightedMonth ? this.highlightedMonth.month : 0;
         this.dispatchEvent(YearListView.EventTypeYearListViewDidSelectMonth, this, new Month(year, month));
         this.scrollView.scrollTo(this.selectedRow * YearListCell.Height, true);
     } else {
         var monthButton = enclosingNodeOrSelfWithClass(event.target, YearListCell.ClassNameMonthButton);
-        if (!monthButton)
+        if (!monthButton || monthButton.getAttribute("aria-disabled") == "true")
             return;
         var month = parseInt(monthButton.dataset.month, 10);
         this.dispatchEvent(YearListView.EventTypeYearListViewDidSelectMonth, this, new Month(year, month));
         this.hide();
     }
 };
 
 /**
  * @param {!number} scrollOffset
  * @return {!number}
@@ skipping 50 matching lines @@
  */
 YearListView.prototype.prepareNewCell = function(row) {
     var cell = YearListCell._recycleBin.pop() || new YearListCell(global.params.shortMonthLabels);
     cell.reset(row);
     cell.setSelected(this.selectedRow === row);
     if (this.highlightedMonth && row === this.highlightedMonth.year - 1) {
         cell.monthButtons[this.highlightedMonth.month].classList.add(YearListCell.ClassNameHighlighted);
     }
     for (var i = 0; i < cell.monthButtons.length; ++i) {
         var month = new Month(row + 1, i);
-        cell.monthButtons[i].disabled = this._minimumMonth > month || this._maximumMonth < month;
+        cell.monthButtons[i].setAttribute("aria-disabled", this._minimumMonth > month || this._maximumMonth < month ? "true" : "false");
     }
     var animator = this._runningAnimators[row];
     if (animator)
         cell.setHeight(animator.currentValue);
     else if (row === this.selectedRow)
         cell.setHeight(YearListCell.SelectedHeight);
     else
         cell.setHeight(YearListCell.Height);
     return cell;
 };
@@ skipping 85 matching lines @@
             selectedCell.setHeight(YearListCell.SelectedHeight);
         }
         var month = this.highlightedMonth ? this.highlightedMonth.month : 0;
         this.highlightMonth(new Month(this.selectedRow + 1, month));
     }
     this.setNeedsUpdateCells(true);
 };
 
 /**
  * @param {!Month} month
- * @return {?HTMLButtonElement}
+ * @return {?HTMLDivElement}
  */
 YearListView.prototype.buttonForMonth = function(month) {
     if (!month)
         return null;
     var row = month.year - 1;
     var cell = this.cellAtRow(row);
     if (!cell)
         return null;
     return cell.monthButtons[month.month];
 };
@@ skipping 1466 matching lines @@
         event.stopPropagation();
         event.preventDefault();
     }
 };
 
 if (window.dialogArguments) {
     initialize(dialogArguments);
 } else {
     window.addEventListener("message", handleMessage, false);
 }