Mashup Builder > Widgets > Beta Widgets > Date Time Picker Widget (Beta)
  
Date Time Picker Widget (Beta)
The Date Time Picker widget enables you to set a date and time in the mashup.
* 
The Date Time Picker is available as a Beta widget in the platform and as a web component that can be imported from an SDK.
The SDK is available at PTC Support under Download Software > Order or Download Software Updates > ThingWorx Platform > Release 8.4.
The properties of the Date Time Picker widget are listed below.
Property Name
Description
Base Type
Default Value
Bindable? (Y/N)
Localizable? (Y/N)
Label
The text that is displayed in the label of the Date Time Picker widget.
STRING
n/a
Y
Y
Disabled
Use this property to disable the widget in the mashup. The widget is displayed in the mashup but you cannot click it.
BOOLEAN
False
Y
N
HintText
Displays placeholder text that explains what should be entered in the field.
STRING
Select Date & Time
Y
Y
DateOnly
Enables you to display only the date.
BOOLEAN
True
N
N
DisplaySeconds
Enables you to display the time with seconds.
BOOLEAN
False
N
N
DateDelimiter
Allows you to set one character to separate the day, month, and year. For example, a — (hyphen) or / (slash) as in 05/10/2020.
STRING
n/a
N
Y
MonthFormat
Enables you to display the month in either full, short , or numeric format.
STRING
Full
N
N
DateOrder
Enables you to set the format of the date display. The different formats are Auto, Day-Month-Year, Month-Day-Year and Year-Month-Day.
When the default Auto is selected, the system date appears in the widget. Also, the DateDelimiter and MonthFormat properties are disabled by the widget.
STRING
Auto
N
N
FormatToken
Localize the date and time format using dd-mm-yy pattern. This property overrides the DisplaySeconds, DateOnly, DateDelimiter, MonthFormat and DateOrder properties.
This syntax follows the ISO format.
STRING
n/a
N
Y
IntervalType
Enables you to set an interval type as Hours, Minutes, Seconds, or Days.
This property is available only when you select the InitializeWithCurrentDateTime property. For example, when you set an interval type from the dropdown list as Days and enter an integer value 1 in the Interval property field, the widget picks tomorrow’s date.
STRING
Hours
N
N
Interval
Enables you to set an initial interval.
This property is available only when you select the InitializeWithCurrentDateTime property.
NUMBER
n/a
N
N
CustomClass
Enables you to define the CSS to the top div of the widget. Multiple classes can be entered, separated by space.
STRING
n/a
Y
N
TabSequence
The sequence of the widgets in which they are highlighted when the user presses Tab key.
NUMBER
n/a
N
N
WeeklyCalendarStart
Enables you to set the weekly calendar to start on Sunday or Monday.
STRING
Monday
N
N
InitializeWithCurrentDateTime
Enables you to set the DateTime property with current date and time. If this property is not selected, you must enter the date and time.
BOOLEAN
True
N
N
LabelAlignment
Enables you to align the label to the left, right or center on the widget.
STRING
Left
N
N
DateTime
Source for date and time value of the date time picker.
DATETIME
n/a
Y
N
Changed
A bindable event that is triggered when the data for this widget is modified.
n/a
n/a
Y
N
ResetToDefaultValue
Resets the inputs for this widget to its default values.
n/a
n/a
Y
N
Width
The width of the widget.
NUMBER
n/a
N
N
Height
The height of the widget. The height is set to the maximum width of the label by default. It increases if the widget has multiline label. Enter a value in the property panel or resize the widget in the canvas to set a fixed height.
NUMBER
n/a
N
N