How to show time along with date using Angular Material Date Picker?

Question

I have added angular material date picker control in my angular project. I have to show the time along with the date. Can anyone let me know how can I show time along with the date using angular material date picker control?

Thanks

Answer 1

You can build a custom component using the DateTime Component of the Angular MateriaL.

<h1 class="mat-title">Angular Material DatetimePicker</h1>
<form novalidate [formGroup]="form">
    <mat-form-field>
        <mat-placeholder>Start DateTime</mat-placeholder>
        <input matInput formControlName="startDate" [matDatetimepicker]="dts" required autocomplete="false">
        <mat-datetimepicker-toggle [for]="dts" matSuffix></mat-datetimepicker-toggle>
        <mat-datetimepicker #dts type="datetime" openOnFocus="true" timeInterval="5"></mat-datetimepicker>
    </mat-form-field>
</form>

STACKBLITZ DEMO