@power4-its/timepicker-angular v0.0.5

TimepickerAngular

OR

Getting started

Install timepicker through npm:

npm i @power4-its/timepicker-angular

Internationalization

Next import the timepicker module into your app's module:

import {NgModule} from '@angular/core';
import { TimepickerAngular } from '@power4-its/timepicker-angular';

@NgModule({
  imports: [TimepickerAngular]
})

export class MyModule {}

Finally connect the timepicker to an input via a template property:

<timepicker-angular></timepicker-angular>

Properties

Timepicker properties are not type selectable

<timepicker-angular hoursTitle='Hours' minutesTitle='Mins' [right]="true" 
    (onSelectedHour)="selectedHour($event)" (onSelectedMin)="selectedMin($event)">
</timepicker-angular>

onSelectedHour returns the hours and onSelectedMin returns the minutes

or

<timepicker-angular hoursTitile='Hours' minutesTitile='Mins' [right]="true"
    (onSelectedTime)="selectedTime($event)">
</timepicker-angular>

onSelectedTime returns the full time

<timepicker-angular [select]='true' stepHour='08-12' stepMin='15' 
    (onSelectedTime)="selectedTime($event)>
</timepicker-angular>

onSelectedTime returns the full time