@angular/material 13.3.6 → 13.3.9

package/fesm2020/datepicker.mjs

@@ -2368,6 +2368,21 @@ class MatDatepickerBase {
             }
             this.close();
         });
+        // The `preventDefault` call happens inside the calendar as well, however focus moves into
+        // it inside a timeout which can give browsers a chance to fire off a keyboard event in-between
+        // that can scroll the page (see #24969). Always block default actions of arrow keys for the
+        // entire overlay so the page doesn't get scrolled by accident.
+        overlayRef.keydownEvents().subscribe(event => {
+            const keyCode = event.keyCode;
+            if (keyCode === UP_ARROW ||
+                keyCode === DOWN_ARROW ||
+                keyCode === LEFT_ARROW ||
+                keyCode === RIGHT_ARROW ||
+                keyCode === PAGE_UP ||
+                keyCode === PAGE_DOWN) {
+                event.preventDefault();
+            }
+        });
         this._componentRef = overlayRef.attach(portal);
         this._forwardContentValues(this._componentRef.instance);
         // Update the position once the calendar has rendered. Only relevant in dropdown mode.
@@ -2740,9 +2755,8 @@ class MatDatepickerInputBase {
     }
     /** Formats a value and sets it on the input element. */
     _formatValue(value) {
-        this._elementRef.nativeElement.value = value
-            ? this._dateAdapter.format(value, this._dateFormats.display.dateInput)
-            : '';
+        this._elementRef.nativeElement.value =
+            value != null ? this._dateAdapter.format(value, this._dateFormats.display.dateInput) : '';
     }
     /** Assigns a value to the model. */
     _assignValue(value) {