Skip to main content
Version: 8.3

"Date/Time" type field

Level: beginner

"Date/Time" type field is a field type to select date and/or time, depending on the selected format. Learn more: Fields, Set up a Date/Time field (user documentation).

Properties

FormControl control

Control.


string label

Label.


string ariaLabel

A property mapped to the aria-label element attribute.


string value

The value of the "Date/Time" type field.


boolean disabled

Whether to lock the "Date/Time" type field from editing.


boolean readonly

Whether to set the "Date/Time" type field to read-only. By default, "false."


number rowModeSizePx

The width of the "Date/Time" type field. By default, "320."


boolean multiYearSelector

Whether to enable the year selector on year click. By default, "false."


boolean twelvehour

Whether to use the 12-hour clock. By default, "false."

Available values

true

Use the 12-hour clock.

false

Use the 24-hour clock.


string startView

Set the period for the displayed data. By default, "month."

Available values

month

Month.

year

Year.

hour

Hour.

multi-year

Several years.


string mode

The display mode of the "Date/Time" type field. By default, "auto."

Available values

auto

Automatic mode.

portrait

Portrait mode.

landscape

Landscape mode.


number timeInterval

The search delay duration, in milliseconds. By default, "1."


boolean preventSameDateTimeSelection

Whether to lock selecting the currently selected date and time. By default, "false."


Keyboard shortcuts

LEFT_ARROW

Highlight the previous day.


RIGHT_ARROW

Highlight the following day.


UP_ARROW

Highlight the previous week.


DOWN_ARROW

Highlight the next week.


HOME

Highlight the first day of the month.


END

Highlight the last day of the month.


PAGE_UP

Highlight the previous month.


PAGE_DOWN

Highlight the following month.


ALT + PAGE_UP

Highlight the previous year.


ALT + PAGE_DOWN

Highlight the following year.


ENTER

Select the highlighted element.


See also

Overview of Freedom UI Designer and its elements (user documentation)

Set up a Date/Time field (user documentation)