Angular Bootstrap time picker MDB Pro component
Create
<time-picker>
tag with the special code inside, like it's shown below, to use 12 or 24 hours time
picker.
Examples
<mdb-time-picker [buttonLabel]="'Done'" [twelvehour]="true" [darktheme]="false" [placeholder]="'Selected time'" [label]="'Light
version, 12hours'" [showClock]="true" [ngModel]="lightClock"></mdb-time-picker>
<mdb-time-picker [buttonLabel]="'Done'" [twelvehour]="false" [darktheme]="true"
[placeholder]="'Selected time'" [label]="'Dark version, 24hours'" [ngModel]="darkClock"></mdb-time-picker>
Options
You can declare the following options for your time-picker.
Option | Description |
---|---|
twelvehour: Boolean | Pick 12 or 24 hours clock. |
darktheme: Boolean | Choose some placeholder for your input. |
label: String | Choose some label for your input. |
placeholder: String | Choose some placeholder for your input. |
showClock: Boolean | Open/hide your clock. |
buttonLabel: String | Place your's custom text that will be used as label for 'Done' button. |