Date Time Picker Range - Documentation (O11)

Stable version 1.1.1 (Compatible with OutSystems 11)

Other versions available for 10

Uploaded

on 09 September 2019

5.0

(6 ratings)

Documentation

1.1.1

A JavaScript component for choosing date ranges, dates and times. The component import Jquery and MomentJs.

Input Parameters:

Input Parameter	Description	DataType
InputId	Input Id of the input	Text
Format	Date Time formate. Example: "YYYY-MM-DD HH:mm"	Text
TimePicker24Hour	(true/false) Use 24-hour instead of 12-hour times, removing the AM/PM selection.	Boolean
TimePicker	(true/false) Adds select boxes to choose times in addition to dates.	Boolean
TimePickerSeconds	(true/false) Show seconds in the timePicker.	Boolean
StartDate	The beginning date of the initially selected date range. If you provide a string, it must match the date format string set in your locale setting.	Date Time
EndDate	The end date of the initially selected date range.	Date Time
TimePickerIncrement	Increment of the minutes selection list for times (i.e. 30 to allow only selection of times ending in 0 or 30).	Integer
ShowWeekNumbers	Show localized week numbers at the start of each week on the calendars.	Boolean
LinkedCalendars	When enabled, the two calendars displayed will always be for two sequential months (i.e. January and February), and both will be advanced when clicking the left or right arrows above the calendars. When disabled, the two calendars can be individually advanced and display any month/year.	Boolean
SingleDatePicker	Show only a single calendar to choose one date, instead of a range picker with two calendars. The start and end dates provided to your callback will be the same single date chosen.	Boolean

The widget event return:

Output	Description	DataType
DateTimeRangePicked	Return DateTime Range, like you see in the input (DataType: Text)	Text
InputId	Return Input Id	Text
DateTimeStart	Return the Date Time start picked	DateTime
DateTimeEnd	Return the Date Time end picked	DateTime

1º Step - You only need to do a Drag and Drop of the widget:

2º Step - Now, you need to configure the input parameters of the widget (check the list and description above). Like that:

3º Step - The widget will trigger you from an event. You need to create an action to receive the data:

PS. In OutSystems Now you can have some issues to pick date, but it is working in native applications.

Enjoy it!