Theme
afterdark
afternoon
afterwork
aristo
black-tie
blitzer
bluesky
bootstrap
casablanca
cruze
cupertino
dark-hive
delta
dot-luv
eggplant
excite-bike
flick
glass-x
home
hot-sneaks
humanity
le-frog
midnight
mint-choc
omega
overcast
pepper-grinder
redmond
rocket
sam
smoothness
south-street
start
sunny
swanky-purse
trontastic
ui-darkness
ui-lightness
vader
TimePicker
Timepicker supports setting min. / max. hours and minutes. The feature is demonstrated in this example.

The min. / max. hours and minutes can be also set with JavaScript by the widget's methods setMinTime(hour, minute) and setMaxTime(hour, minute).
Source
<pe:timePicker mode="inline" minHour="9" minMinute="15"
                             maxHour="16" maxMinute="30"/>
            
Components and more
Use Cases
Documentation pe:timePicker
Attributes (move mouse over the names to see data types)
Name Description
idUnique identifier of the component in a namingContainer.
rendered Boolean value to specify the rendering of the component, when set to false component will not be rendered.
binding An EL expression referring to a server side UIComponent instance in a backing bean.
valueValue of the component.
widgetVarName of the client side widget.
requiredMarks component as required.
validatorA method expression referring to a method validationg the input.
valueChangeListenerA method binding expression referring to a method for handling a valuchangeevent.
requiredMessageMessage to display when required field validation fails.
converterMessageMessage to display when conversion fails.
validatorMessageMessage to display when validation fails.
accesskeyAccess key to transfer focus to the input element.
altAlternate textual description of the input element.
autocompleteControls browser autocomplete behavior.
dirDirection indication for text that does not inherit directionality.
disabledDisables the time picker when set to true.
labelA localized user presentable name for this component.
styleStyle of the time picker input element.
styleClassStyle class of the time picker input element.
timeSeparatorThe character to use to separate hours and minutes. Default is :.
showPeriod Defines whether or not to show AM/PM with selected time. Default is false.
dialogPositionCorner of the dialog to position. Default is 'left top'.
inputPositionCorner of the input to position. Default is 'left bottom'.
mode Mode specifies appearance of time picker. Possible values are 'popup', 'spinner', 'inline'. Default is 'spinner'.
startHoursSpecifies first displayed hour. Possible range is 0-23. Default is 0.
endHoursSpecifies last displayed hour. Possible range is 0-23. Default is 23.
startMinutes Specifies first displayed minute. Possible range is 0-55. Default is 0.
endMinutes Specifies last displayed minute. Possible range is 0-55. Default is 55.
intervalMinutesSpecifies interval of displayed minutes. Default is 5.
rows Specifies number of rows for the input tables, minimum 2, makes more sense if you use multiple of 2. Default is 4.
showHours Defines if the hours section is displayed or not. Set to false to get a minute only dialog. Default is true.
showMinutes Defines if the minutes section is displayed or not. Set to false to get a hours only dialog. Default is true.
showCloseButtonShows an 'ok' button to confirm the edit. Default is false.
showDeselectButtonShows the 'deselect' time button. Default is false.
showNowButtonShows the 'now' button. Default is false.
onHourShow Defines a callback to enable / disable certain hours. Example: function onHourShow(hour). Default is null.
onMinuteShow Defines a callback to enable / disable certain minutes. Example: function onMinuteShow(hour, minute). Default is null.
showOn Define when the timepicker is shown. 'focus': when the input gets focus, 'button' when the button trigger element is clicked, 'both': when the input gets focus and when the button is clicked. Default is 'focus'.
locale String or java.util.Locale representing user locale. Default is a locale specified in view root.
minHour Set the minimum hour selectable by the user, disable hours previous to min. hours. Default is null (not set).
minMinute Set the minimum minutes selectable by the user, disable minutes previous to min. minutes. Default is null (not set).
maxHour Set the maximum hour selectable by the user, disable hours after max. hours. Default is null (not set).
maxMinute Set the maximum minutes selectable by the user, disable minutes after max. minutes. Default is null (not set).
readonlyInput Makes input text of a popup calendar readonly. Default is false.
Events (move mouse over the names to see classes)
Name Description
timeSelectfires when an hour / minutes is selected
closefires when the time picker is closed
beforeShowfires before the time picker is rendered and displayed
PrimeFaces Extensions Showcase - © 2011-2017, PrimeFaces: 6.1, PrimeFaces Extensions: 6.1.0, JSF: mojarra 2.2.8, Server: jetty/9.4.2.v20170220, Build time: 2017-04-19 16:13
occured!
Message:
Timestamp:
StackTrace:
Developers
Thomas Andraschko andraschko.thomas@gmail.com
Oleg Varaksin ovaraksin@googlemail.com
Nilesh Namdeo Mali nileshmali86@gmail.com
Mauricio Fenoglio fenoglio.mauricio@gmail.com
Pavol Slaný pavol.slany@gmail.com
Sudheer Jonna sudheer.jonna@gmail.com