np-ui-time-pickerdeprecated

Angular 9 Native time picker component.

Usage no npm install needed!

<script type="module">
  import npUiTimePicker from 'https://cdn.skypack.dev/np-ui-time-picker';
</script>

README

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