Mashup Builder > Widgets > Date Time Picker Widget
  
Date Time Picker Widget
The Date Time Picker provides functionality to select a date-time.
View the following video tutorial for more information: How to Use the DateTime Picker Widget.
* 
Styles and common widget properties are not included in the table below.
Property Name
Description
Base Type
Default Value
Bindable? (Y/N)
Localizable? (Y/N)
CustomClass
User defined CSS class to apply to the top div of the widget. Multiple classes can be entered, separated by a space.
STRING
n/a
Y
N
Interval
The date-time interval for the Date Time Picker widget (for example, two days)
NUMBER
0
N
N
IntervalType
The type of date-time interval for the Date Time Picker widget (Seconds, Minutes, Hours, or Days)
STRING
Hours
N
N
DateOrder
Year, month, and date position.
STRING
year-month-date
N
N
DateDisplay
Date length.
STRING
Short
N
N
DisplaySeconds
Display time with seconds.
BOOLEAN
False
N
N
DateDelimiter
Character to separate the day, month, and year.
STRING
—(dash)
N
Y
DateFormatToken
Localize the date format. Takes a string or localization token. This overrides the DateDelimiter, DateOrder, and DateDisplay properties. Supported format values:
mm: zero padded numbered month
m: numbered month
M: short month string
MM: long month name
dd: zero padded numbered day or month
d: numbered day or month
yyyy: 4 digit year
yy: 2 digit year
* 
Known limitations if you are using a two-digit year format (yy):
Selecting a date 11 or more years in the future will cause the picker to revert the selection to a choice 100 years in the past
Selecting a date 90 or more years in the past will cause the picker to revert the selection to a choice 100 years in the future
Both reverts will occur the next time the datetime picker is opened. To avoid this, use a four-digit "yyyy" datetime format when it is anticipated that selections will be made for years outside of the range.
* 
If using a localization token, a new token must be created.
STRING
n/a
N
Y
DateOnly
Allow a user to select a date only.
BOOLEAN
False
N
N
InitializeWithCurrentDateTime
If checked, it will initialize the datetime property with the current datetime. If not selected, it will only set the datetime property when the user selects a datetime.
BOOLEAN
True
N
N
DateTime
The datetime value of the Date Time Picker widget
DATETIME
n/a
Y
N
TabSequence
Tab sequence index.
NUMBER
0
N
N
ToolTipField
Optional tooltip that is displayed in runtime when you hover over the widget. See Creating Tooltips for Widgets.
STRING
n/a
Y
Y
ShowDataLoading
Shows data loading.
BOOLEAN
True
N
N
Changed
The Event fired by the Date Time Picker widget when its datetime is changed.
n/a
n/a
Y
N
Label
The label text.
STRING
n/a
N
Y
Visible
Sets the visibility of the widget in runtime.
BOOLEAN
True
Y
N