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?


mvp_badge
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

Hi,

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

DateSample.oml

let me check this Mahesh thanks for the response.

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.

Hi Saransh,

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

Cheers,

Tiago Pereira

ok, Tiago let me try this one.

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

mvp_badge
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

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





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

Hmm, good question. What is your Outsystems Version?

11.53.08

no issues let me try with forge component.

i'm trying this component.

will update, If  I get any solution.

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.