Currently, the user can navigate today's date using the HOME button even though it's not in the user selectable range. This change restricts the user from doing so and aligns keyboard navigation behavior on unselectable date range with arrows keys and Page Up/Down key. See bug b/293322186 for more information.

Closure Team · copybara-github · commit f94055af5ac4 · 2023-07-27T13:11:39.000-07:00
RELNOTES: Restrict the user from navigating to unselectable dates using the HOME button.
PiperOrigin-RevId: 551619364
Change-Id: I5924d32fca81b4a1b4b700399371ee03a4b5225f
diff --git a/closure/goog/ui/datepicker.js b/closure/goog/ui/datepicker.js
@@ -739,7 +739,10 @@ goog.ui.DatePicker.prototype.nextYear = function() {
  */
 goog.ui.DatePicker.prototype.selectToday = function() {
   'use strict';
-  this.setDate(new goog.date.Date());
+  const today = new goog.date.Date();
+  if (this.isUserSelectableDate_(today)) {
+    this.setDate(today);
+  }
 };
 
 
diff --git a/closure/goog/ui/datepicker_test.js b/closure/goog/ui/datepicker_test.js
@@ -581,6 +581,27 @@ testSuite({
     assertEquals(picker.elTable_[2 + 1][3], document.activeElement);
   },
 
+  /** @suppress {visibility} suppression added to enable type checking */
+  testKeyboardNavigationOnUnselectableRange_homeKey() {
+    // This is a Sunday, so it's the first cell in the grid.
+    picker = new DatePicker(new Date(2017, 9, 1));
+    // Make the first column be Sunday, not week numbers
+    picker.setShowWeekNum(false);
+    picker.render(dom.getElement('sandbox'));
+    const selectEvents = recordFunction();
+    const changeEvents = recordFunction();
+    events.listen(picker, DatePicker.Events.SELECT, selectEvents);
+    events.listen(picker, DatePicker.Events.CHANGE, changeEvents);
+    picker.setUserSelectableDateRange(
+        new DateRange(new DateDate(200, 1, 1), new DateDate(300, 1, 1)));
+
+    testingEvents.fireNonAsciiKeySequence(
+        picker.getElement(), KeyCodes.HOME, KeyCodes.HOME);
+
+    changeEvents.assertCallCount(0);
+    selectEvents.assertCallCount(0);
+  },
+
   testDayGridHasNonEmptyAriaLabels() {
     picker = new DatePicker(new Date(2017, 8, 9));
     picker.render(dom.getElement('sandbox'));
