Hi,

Please check this forge component

https://www.outsystems.com/forge/component-overview/12063/date-time-range-picker-reactive-o11

Hi @El T

please refer forge component Click here

Rajat

Hi @El T

If you want this format means  (E.g: 12/01/2024 13:50)  you can use the data type of that variable as date time (or) you can refer the below forge component, If it helps.

https://www.outsystems.com/forge/component-overview/12063/date-time-range-picker-reactive-o11

There are outsysetms forge components, and you can use html date time picker input element as well

https://www.outsystems.com/forge/component-overview/12063/date-time-range-picker-reactive-o11

https://www.w3schools.com/tags/att_input_type_datetime-local.asp

HTML Version without any component

Hi,

Just update your datatype of the variable from data ----> Date Time it will automatically includes time.

Hi ET,

Please check the Outsystems document for date picker example is given for Date and Time format.

https://success.outsystems.com/documentation/11/building_apps/user_interface/patterns/using_mobile_and_reactive_patterns/interaction/date_picker/

Follow the same, hope it helps.

Thanks

Hi El T, there are two issues with DatePickerRange for enabling time input, first the option to enable time is missing in configuration setting, second the output returned by DatePickerRange is of Date type.

I have built a solution for that, please check the attached OML (screenshot attached for reference), what I have done is crated my own configuration structure, I have only added enable time and minute increment options in the structure, you can add more as per your requirement (refer to this for configuration options), and created the new action to set DatePickerRange configuration based on the new structure, this solves the first problem to enable time, for the second issue, I have used the output to get date and string manipulation to extract time from DataPickerRange input variable to create start and end DateTime values, alternatively you can create a copy of the DatePickerRange block from OutSystemsUI and change the datatype of the variable in it.

Thanks
Gitansh Anand