The Timepicker component is a form control for choosing a time of day. Use input[ngsTimepicker] inside one ngs-form-field, connect it to ngs-timepicker, and add ngs-timepicker-toggle as a suffix button when users should open the dropdown from an icon.
The ngs-timepicker component itself.
| Prop | Type | Default |
|---|---|---|
disabled Whether the timepicker is disabled. | boolean | false |
interval The interval between time options in minutes. | number | 30 |
| Event | Description |
|---|---|
| opened | Event emitted when the timepicker panel is opened. |
| closed | Event emitted when the timepicker panel is closed. |
Directive applied to an input element to connect it with a ngs-timepicker.
| Prop | Type | Default |
|---|---|---|
ngsTimepicker The timepicker instance to connect with the input. | Timepicker | – |
disabled Whether the input is disabled. | boolean | false |
min The minimum selectable time. Accepts a Date or a time string. | Date | string | – |
max The maximum selectable time. Accepts a Date or a time string. | Date | string | – |
openOnClick Whether focusing or clicking the input opens the timepicker panel. | boolean | true |
Using this component in production?
NgStarter includes source code, admin dashboard templates, and commercial support.