timepicker-angular v0.1.12
TimepickerAngular
OR
Getting started
Install timepicker through npm:
npm i timepicker-angular
Internationalization
Next import the timepicker module into your app's module:
import {NgModule} from '@angular/core';
import {TimepickerAngular} from 'timepicker-angular';
@NgModule({ imports: TimepickerAngular })
export class MyModule {}
Finally connect the timepicker to an input via a template property:
Properties
Timepicker properties are not type selectable
Name | Description |
---|---|
hoursTitle (string) | Title for hours |
minutesTitle (string) | Title for minutes |
right (boolean) | Position right |
left (boolean) | Position left |
------------------------ | ------------------- |
<timepicker-angular hoursTitle='Hours' minutesTitle='Mins' right="true" (onSelectedHour)="selectedHour($event)" (onSelectedMin)="selectedMin($event)">
onSelectedHour returns the hours and onSelectedMin returns the minutes
or
<timepicker-angular hoursTitile='Hours' minutesTitile='Mins' right="true" (onSelectedTime)="selectedTime($event)">
onSelectedTime returns the full time
Name | Description |
---|---|
select (boolean) | false - off, true - on |
stepMin (string) | Step for minutes (15, 30), default 5 |
stepHour (string) | Step for hours (08-18), default all hours |
------------------------ | ------------------- |
<timepicker-angular select='true' stepHour='08-12' stepMin='15' (onSelectedTime)="selectedTime($event)>
onSelectedTime returns the full time