fix:- select date-time from keyboard

projects/core/src/datetimepicker/calendar.ts

@@ -65,6 +65,8 @@ export class MatDatetimepickerCalendar<D> implements AfterContentInit, OnDestroy
   @Input() ariaPrevYearLabel = "Previous year";
   @Input() ariaNextMultiYearLabel = "Next year range";
   @Input() ariaPrevMultiYearLabel = "Previous year range";
+  /** Prevent user to select same date time */
+  @Input() preventSameDateTimeSelection = false;
   /** Emits when the currently selected date changes. */
   @Output() selectedChange: EventEmitter<D> = new EventEmitter<D>();
   /** Emits when the view has been changed. **/
@@ -297,7 +299,7 @@ export class MatDatetimepickerCalendar<D> implements AfterContentInit, OnDestroy
   /** Handles date selection in the month view. */
   _dateSelected(date: D): void {
     if (this.type === "date") {
-      if (!this._adapter.sameDate(date, this.selected)) {
+      if (!this._adapter.sameDate(date, this.selected) || !this.preventSameDateTimeSelection) {
         this.selectedChange.emit(date);
       }
     } else {
@@ -309,7 +311,7 @@ export class MatDatetimepickerCalendar<D> implements AfterContentInit, OnDestroy
   /** Handles month selection in the year view. */
   _monthSelected(month: D): void {
     if (this.type === "month") {
-      if (!this._adapter.sameMonthAndYear(month, this.selected)) {
+      if (!this._adapter.sameMonthAndYear(month, this.selected) || !this.preventSameDateTimeSelection) {
         this.selectedChange.emit(this._adapter.getFirstDateOfMonth(month));
       }
     } else {
@@ -322,7 +324,7 @@ export class MatDatetimepickerCalendar<D> implements AfterContentInit, OnDestroy
   /** Handles year selection in the multi year view. */
   _yearSelected(year: D): void {
     if (this.type === "year") {
-      if (!this._adapter.sameYear(year, this.selected)) {
+      if (!this._adapter.sameYear(year, this.selected)  || !this.preventSameDateTimeSelection) {
         const normalizedDate = this._adapter.createDatetime(this._adapter.getYear(year), 0, 1, 0, 0);
         this.selectedChange.emit(normalizedDate);
       }
@@ -337,7 +339,7 @@ export class MatDatetimepickerCalendar<D> implements AfterContentInit, OnDestroy
       this._activeDate = this._updateDate(date);
       this._clockView = "minute";
     } else {
-      if (!this._adapter.sameDatetime(date, this.selected)) {
+      if (!this._adapter.sameDatetime(date, this.selected) || !this.preventSameDateTimeSelection) {
         this.selectedChange.emit(date);
       }
     }

projects/core/src/datetimepicker/datetimepicker-content.html

@@ -1,9 +1,11 @@
-<mat-datetimepicker-calendar (_userSelection)="datetimepicker.close()" (selectedChange)="datetimepicker._select($event)"
+<mat-datetimepicker-calendar (_userSelection)="datetimepicker.close()"
+                             (selectedChange)="onSelectionChange($event)"
                              (viewChanged)="datetimepicker._viewChanged($event)"
                              [ariaNextMonthLabel]="datetimepicker.ariaNextMonthLabel"
                              [ariaNextYearLabel]="datetimepicker.ariaNextYearLabel"
                              [ariaPrevMonthLabel]="datetimepicker.ariaPrevMonthLabel"
                              [ariaPrevYearLabel]="datetimepicker.ariaPrevYearLabel"
+                             [preventSameDateTimeSelection]="datetimepicker.preventSameDateTimeSelection"
                              [attr.mode]="datetimepicker.mode"
                              [dateFilter]="datetimepicker._dateFilter"
                              [id]="datetimepicker.id"

projects/core/src/datetimepicker/datetimepicker.ts

@@ -64,6 +64,11 @@ export class MatDatetimepickerContent<D> implements AfterContentInit {
     this._calendar._focusActiveCell();
   }
 
+  onSelectionChange(date: D) {
+    this.datetimepicker._select(date);
+    this.datetimepicker.close();
+  }
+
   /**
    * Handles keydown event on datepicker content.
    * @param event The event.
@@ -99,6 +104,8 @@ export class MatDatetimepicker<D> implements OnDestroy {
   @Input() ariaPrevMonthLabel = "Previous month";
   @Input() ariaNextYearLabel = "Next year";
   @Input() ariaPrevYearLabel = "Previous year";
+  /** Prevent user to select same date time */
+  @Input() preventSameDateTimeSelection = false;
   /**
    * Emits new selected date when selected date changes.
    * @deprecated Switch to the `dateChange` and `dateInput` binding on the input element.

src/app/date.component.html

@@ -85,4 +85,11 @@ <h2>Date types with: {{ type }}</h2>
     <mat-datetimepicker #touch mode="portrait" openOnFocus="true" timeInterval="5" touchUi="true"
                         type="datetime"></mat-datetimepicker>
   </mat-form-field>
+  <mat-form-field>
+    <mat-placeholder>Prevent same date time</mat-placeholder>
+    <input [matDatetimepicker]="preventSame" formControlName="preventsame" matInput required>
+    <mat-datetimepicker-toggle [for]="preventSame" matSuffix></mat-datetimepicker-toggle>
+    <mat-datetimepicker #preventSame openOnFocus="true" timeInterval="5"
+                        preventSameDateTimeSelection="true" type="datetime"></mat-datetimepicker>
+  </mat-form-field>
 </form>

src/app/moment/moment.component.ts

@@ -87,7 +87,8 @@ export class MomentDatetimeComponent {
       year: [null, Validators.required],
       mintest: [this.today, Validators.required],
       filtertest: [this.today, Validators.required],
-      touch: [null, Validators.required]
+      touch: [null, Validators.required],
+      preventsame: [new Date("2020-11-19T17:00:00.000Z"), Validators.required]
     });
   }
 }

src/app/native/native.component.ts

@@ -71,7 +71,8 @@ export class NativeDatetimeComponent {
       year: [null, Validators.required],
       mintest: [this.today, Validators.required],
       filtertest: [this.today, Validators.required],
-      touch: [null, Validators.required]
+      touch: [null, Validators.required],
+      preventsame: [new Date("2020-11-19T17:00:00.000Z"), Validators.required]
     });
   }
 }