Locale

Change the locale of the datepicker, schedule and client side validation messages.

Language
English
English
English
French
German
German
German
Italian
Korean
Spanish
Catalan
Dutch
Portuguese
Portuguese
Arabic
Arabic
Bulgarian
Bangla
Bosnian
Czech
Greek
Estonian
Persian
Finnish
Danish
Hindi
Indonesian
Icelandic
Croatian
Japanese
Hungarian
Hebrew
Georgian
Central Kurdish
Khmer
Kyrgyz
Kazakh
Lithuanian
Latvian
Malay
Norwegian
Polish
Romanian
Russian
Slovak
Slovenian
Serbian
Serbian
Swedish
Thai
Turkish
Ukrainian
Uzbek
Vietnamese
Chinese
Chinese

Input Style

Themes

PrimeUIX
Aura Light Emerald Aura Light Emerald
Aura Dark Emerald Aura Dark Emerald
PrimeOne
Saga Blue Saga Blue
Vela Blue Vela Blue
Arya Blue Arya Blue
Bootstrap
Bootstrap Blue Light Bootstrap Blue Light
Bootstrap Purple Light Bootstrap Purple Light
Bootstrap Blue Dark Bootstrap Blue Dark
Bootstrap Purple Dark Bootstrap Purple Dark
Material Design
Material Indigo Light Material Indigo Light
Material Deep Purple Light Material Deep Purple Light
Material Indigo Dark Material Indigo Dark
Material Deep Purple Dark Material Deep Purple Dark
Material Design Compact
Material Compact Indigo Light Material Compact Indigo Light
Material Compact Deep Purple Light Material Compact Deep Purple Light
Material Compact Indigo Dark Material Compact Indigo Dark
Material Compact Deep Purple Dark Material Compact Deep Purple Dark
Legacy
Nova Light Nova Light
Nova Dark Nova Dark
Nova Colored Nova Colored
Luna Amber Luna Amber
Luna Blue Luna Blue
Luna Green Luna Green
Luna Pink Luna Pink

Schedule Lazy

Schedule assumes whole set of events are eagerly provided in ScheduleModel, if you have a huge data set of events, lazy loading features would help to improve performance.
In lazy loading mode, only the events that belong to the displayed time frame are fetched whereas in default eager more all events need to be loaded.

Schedule Tag Documentation

Schedule provides an Outlook Calendar, iCal like Faces component to manage events. Schedule is highly customizable featuring various views (month, day, week), built-in I18N, drag-drop, resize, customizable event dialog and skinning.

NameTypeRequiredDefaultDescription
id String false generated Unique identifier of the component in a namingContainer.
rendered boolean false true Boolean value to specify the rendering of the component, when set to false component will not be rendered.
binding UIComponent false generated An EL expression referring to a server side UIComponent instance in a backing bean.
widgetVar String false generated ('widget_' + componentClientId) Name of the client side widget.
allDaySlot boolean false true Determines if all-day slot will be displayed in agendaWeek or agendaDay views.
aspectRatio double false Double.MIN_VALUE Ratio of calendar width to height, higher the value shorter the height is.
centerHeaderTemplate String false title Content of center of header.
clientTimeZone String false local Timezone to define how to interpret the dates at browser. Valid values are "local", "UTC" and ids like "America/Chicago".
columnFormat String false Deprecated, use columnHeaderFormat instead. Format for column headers.
columnHeaderFormat String false Format for column headers. (eg `timeGridWeek: {weekday: 'narrow'}` or `timeGridWeek: {weekday: 'short'}, timeGridDay: {day: 'numeric'}`)
dir String false ltr Defines text direction, valid values are ltr and rtl.
displayEventEnd String false Whether or not to display an event's end time text when it is rendered on the calendar. Value can be a boolean to globally configure for all views or a comma separated list such as "month:false,basicWeek:true" to configure per view.
draggable boolean false true When true, events are draggable.
escape boolean false true Defines whether html would be escaped or not for tooltip content and more.
extender String false Name of javascript function to extend the options of the underlying fullcalendar plugin.
height String false Sets the height of the entire calendar, including header and footer. By default, this option is unset and the calendar's height is calculated by aspectRatio. If "auto" is specified, the view's contents will assume a natural height and no scrollbars will be used.
initialDate Object false The initial date that is used when schedule loads. If omitted, the schedule starts on the current date.
leftHeaderTemplate String false prev,next today Content of left side of header.
locale Object false User locale for i18n localization messages. The attribute can be either a String or java.util.Locale object.
maxTime String false 24:00:00 Maximum time to display in a day view.
minTime String false 00:00:00. Minimum time to display in a day view.
nextDayThreshold String false 09:00:00 When an event's end time spans into another day, the minimum time it must be in order for it to render as if it were on that day.
noOpener boolean false true Whether for URL events access to the opener window from the target site should be prevented (phishing protection).
resizable boolean false true When true, events are resizable.
rightHeaderTemplate String false dayGridMonth,timeGridWeek,timeGridDay Content of right side of header.
scrollTime String false 06:00:00 Determines how far down the scroll pane is initially scrolled down.
selectable boolean false false Enables selection of time ranges by clicking and dragging on the schedule, see https://fullcalendar.io/docs/select-callback. Uses the ajax-event "rangeSelect" instead of "dateSelect".
showHeader boolean false true Specifies visibility of header content.
showWeekNumbers boolean false false Display week numbers in schedule.
showWeekends boolean false true Specifies inclusion Saturday/Sunday columns in any of the views.
slotDuration String false 00:30:00 The frequency for displaying time slots.
slotEventOverlap boolean false true If true contemporary events will be rendered one overlapping the other, else they will be rendered side by side.
slotLabelFormat String false Determines the text that will be displayed within a time slot.
slotLabelInterval String false TThe frequency that the time slots should be labelled with text. Example: like "01:00" or "{hours:1}".
style String false Inline style of the component.
styleClass String false Style class of the component.
timeFormat String false Determines the time-text that will be displayed on each event. (Moment.js - format)
timeZone Object false ZoneId.systemDefault() String or a java.util.TimeZone instance to specify the timezone used for date conversion to ISO_8601 format.
tooltip boolean false false Displays description of events on a tooltip, default value is false.
urlTarget String false _blank Target for events with urls. Clicking on such events in the schedule will not trigger the selectEvent but open the url using this target instead.
value ScheduleModel false An org.primefaces.model.ScheduleModel instance representing the backed model.
view String false dayGridMonth The view type to use, possible values are 'dayGridMonth', 'dayGridWeek', 'dayGridDay', 'timeGridWeek', 'timeGridDay', 'listYear' , 'listMonth', 'listWeek', 'listDay'.
weekNumberCalculation String false local The method for calculating week numbers that are displayed. Valid values are "local" (default), "ISO" and "custom".
weekNumberCalculator String false Client side function to use in custom weekNumberCalculation.
Loading...
Tag DocumentationNew DocumentationNew Documentation JSDoc Basic Configuration Lazy Locale I18N Extender

Usage


<div class="card">
    <h:form>
        <p:growl id="messages" showDetail="true"/>

        <p:schedule value="#{scheduleJava8View.lazyEventModel}"
                    timeZone="#{scheduleJava8View.serverTimeZone}" clientTimeZone="#{scheduleJava8View.serverTimeZone}"/>
    </h:form>
</div>