A lightweight & configurable timepicker directive.
-
arrowkeys
$ C (Default:true
) - Whether user can use up/down arrow keys inside the hours & minutes input to increase or decrease its values. -
hour-step
$ C (Default:1
) - Number of hours to increase or decrease when using a button. -
max
$ (Default:undefined
) - Maximum time a user can select. -
meridians
$ C (Default:null
) - Meridian labels based on locale. To override you must supply an array like['AM', 'PM']
. -
min
$ (Default:undefined
) - Minimum time a user can select -
minute-step
$ C (Default:1
) - Number of minutes to increase or decrease when using a button. -
mousewheel
$ C (Default:true
) - Whether user can scroll inside the hours & minutes input to increase or decrease its values. -
ng-disabled
$ (Default:false
) - Whether or not to disable the component. -
ng-model
$ - Date object that provides the time state. -
readonly-input
$ C (Default:false
) - Whether user can type inside the hours & minutes input. -
second-step
$ C (Default:1
) - Number of seconds to increase or decrease when using a button. -
show-meridian
$ C (Default:true
) - Whether to display 12H or 24H mode. -
show-seconds
$ C (Default:false
) - Show seconds input. -
show-spinners
$ C (Default:true
) - Show spinner arrows above and below the inputs. -
tabindex
(Defaults:0
) - Sets tabindex for each control in the timepicker. -
template-url
C (Defaults:uib/template/timepicker/timepicker.html
) - Add the ability to override the template used on the component.
Notes
If the model value is updated (i.e. via Date.prototype.setDate
), you must update the model value by breaking the reference by modelValue = new Date(modelValue)
in order to have the timepicker update.