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;
}
xxxxxxxxxx
<input mdc-datetime-picker="" date="true" time="true" type="text" id="datetime"
placeholder="Date" show-todays-date="" minutes="true" min-date="date" show-icon="true"
ng-model="dateTime" class=" dtp-no-msclear dtp-input md-input">
xxxxxxxxxx
<input matInput [matDatepicker]="picker">
<mat-hint>MM/DD/YYYY</mat-hint>
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>