@angular/material 11.2.8 → 11.2.12

package/bundles/material-datepicker.umd.js

@@ -707,8 +707,9 @@
          * @param source Object that triggered the selection change.
          */
         MatDateSelectionModel.prototype.updateSelection = function (value, source) {
+            var oldValue = this.selection;
             this.selection = value;
-            this._selectionChanged.next({ selection: value, source: source });
+            this._selectionChanged.next({ selection: value, source: source, oldValue: oldValue });
         };
         MatDateSelectionModel.prototype.ngOnDestroy = function () {
             this._selectionChanged.complete();
@@ -3462,8 +3463,8 @@
         MatDateRangeInputPartBase.prototype._parentDisabled = function () {
             return this._rangeInput._groupDisabled;
         };
-        MatDateRangeInputPartBase.prototype._shouldHandleChangeEvent = function (_a) {
-            var source = _a.source;
+        MatDateRangeInputPartBase.prototype._shouldHandleChangeEvent = function (_b) {
+            var source = _b.source;
             return source !== this._rangeInput._startInput && source !== this._rangeInput._endInput;
         };
         MatDateRangeInputPartBase.prototype._assignValueProgrammatically = function (value) {
@@ -3531,6 +3532,17 @@
         MatStartDate.prototype._getValueFromModel = function (modelValue) {
             return modelValue.start;
         };
+        MatStartDate.prototype._shouldHandleChangeEvent = function (change) {
+            var _a;
+            if (!_super.prototype._shouldHandleChangeEvent.call(this, change)) {
+                return false;
+            }
+            else {
+                return !((_a = change.oldValue) === null || _a === void 0 ? void 0 : _a.start) ? !!change.selection.start :
+                    !change.selection.start ||
+                        !!this._dateAdapter.compareDate(change.oldValue.start, change.selection.start);
+            }
+        };
         MatStartDate.prototype._assignValueToModel = function (value) {
             if (this._model) {
                 var range = new DateRange(value, this._model.selection.end);
@@ -3628,6 +3640,17 @@
         MatEndDate.prototype._getValueFromModel = function (modelValue) {
             return modelValue.end;
         };
+        MatEndDate.prototype._shouldHandleChangeEvent = function (change) {
+            var _a;
+            if (!_super.prototype._shouldHandleChangeEvent.call(this, change)) {
+                return false;
+            }
+            else {
+                return !((_a = change.oldValue) === null || _a === void 0 ? void 0 : _a.end) ? !!change.selection.end :
+                    !change.selection.end ||
+                        !!this._dateAdapter.compareDate(change.oldValue.end, change.selection.end);
+            }
+        };
         MatEndDate.prototype._assignValueToModel = function (value) {
             if (this._model) {
                 var range = new DateRange(this._model.selection.start, value);
@@ -3715,6 +3738,11 @@
             if (!_dateAdapter && (typeof ngDevMode === 'undefined' || ngDevMode)) {
                 throw createMissingDateImplError('DateAdapter');
             }
+            // The datepicker module can be used both with MDC and non-MDC form fields. We have
+            // to conditionally add the MDC input class so that the range picker looks correctly.
+            if (_formField === null || _formField === void 0 ? void 0 : _formField._elementRef.nativeElement.classList.contains('mat-mdc-form-field')) {
+                _elementRef.nativeElement.classList.add('mat-mdc-input-element');
+            }
             // TODO(crisbeto): remove `as any` after #18206 lands.
             this.ngControl = control;
         }
@@ -3943,13 +3971,19 @@
         };
         /** Whether the separate text should be hidden. */
         MatDateRangeInput.prototype._shouldHideSeparator = function () {
-            return (!this._formField || this._formField._hideControlPlaceholder()) && this.empty;
+            return (!this._formField || (this._formField.getLabelId() &&
+                !this._formField._shouldLabelFloat())) && this.empty;
         };
         /** Gets the value for the `aria-labelledby` attribute of the inputs. */
         MatDateRangeInput.prototype._getAriaLabelledby = function () {
             var formField = this._formField;
             return formField && formField._hasFloatingLabel() ? formField._labelId : null;
         };
+        /** Updates the focused state of the range input. */
+        MatDateRangeInput.prototype._updateFocus = function (origin) {
+            this.focused = origin !== null;
+            this.stateChanges.next();
+        };
         /** Re-runs the validators on the start/end inputs. */
         MatDateRangeInput.prototype._revalidate = function () {
             if (this._startInput) {
@@ -3973,7 +4007,7 @@
     MatDateRangeInput.decorators = [
         { type: i0.Component, args: [{
                     selector: 'mat-date-range-input',
-                    template: "<div\n  class=\"mat-date-range-input-container\"\n  cdkMonitorSubtreeFocus\n  (cdkFocusChange)=\"focused = $event !== null\">\n  <div class=\"mat-date-range-input-start-wrapper\">\n    <ng-content select=\"input[matStartDate]\"></ng-content>\n    <span\n      class=\"mat-date-range-input-mirror\"\n      aria-hidden=\"true\">{{_getInputMirrorValue()}}</span>\n  </div>\n\n  <span\n    class=\"mat-date-range-input-separator\"\n    [class.mat-date-range-input-separator-hidden]=\"_shouldHideSeparator()\">{{separator}}</span>\n\n  <div class=\"mat-date-range-input-end-wrapper\">\n    <ng-content select=\"input[matEndDate]\"></ng-content>\n  </div>\n</div>\n\n",
+                    template: "<div\n  class=\"mat-date-range-input-container\"\n  cdkMonitorSubtreeFocus\n  (cdkFocusChange)=\"_updateFocus($event)\">\n  <div class=\"mat-date-range-input-start-wrapper\">\n    <ng-content select=\"input[matStartDate]\"></ng-content>\n    <span\n      class=\"mat-date-range-input-mirror\"\n      aria-hidden=\"true\">{{_getInputMirrorValue()}}</span>\n  </div>\n\n  <span\n    class=\"mat-date-range-input-separator\"\n    [class.mat-date-range-input-separator-hidden]=\"_shouldHideSeparator()\">{{separator}}</span>\n\n  <div class=\"mat-date-range-input-end-wrapper\">\n    <ng-content select=\"input[matEndDate]\"></ng-content>\n  </div>\n</div>\n\n",
                     exportAs: 'matDateRangeInput',
                     host: {
                         'class': 'mat-date-range-input',