Skip to main content
Version: 8.1

Vision - Popup Calendar

Component Palette Icon:


The popup calendar displays a drop-down menu on a window. When clicked, a Calendar pops up to allow users to select a date and/or time.


PropertyDescriptionProperty TypeScriptingCategory
Background ColorThe background color of the component. Can be chosen from color wheel, chosen from color palette, or entered as RGB or HSL value. See Color Selector.Color.backgroundAppearance
BorderThe border surrounding this component. Options are No border, Etched (Lowered), Etched (Raised), Bevel (Lowered), Bevel (Raised), Bevel (Double), and Field Border.
Note: The border is unaffected by rotation.

Changed in 8.1.21
As of 8.1.21, the "Button Border" and "Other Border" options are removed.
Calendar BackgroundThe background color for the popup calendar. See Color Selector.Color.calendarBackgroundAppearance
CursorThe mouse cursor to use when hovering over this component. Options are: Default, Crosshair, Text, Wait, Hand, Move, SW Resize, or SE
DateThe date that this component represents.Date.dateData
EnabledIf disabled, a component cannot be used.boolean.componentEnabledCommon
FontFont of text on this component.Font.fontAppearance
Foreground ColorThe foreground color of the component. SSee Color Selector.Color.foregroundAppearance
Format StringThe date formatting pattern used to display this date.String.formatBehavior
Mouseover TextThe text that is displayed in the tooltip which pops up on mouseover of this component.String.toolTipTextCommon
NameThe name of this component.String.nameCommon
QualityThe data quality code for any Tag bindings on this component.QualityCode.qualityData
Selected BorderThe border for the selected day indicator.Border.selectedBorderAppearance
Show NavigationTurn this off if you don't want to show the year and month navigation buttons.boolean.showNavigationAppearance
Show OK ButtonTurn this off if you don't want to show the OK button. The latched date and the immediate date will be equivalent.boolean.showOkButtonBehavior
Show TimeTurn this off if you don't want to show the time panel.boolean.showTimeBehavior
StylesContains the component's styles.Dataset.stylesAppearance
TextThe displayed text of the date (depends on the format string).String.textData
Time Display FormatThe format for displaying time in the
Time StyleSelect how this calendar should treat the time portion of the
Title BackgroundThe background of the title bar.Color.titleBackgroundAppearance
Today BackgroundBackground color for the today indicator. See Color Selector.Color.todayBackgroundAppearance
Today ForegroundForeground color for the today indicator. See Color Selector.Color.todayForegroundAppearance
VisibleIf disabled, the component will be hidden.boolean.visibleCommon
Weekend BackgroundBackground color for the weekend indicators. See Color Selector.Color.weekendBackgroundAppearance
Weekend ForegroundForeground color for the weekend indicators. See Color Selector.Color.weekendForegroundAppearance

Deprecated Properties

PropertyDescriptionProperty TypeScriptingCategory
Data QualityThe data quality code for any Tag bindings on this


Scripting Functions

This component does not have scripting functions associated with it.

Extension Functions

This component does not have extension functions associated with it.

Event Handlers

Event handlers allow you to run a script based off specific triggers. See the full list of available event handlers on the Component Events page