README
np-ui-time-picker
Angular 9 Native time picker component.
Here
Check demoNPM
$ npm install np-ui-time-picker
HTML
<np-ui-time-picker
[(ngModel)]="startTime">
</np-ui-time-picker>
Properties
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.disabled
: boolean
true/false - set component disabledrequired
: boolean
default value is false. add required attribute to input textbox.defaultOpen
: boolean
Set time picker default open or close.is24Hours
: boolean
if set to true, display 24 hours format for time.
default value is false.showNowButton
: boolean
Show/hide now button, on click of now button current time will be get selected.placeholder
: string
add placeholder to input boxhideSeconds
: boolean
hide seconds dropdown from popup. also add/minus seconds button will be hide.styleClass
: string
set name of css class.
Apis
get24hrsTimeFormat()
return 24 hrs formatted time valueget12hrsTimeFormat()
return 12 hrs formatted time value
Methods
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
License
This project is licensed under the MIT License.