Skip to content



Below is a list of the most important properties methods and events for the TWebDateTimePicker. TWebDateTimePicker allows to select a date or time, similar to a date/time picker in VCL. This control requires a fully HTML5 compliant browser.

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 TWebDateTimePicker

Property Description
BorderStyle Sets the border style for the control
Checked: boolean Sets or gets the checkbox state of the checkbox in the datepicker when ShowCheckBox = true
Date Gets or sets the date value of the control
ElementClassName Optionally sets the CSS classname for the date/time picker when styling via CSS is used
ElementID Optionally sets the HTML element ID for a HTML element in the form HTML file the date picker needs to be connected with. When connected, no new date picker is created but the Delphi class is connected with the existing HTML element in the form HTML file
Kind Configures the control as date or as time picker
ShowCheckBox: boolean When true, a checkbox is shown in front of the date/time picker to enable/disable it
ShowFocus When true, the border color changes when the control has focus
TabOrder Sets the tab order of the control
TabStop When true, the focus is turned to the control when pressing tab
TextDirection Sets the text direction to
tdDefault: does not use direction attribute
tdInherit: uses TextDirection of parent control
tdRightToLeft: uses rtl direction attribute
tdLeftToRight: uses ltr direction attribute
Time Gets or sets the

Events for TWebDateTimePicker

Property Description
OnChange Event triggered when the control is clicked
OnClick Event triggered when the control is clicked
OnDblClick Event triggered when the control is double-clicked
OnEnter Event triggered when the control gets focus
OnExit Event triggered when focus leaves the control