Calendar
Calendar is an input component to pick dates.
Popup
Inline
Ajax Select
Options
Source
Popup
<p:calendar value="#{calendarView.date1}" pattern="MM/dd/yyyy"/> <h2>Inline</h2> <p:calendar value="#{calendarView.date2}" mode="inline" /> <h2>Ajax Select</h2> <h:form> <p:growl id="growl" showDetail="true" /> <p:calendar value="#{calendarView.date3}" mode="inline"> <p:ajax event="dateSelect" listener="#{calendarView.onDateSelect}" update="growl" /> </p:calendar> </h:form> <h2>Options</h2> <p:calendar value="#{calendarView.date4}" mode="inline" navigator="true" pages="2"/>
package org.primefaces.showcase.view.input; import java.text.SimpleDateFormat; import java.util.Date; import javax.faces.application.FacesMessage; import javax.faces.bean.ManagedBean; import javax.faces.context.FacesContext; import org.primefaces.event.SelectEvent; @ManagedBean public class CalendarView { private Date date1; private Date date2; private Date date3; private Date date4; public void onDateSelect(SelectEvent event) { FacesContext facesContext = FacesContext.getCurrentInstance(); SimpleDateFormat format = new SimpleDateFormat("dd/MM/yyyy"); facesContext.addMessage(null, new FacesMessage(FacesMessage.SEVERITY_INFO, "Date Selected", format.format(event.getObject()))); } public Date getDate1() { return date1; } public void setDate1(Date date1) { this.date1 = date1; } public Date getDate2() { return date2; } public void setDate2(Date date2) { this.date2 = date2; } public Date getDate3() { return date3; } public void setDate3(Date date3) { this.date3 = date3; } public Date getDate4() { return date4; } public void setDate4(Date date4) { this.date4 = date4; } }