arya-blue
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga-blue
vela-blue
TimePicker
TimePicker TimePicker is a highly configurable component to integrate time inputs (hours / minutes) in a convenient way.

A typically area of application is working time registration, expense and travel accounts.

Internationalisation page describes how to localize the TimePicker component in multi-language applications.
Components and more
Documentation pe:timePicker
Attributes (move mouse over the names to see data types)
Name Description
accesskeyAccess key to transfer focus to the input element.
altAlternate textual description of the input field.
ariaDescribedByIdentifies the element(s) that describe the object, enhancing accessibility.
autocompleteControls browser autocomplete behavior. Possible values are 'on', 'off', and 'new-password'.
bindingAn EL expression referring to a server side UIComponent instance in a backing bean.Default is generated.
converterEL expression resolves to a converter instance or literal converter ID defining a component converter.
converterMessageCustom message to display when conversion fails.
dialogPositionPosition of the dialog.Default is left top.
dirDirection indication for text that does not inherit directionality.Default is ltr.
disabledSpecifies that an element should be disabled.Default is false.
endHoursLast hour in range.Default is 23.
endMinutesLast minute in range.Default is 55.
idUnique identifier of the component in a namingContainer.Default is generated.
immediateWhen set true, process validations logic is executed at apply request values phase for this component.Default is false.
inputPositionPosition of the input relative to dialog.Default is left bottom.
inputmodeSpecifies the type of data expected in the input, aiding virtual keyboards.
intervalMinutesMinute step interval.Default is 5.
labelA localized user presentable name.
langSpecifies the language of the element's content.
localeLocale for formatting (string or Locale).
maxHourMaximum hour.
maxMinuteMaximum minute.
maxlengthDefines the maximum number of characters allowed in the input.Default is Integer.MIN_VALUE.
minHourMinimum hour.
minMinuteMinimum minute.
modeDisplay mode: popup, spinner, or inline.Default is spinner.
onHourShowClient-side callback when hour list is shown.
onMinuteShowClient-side callback when minute list is shown.
onblurFires when an element loses focus.
onchangeFires when the value of an element has been changed.
onclickFires when a mouse click on the element.
oncontextmenuScript to execute when the context menu is triggered.
oncopyScript to execute when content is copied from the element.
oncutScript to execute when content is cut from the element.
ondblclickFires when a mouse double-click on the element.
ondragScript to execute when an element is dragged.
ondragendScript to execute at the end of a drag operation.
ondragenterScript to execute when a dragged element enters a valid drop target.
ondragleaveScript to execute when a dragged element leaves a valid drop target.
ondragoverScript to execute when a dragged element is over a valid drop target.
ondragstartScript to execute at the start of a drag operation.
ondropScript to execute when a dragged element is dropped.
onfocusFires when an element gets focus.
oninputScript to execute when the element receives user input.
oninvalidScript to execute when the element's value is invalid.
onkeydownFires when a user is pressing a key.
onkeypressFires when a user presses a key.
onkeyupFires when a user releases a key.
onmousedownFires when a mouse button is pressed down on an element.
onmousemoveFires when the mouse pointer is moving while it is over an element.
onmouseoutFires when the mouse pointer moves out of an element.
onmouseoverFires when the mouse pointer moves onto an element.
onmouseupFires when a mouse button is released over an element.
onpasteScript to execute when content is pasted into the element.
onresetScript to execute when the form is reset.
onscrollScript to execute when the element is scrolled.
onsearchScript to execute when a search is performed.
onselectScript to execute when text is selected.
onwheelScript to execute when the mouse wheel is used.
placeholderSpecifies a short hint describing the expected value of the input.
readonlySpecifies that an input field is read-only.Default is false.
readonlyInputInput is read-only.Default is false.
renderedBoolean value to specify the rendering of the component, when set to false component will not be rendered.Default is true.
requiredMarks component as required.Default is false.
requiredMessageCustom message to display when the required validation fails.
roleDefines the role of the element for accessibility purposes.
rowsNumber of rows in dropdown.Default is 4.
showCloseButtonShow close button.Default is false.
showDeselectButtonShow deselect button.Default is false.
showHoursShow hours column.Default is true.
showMinutesShow minutes column.Default is true.
showNowButtonShow now button.Default is false.
showOnWhen to show picker: focus or button.Default is focus.
showPeriodUse 12-hour AM/PM period.Default is false.
sizeSize of the input field.Default is 5.
startHoursFirst hour in range.Default is 0.
startMinutesFirst minute in range.Default is 0.
styleSpecifies an inline CSS style for an element.
styleClassSpecifies one or more CSS class names for an element.
tabindexSpecifies the tab order of an element.
timeSeparatorSeparator between hours and minutes.Default is :.
titleSpecifies extra information about an element (displayed as a tooltip).
typeInput field type.Default is text.
validatorA method expression referring to a method validating the input.
validatorMessageCustom message to display when validation fails.
valueValue of the component.
valueChangeListenerA method binding expression referring to a method for handling a valuchangeevent.
widgetVarName of the client side widget.
PrimeFaces Extensions Showcase - © 2011-2025,PrimeFaces: 16.0.0-SNAPSHOT,PrimeFaces Extensions: 16.0.0-SNAPSHOT,JSF: Apache MyFaces Core 4.0 - Impl 4.0.3,Server: Apache Tomcat (TomEE)/10.1.52 (10.1.4),Build time: 2026-03-07 01:34