0.1.12 • Published 2 years ago

timepicker-angular v0.1.12

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

TimepickerAngular

Example Image | 100x145

OR

Example Image | 100x145

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

NameDescription
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

NameDescription
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

0.1.11

2 years ago

0.1.12

2 years ago

0.1.1

2 years ago

0.1.9

2 years ago

0.1.8

2 years ago

0.1.7

2 years ago

0.1.6

2 years ago

0.1.5

2 years ago

0.1.4

2 years ago

0.1.3

2 years ago

0.1.2

2 years ago

0.1.0

2 years ago

0.0.1

2 years ago