crm:calendar

Overview

The <crm:calendar> tag is used to display an input component that used to provide a date and/or time on the page.

Attributes

NameRequiredTypeDefaultDescription
columnClassesfalseStringui-grid-col-12

Comma separated list of column style classes of the gird layout that will be used to display the component.

Column style class should be prefixed with ui-grid-col- and suffixed with the number of columns that content will take (out of 12).

For example, for two columns with the same size the columnClasses should be "ui-grid-col-6,ui-grid-col-6".

columnsfalseInteger1Number of columns of the gird layout that will be used to display the component.
idtrueStringnullUnique identifier of the component.
isRequiredfalseBoolean

true if the data object property of the component is mandatory, otherwise false.

Marks component as required.

labelKeyfalseStringnull

A valid key defined in translation properties file. Its translation through the glossary will be used as the presentable name of the component.

managedBeantrueStringnullThe name of the Java managed bean class that will be used for retrieving the component values.
modefalseStringThe mode of the managed bean.

The mode of the component.

Allowed values are VIEW and EDIT.

onChangeFunctionfalseStringnull

Defines the function call triggered when input element loses focus and its value has been modified since gaining focus.

placeholderfalseStringnullA short hint that describes the expected value of this input element.
patternfalseStringThe date time format that is defined in CRM.COM Formatting Settings.The Date Format pattern.
readonlyfalseBooleanfalseFlag indicating that this component will prevent changes by the user.
refreshfalseString@formComponent(s) to update with ajax.
timeOnlyfalseBooleanfalse

When enabled, shows only timepicker without date.

tipfalseStringnullA message that will be used as an advisory tooltip information.
valuetrueObjectnullThe value of the component.
visiblefalseBooleantrueControls the visibility of the component.


Getting Started

The following example shows a calendar.