xxxxxxxxxx
import { Component } from '@angular/core';
@Component({
selector: 'app-timepicker',
template: `
<mat-form-field>
<input matInput [matTimepicker]="timepicker" placeholder="Select time" [(ngModel)]="selectedTime">
<mat-icon matSuffix (click)="timepicker.open()">access_time</mat-icon>
<mat-timepicker #timepicker></mat-timepicker>
</mat-form-field>
`
})
export class TimepickerComponent {
selectedTime: Date;
}