selectInputDate

The selectInputDate component renders an inline or popup calendar date selector. Users may select a date by clicking a date in the displayed calendar. The month and year, of the calendar can be changed using navigation arrow buttons. In popup mode, an inputText component is rendered. It formats and displays the selected date of the calendar. Users may enter a date directly into the inputText component or click the popup button beside the inputText component to display the popup calendar view. Selecting a date in the popup calendar will close the popup calendar view and update the inputText with the selected date.

The selectInputDate component can be used in cases where a date value must be displayed or entered.

The following code shows how to create a basic popup calendar using the popupDateFormat attribute with an embedded message to display format exceptions:

<ice:form id="calendarForm2">
	<ice:selectInputDate id="calendar2"
			popupDateFormat="EEE, d MMM yyyy"
			imageDir="xmlhttp/css/xp/css-images/"
			value="#{calendar.date2}" renderAsPopup="true" />
	<h:message style="color: red" for="calendar2"/>
</ice:form>