angular2-time-select v0.9.3

Time selection component based on angular2 framework. User will be able to select Hours, Minutes and Seconds from within the component

Requirements

1. moment version > 2.0.0

Install

Install component by using node :

npm install angular2-time-select

Install typings :

typings install

Usage

<timeselector [class]="'form-control'" [config]="{'format' :'hh:mm A',
  'iconCls':'time-icon'}" [(ngModel)]="startTime" ></timeselector>

startTime value is saved in the format which the component is initialized. Similarly startTime has to be set in the same format in which it is initialized to make sure the component is initialized with the values selected accordingly.

view screenshot

Options

• format : string (required) The format of the value for the component

• showSeconds : boolean(optional) default : false

  	 Option to show or hide seconds selector

• is24hourFormat : boolean(optional) default : false

  	 Shows or hides AM\PM selector based on this value

• hoursStep : number(optional) default : 1

  	 Interval between hours in the drop down

• minutesStep : number(optional)

  	 Interval between minutes in the drop down

• secondsStep : number(optional) default : false

  	 Interval between seconds in the drop down

• iconCls : string(optional) default : null

  	  Optional icon cls for displaying of custom icons inside the component.

  Note: Icon is appended at the end of the component

Events

• change

  Change event is fired as soon as there is any change in the selection of the component.

Help

Submit a issue in github with details of your problems. You can also use Plunker. Donot forget to mention the AngularJS2 version which you are using.