material timepicker example

1        
2            
3       <div class="12hr-example">
4            <input placeholder="12hr format (default settings)" aria-label="12hr format" [ngxTimepicker]="default" readonly>
5            <ngx-material-timepicker #default></ngx-material-timepicker>
6       </div>
7
8       <div class="24hr-example">
9            <input placeholder="24hr format" aria-label="24hr format" [ngxTimepicker]="fullTime" [format]="24"  readonly>
10            <ngx-material-timepicker #fullTime></ngx-material-timepicker>
11       </div>
12       <div class="default-time-example">
13            <input aria-label="default time" [ngxTimepicker]="defaultValue" [value]="'05:11 pm'"  readonly>
14            <ngx-material-timepicker #defaultValue></ngx-material-timepicker>
15       </div>
16
17        <div class="ngx-material-timepicker-example__form-group">
18            <input placeholder="Default time 11:11 pm" aria-label="default time"
19                [ngxTimepicker]="defaultTime" readonly>
20            <ngx-material-timepicker #defaultTime [defaultTime]="'11:11 pm'"></ngx-material-timepicker>
21        </div>
22
23       <div class="disabled-example">
24            <input placeholder="Disabled Time Picker" aria-label="disabled time picker" [ngxTimepicker]="disabled" [disabled]="true">
25            <ngx-material-timepicker #disabled></ngx-material-timepicker>
26       </div>
27    
28        
29