Elegant Web Applications with PrimeFaces - Java EE 6 Development with NetBeans 7 - page 182

<p:wizard>
<p:tab title="Personal Information"
id="personalInfo">
<p:panel header="Personal Information">
<p:messages/>
<h:panelGrid columns="2">
<h:outputLabel for="firstName"
value="First Name"
styleClass="requiredLbl"/>
<h:inputText id="firstName"
label="First Name"
value="#{customer.
firstName}"
required="true"/>
<h:outputLabel for="middleName"
value="Middle Name"
styleClass="optionalLbl"/>
<h:inputText id="middleName"
label="Middle Name"
value="#{customer.
middleName}"
/>
<h:outputLabel for="lastName"
value="Last Name"
styleClass="requiredLbl"/>
<h:inputText id="lastName"
label="Last Name"
value="#{customer.
lastName}"
required="true"/>
<h:outputLabel for="birthDate"
value="Date of
Birth"
styleClass="optionalLbl"/>
<p:calendar id="birthDate"
value="#{customer.
birthDate}"
showOn="button"
inputStyle="width:100px;"