Calendar Component

Description

The calendar Component shows a calendar. It can be customized in differents ways (days off, holidays, tool tips ...).

The calendar Component has the following capabilities :

  • ISelectionEventCapability
  • IReadOnlyCapability
  • ILiteralLocaleCapability
  • ILiteralTimeZoneCapability
  • IComponentLocaleCapability
  • IComponentTimeZoneCapability
  • IClientDatesStrategyCapability
  • IBorderCapability
  • ICalendarLayoutCapability
  • IMultipleSelectCapability
  • ICalendarModeCapability


The default calendar renderer is linked to the f_calendar javascript class. f_calendar extends f_component, fa_readOnly, fa_disabled, fa_itemsWrapper


Table of the main component style classes:

Style Name Description
f_calendar_yearCursor Defines styles for the wrapper Table element used to change years of the calendar. Contains other style
f_calendar_monthList Defines styles for the wrapper Table element the element containing the months of year
f_calendar_dayList Defines styles for the wrapper Table element the element containing the day list of year
f_calendar_day Defines styles for the A element

Screen Shot

Syntax

<v:calendar id="cal1" 
									    	
    	disabledWeekDays="dimanche"
		minDate="30/12/2000" 
		value="5/6/2006"
		mode="date" 
		maxDate="tomorrow" >
	
	<v:dateItem date="1/1/2004,1/1/2005,1/1/2006" text="${messages.cal_jouran}" disabled="true" />
	<v:dateItem date="25/12/2004,25/12/2005,25/12/2006" text="Christmas day" disabled="true" />
</v:calendar>

Instructions