TimePickerModel

allowEdit Boolean

Specifies whether the textbox is allowed to be edited by user input or only by selecting a value from the calendar popup.

Default: true

cssClass String

Specifies CSS classes to customize the appearance of the control.

Default: ""

enabled Boolean

Specifies whether the control is enabled or disabled, disabled will prevent user interaction.

Default: true

enableMask Boolean

Specifies whether a masked textbox will be rendered using the given format.

Default: false

enableRtl Boolean

Specifies whether to render the control in right to left direction.

Default: false

enableState Boolean

Specifies whether to persist the state of the control between page loads.

Default: false

format String DateTimeFormatObject

Specifies the format string or skeleton to be used in the textbox control when entering a value or when a value is selected from the calendar popup.

Default: null

fullScreenMode Boolean

Specifies whether the calendar popup will be opened in full screen mode on a mobile device.

Default: false

htmlAttributes {:}

Specifies additional HTML attributes, such as title, styles, class, id, and name, in a key-value pair format that will be appended to the HTML element. If both the property and equivalent HTML attributes are configured, then the control overrides the property value with the HTML attributes.

Default: {}

keyConfigs {:}

Specifies the key configuration to customize the keyboard shortcuts.

Default: {}

labelType FloatingLabelType

Specifies the condition on when to show the floating label, for example: never, always.

Default: Never

locale String

Specifies the culture and localization value for this control, overriding the globally defined value.

Default: en-US

maskPlaceholder MaskPlaceholderModel

Specifies the mask placeholder that will be displayed on the textbox.

Default: { day: "day", month: "month", year: "year", hour: "hour", minute: "minute", second: "second", dayOfTheWeek: "day of the week" }

max Date

Specifies the maximum allowed time that can be selected from the list.

Default: 00:00

min Date

Specifies the minimum allowed time that can be selected from the list.

Default: 00:00

openOnFocus Boolean

Specifies whether to open the calendar popup when the textbox is focused on or only when the calendar open button is clicked.

Default: false

placeholder String

Specifies a short description of what is expected to be entered into the control.

Default: ""

readonly Boolean

Specifies whether the control is readonly disabling all user interaction with the control.

Default: False

scrollTo Date

Specifies the date time value to scroll to when the popup list is opened.

Default: null

serverTimezoneOffset Number

Specifies the server time zone offset that will be used when processing dates. By default, the date will be processed vase on the system time zone.

Default: null

showClearButton Boolean

Specifies whether to show the clear button or not, allowing the user to clear the current value.

Default: true

step Number

Specifies the time interval between the items in the popup list, for example 30 for a list item every 30 minutes.

Default: 30

strictMode Boolean

Specifies whether to require that the entered date is valid and within the min/max range. If a date is not valid, the previous date will be restored.

Default: False

value Date

Specifies the selected date values for the calendar.

Default: null

width String Number

Specifies the width of the control. By default, the width of the control is determined by its parent container. Value can be expressed in percent or pixels.

Default: null

zIndex Number

Specifies the zIndex of the popup.

Default: 1000