161
Views
14
Comments
Solved
Retain Date range picker values in an Input field.
Application Type
Reactive
Service Studio Version
11.53.8 (Build 60995)

Hi all,

I need to retain date picker range values in the input field.

My Scenario is: -

1st when clicking on the Open button. So Date picker will be visible.



2nd: Select date range. 


and then I need to click on Apply and pass that values to some action but here the problem is when I checked which dates I selected by again clicking on open button then "DATES WERE NOT THERE."

I need to retain those values.
Can anybody suggest something?


2021-03-18 21-03-15
Benjith Sam
 
MVP
Solution

Hi Saransh,

For your use-case, the below-mentioned approach will work.

  • From the DatePickerRange widget's OnSelect handler, store the selected date range Start and End date in local variables e.g., SelectedStartDate and SelectedEndDate
  • Associate the same local variables to the DatePickerRange widget's InitialStartDate and InitialEndDate properties respectively.

Demo Screen: DateRangePickerTask

Refer to the attached oml.


I hope this helps you!

Kind regards,

Benjith Sam

NeoLab_DateRangePickerTask.oml
2026-04-01 11-40-30
Mahesh Manchala

Hi,

I have implemented similar kind of requirement and attached OML. Please find it.(Updated OML file)

DateSample.oml
UserImage.jpg
Saransh

let me check this Mahesh thanks for the response.

UserImage.jpg
Saransh

Hey @Mahesh Manchala that's great it is working for a single input date but I'm using a date-Range that still I'm unable to do.

2025-09-08 08-31-32
Tiago Pereira

Hi Saransh,

On Date Picker Range you have an Event called "OnSelected" that you can transfer the values to local variables.

Cheers,

Tiago Pereira

UserImage.jpg
Saransh

ok, Tiago let me try this one.

UserImage.jpg
Saransh

but tiago I  want to show date range in its field. 

2021-03-18 21-03-15
Benjith Sam
 
MVP
Solution

Hi Saransh,

For your use-case, the below-mentioned approach will work.

  • From the DatePickerRange widget's OnSelect handler, store the selected date range Start and End date in local variables e.g., SelectedStartDate and SelectedEndDate
  • Associate the same local variables to the DatePickerRange widget's InitialStartDate and InitialEndDate properties respectively.

Demo Screen: DateRangePickerTask

Refer to the attached oml.


I hope this helps you!

Kind regards,

Benjith Sam

NeoLab_DateRangePickerTask.oml
UserImage.jpg
Saransh

But I'm not having these fields Benjith. Only Initial Date I'm having.





2025-09-08 08-31-32
Tiago Pereira

@Benjith Sam showed you DatePickerRange and in your screenshots you are using DatePicker

UserImage.jpg
Saransh
2025-09-08 08-31-32
Tiago Pereira

Hmm, good question. What is your Outsystems Version?

UserImage.jpg
Saransh

11.53.08

no issues let me try with forge component.

UserImage.jpg
Saransh

i'm trying this component.

will update, If  I get any solution.

2025-09-08 08-31-32
Tiago Pereira

There's a 11.53.9 maybe it will solve that

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.