Skip to content



Below is a list of the most important properties methods and events for TWebJQXCalendar. Represents a calendar that enables the user to select a date using a visual monthly calendar display.

Designtime Runtime

HTML template tag

The HTML tag the component can be associated with in an HTML template. Assign the ID attribute with a unique value and set the identical value to the ElementID property. Detailed information can be found in the Use of HTML templates topic.

HTML tag <DIV ID=”UniqueID”></DIV>
ElementID UniqueID

Properties for TWebJQXCalendar

Property Description
Date Sets the Calendar's Date. If multiselect is True this is the first day of range of dates
ElementClassName Optionally sets the CSS classname when styling via CSS is used
ElementID Optionally sets the HTML element ID for a HTML element in the form HTML file the label needs to be connected with. When connected, no new control is created but the Delphi class is connected with the existing HTML element in the form HTML file
EndDate Sets the last day of a range of dates. Only if MultiSelect is True
FirstdayOfWeek Sets which day to display in the first day column
MaxDate Sets the maximum selectable date
MinDate Sets the minimum selectable date
MultiSelect If set to True a range of dates can be selected
OtherMonthDays If set to True the days of days of the previous and next month are displayed
ShowToday Sets if today's day is highlighted
Theme Sets the name of the theme that is used to display the control
WeekNumbers Sets if the week numbers are displayed

Events for TWebJQXCalendar

Property Description
OnDateClick Event triggered when a date is selected
OnNavigateClick Event triggered when the calendar is navigated to a different month