Timepicker

Native time input styled with mat-form-field.

Basic Timepicker

Native HTML time input styled with Angular Material form-field.

Time

Code

Template

TypeScript

<mat-form-field appearance="outline" class="w-full max-w-xs">
  <mat-label>Time</mat-label>
  <input matInput type="time" [(ngModel)]="time" />
</mat-form-field>