The search expression for the element to which the overlay panel should be appended.
A map with all behaviors that were defined for this widget. The key is the name of the behavior, the value is the callback function that is invoked when the behavior is called.
Tabindex of the datepicker button
Style class for the button that clear the selected date or time.
Date format to be used for parsing and formatting dates, such as mm/dd/yy.
Style class of the individual date elements.
Javascript function that takes a date object and returns the content for the date cell.
The default date that is shown when none was specified.
Whether the input is disabled.
List of dates that should be disabled.
List of week day indexes that should be disabled.
When enabled, input receives focus after a value is picked.
ID of the form to use for AJAX requests.
Defines if the popup should be hidden when a time is selected.
Defines the hour format, either 12 hour mode or 24 hour mode.
Icon of the date picker element that toggles the visibility in popup mode.
The ID of this widget, usually the ID of the DOM element.
Whether the datepicker is rendered inline or as an overlay.
ID of the input element that stores the selected date or time.
Inline style of the input element. Used when mode is popup.
Style class of the input element. Used when mode is popup.
Whether to keep the invalid inputs in the field or not.
Localized strings for various messages displayed by the date or time picker.
Applies a mask using the pattern.
Clears the field on blur when incomplete input is entered
Placeholder in mask template.
Sets date picker's maximum selectable value. Also used for validation on the server-side.
Defines the maximum number of selectable dates in multiple selection mode.
Sets date picker's minimum selectable value. Also used for validation on the server-side.
Whether to show the month navigator
The name of this widget.
Number of months to display concurrently.
Client side callback to execute before the date picker overlay is hidden.
Client side callback to execute before the date picker overlay is shown.
Client side callback to execute when input element loses focus.
Client side callback to execute when the selected date has changed.
Client side callback to execute when the button to clear the selected date or time was clicked.
Client side callback to execute when input element receives focus.
Client side callback to execute when data was entered into the input field.
Client side callback to execute when the selected month has changed.
Callback invoked after the datepicker panel was created.
Client side callback to execute when text within input element is selected by user.
Client side callback to execute when the button to switch to the current date was clicked.
Client side callback to execute when the displayed date changes.
Client side callback to execute when the selected year has changed.
Inline style of the container element.
Style class of the container element.
Specifies a short hint.
An optional callback that is invoked
after this widget was created successfully, at the end of the init method. This is
usually specified via the widgetPostConstruct attribute on the JSF component. Note that this is also called
during a refresh (AJAX update).
An optional callback that is invoked after
this widget was refreshed after an AJAX update, at the end of the refresh method.
This is usually specified via the widgetPostRefresh attribute on the JSF component.
An optional callback that is invoked before
this widget is about to be destroyed, e.g. when the component was removed at the end of an AJAX update. This is
called at the beginning of the destroy method. This is usually specified via the
widgetPreDestroy attribute on the JSF component.
User-defined callback that may be overridden by the user. Invoked before the date picker overlay is shown.
Separator for joining start and end dates when selection mode is range, defaults
to -.
Whether the input is set to readonly.
Whether an input is required.
Enables selection of days belonging to other months.
Defines the selection mode, whether one or multiple dates can be selected.
The cutoff year for determining the century for a date. Any dates entered with a year value less than or equal to the cutoff year are considered to be in the current century, while those greater than it are deemed to be in the previous century.
Whether to display buttons at the footer.
Whether to show an icon to display the picker in an overlay
Whether to show the milliseconds in time picker. Default is false.
Whether the date picker overlay is shown when the element focused.
Displays days belonging to other months.
Whether to show the seconds in time picker. Default is false.
Specifies if the time picker should be displayed
Hour steps.
Millisecond steps.
Minute steps.
Second steps.
Inline style of the component.
Style class of the component.
Tabindex of the date picker button
Whether an input is rendered for the time, or a text element only.
Shows only time picker without date.
Separator for joining hour and minute, defaults to :.
Style class for the button that switches to the current date.
Activates touch friendly mode
Icon of the datepicker element that toggles the visibility in popup mode.
Custom localized settings for the locale.
Whether the current input is a valid date / time.
Defines the view mode, whether a date or month is to be selected.
The date that is shown in the picker.
The name of the widget variables of this widget. The widget variable can be used to
access a widget instance by calling PF("myWidgetVar").
Whether to show the year navigator
The range of years displayed in the year drop-down in (nnnn:nnnn) format such as (2000:2020). Default
value is displayed_date - 10 : displayed_date + 10.
Generated using TypeDoc
The configuration for the DatePicker widget. You can access this configuration via BaseWidget.cfg. Please note that this configuration is usually meant to be read-only and should not be modified.