483
Views
10
Comments
Solved
How to save datepicker range state
Question

Hello,

I try set up DatePicker, but have the problem with state:

When I select date range, then click to empty space and return to DatePicker, it doesn't save state of my selection. 


What I missed?

Please help me find solution

DatePicker.oap
2020-07-06 13-26-26
Paulo Jadaugy
Solution
2020-01-23 12-22-46
kirill_code

Thank you all for help!

I hoped that we can find how to work with standard widget. I guess that this bug behaviour 




2026-02-26 06-29-24
Rahul
 
MVP

Hi kirill_code,

I downloaded your applicaation and its working fine.

look below url-

https://rahul-sahu.outsystemscloud.com/DatePicker/DatePicker.aspx?_ts=637231739909141112


Regards

Rahul Sahu

2020-01-23 12-22-46
kirill_code

Rahul Sahu same situation. It doesn't save state inside widget. E.g if I select two dates, they will not be marked in widget in second time. Only enddate, but not both. Please look in attached video.

2020-09-21 08-42-47
Vincent Koning

Hi Kirill,

Are you using Reactive or Web Traditional? I got it working in Reactive with the latest version of OutSystems UI

Demo: https://vkoning.outsystemscloud.com/DatePickerDemo/Demo

Kind regards,

Vincent

DatePickerDemo.oap
2020-01-23 12-22-46
kirill_code

Vincent Koning, I use Traditional Web


2025-12-23 12-24-14
Adão Pedro

Hello, you can share your solution in react. I downloaded but does not allow installation.

Thanks

2020-07-06 13-26-26
Paulo Jadaugy
Solution

If not using Reactive, there's also a forge component that could be useful for you:
https://www.outsystems.com/forge/component-overview/2252/daterangepicker


Demo page:
https://nielsfavreau.outsystemscloud.com/DateRangePickerDEMO/

2020-01-23 12-22-46
kirill_code

Thank you all for help!

I hoped that we can find how to work with standard widget. I guess that this bug behaviour 




2020-09-21 08-42-47
Vincent Koning

Hi Kirill,

See the following demo in Trad. Web: https://vkoning.outsystemscloud.com/DemoRangeSliderTradWeb/Demo.aspx

The only unique thing I did is that I used the variable that I store the value in is also the variable for the initial value. Perhaps this is the change you where looking for?

Kind regards,

Vincent

DemoRangeSliderTradWeb.oap
2020-09-21 08-42-47
Vincent Koning

scrap this........ I see I messed up somewhere.....

2022-02-25 19-42-59
Srinivas K Singadi

Hi kirill_code

As Paulo Jadaugy said in the above comment please take a look at that forge component it can help you solve your problem 

 here I am adding one more date range picker forge component:https://www.outsystems.com/forge/component-overview/4027/date-range-picker

you please take a look on these components, and use the same logic in your code

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