Input
Output
01.07.202501.07.2025
01.07.2025 10:5001.07.2025 10:50
Validation

Date & Time

Validation is possible in <jp:inputCalendar with mindate and maxdate. A jtp:label can be linked with a for attribute and the id of the inputCalendar + "pCalendar".

To enforce a date sequence, this concept can be used:

<h:form id="fInput">
	<p:panel header="Input" styleClass="jeesl-panel">
		<f:facet name="actions">
			<j:svg type="jeeslSave" listener="#{componentTimeBean.save()}" update=":sComponents"/>
		</f:facet>
		
		<p:panelGrid columns="4" columnClasses="jeeslGrid25,jeeslGrid25,jeeslGrid25,jeeslGrid25">
			<p:outputLabel value=""/>
			<p:outputLabel value="Date"/>
			<p:outputLabel value="LocalDate"/>
			<p:outputLabel value="LocalDateTime"/>
			
			<p:outputLabel value="#{appSettingsBean.patternDate}"/>
			<jp:inputCalendar value="#{componentTimeBean.d1}" pattern="#{appSettingsBean.patternDate}"/>
			<jp:inputCalendar value="#{componentTimeBean.ld1}" pattern="#{appSettingsBean.patternDate}"/>
			<h:outputText value=""/>
			
			<p:outputLabel value="#{appSettingsBean.patternDateMinute}"/>
			<jp:inputCalendar value="#{componentTimeBean.d2}" pattern="#{appSettingsBean.patternDateMinute}"/>
			<h:outputText value=""/>
			<jp:inputCalendar value="#{componentTimeBean.ldt2}" pattern="#{appSettingsBean.patternDateMinute}"/>
		</p:panelGrid>
		
		<j:inputGrid>
			<p:outputLabel value="showWeek"/>
			<jp:inputCalendar value="#{componentTimeBean.d1}" pattern="#{appSettingsBean.patternDate}" showWeek="true"/>
			
			<p:outputLabel value="navigator"/>
			<jp:inputCalendar value="#{componentTimeBean.d1}" pattern="#{appSettingsBean.patternDate}" navigator="true"/>
		</j:inputGrid>
	</p:panel>
</h:form>