Skip to main content


returns an object with the available configuration attributes of the control

getProperties(): object;


An object with the available attributes of the control and their values.


const form = new dhx.Form("form_container", {
rows: [
type: "timepicker",
name: "timepicker",
label: "time",
labelWidth: "50px",
timeFormat: 12,
valueFormat: "timeObject",
value: [6,20,"AM"]


The returned object of the TimePicker control looks like:

controls: false,
editable: false,
errorMessage: "",
height: "content",
helpMessage: "",
hiddenLabel: false,
icon: "",
label: "time",
labelPosition: "top",
labelWidth: "50px",
padding: 0,
placeholder: "",
preMessage: "",
required: false,
successMessage: "",
timeFormat: 12,
validation: undefined,
valueFormat: "timeObject",
width: "content"

You will find the description of these properties here.

Change log:

added in v7.0