This package has been deprecated

Author message:

Package no longer supported.

np-ui-time-picker

Angular 9 Native time picker component.

Check demo Here

NPM

$ npm install np-ui-time-picker

HTML

<np-ui-time-picker 
    [(ngModel)]="startTime">
</np-ui-time-picker>

Properties

1. ngModel : string
   Two way data binding.
   if 12 hrs format is set then returns value in hh:mm:ss tt format,
   and if 24 hrs format is set then returns value in HH:mm:ss format.
2. disabled : boolean
   true/false - set component disabled
3. required : boolean
   default value is false. add required attribute to input textbox.
4. defaultOpen : boolean
   Set time picker default open or close.
5. is24Hours: boolean
   if set to true, display 24 hours format for time.
   default value is false.
6. showNowButton : boolean
   Show/hide now button, on click of now button current time will be get selected.
7. placeholder : string
   add placeholder to input box
8. hideSeconds : boolean
   hide seconds dropdown from popup. also add/minus seconds button will be hide.
9. styleClass : string
   set name of css class.

Apis

1. get24hrsTimeFormat()
   return 24 hrs formatted time value
2. get12hrsTimeFormat()
   return 12 hrs formatted time value

Methods

1. onChange( newValue : string)
   value change event, fired when time value is changed.
   in parameter new value will be parsed.

Other np-ui components for Angular

1. Data grid
2. Date picker
3. Time picker
4. Color picker

License

This project is licensed under the MIT License.

Contributors