Date Range Picker doesn't apply automatically on initial load

I am initialising a date Range picker with today’s date as start and end date. However, it doesn’t apply automatically once the page loads. The user has to go apply it manually as in the video. How can this happen on page load itself?


Custom Portal — Watch Video

Picker code looks like this:
Screenshot 2020-09-26 at 5.03.25 PM

Hi,

Auto apply here means that when the picker is open, and user selected the range, they don’t have to click the Apply button.
On page load, no events are fired with the default values.

If your date picker is inside a form you will have to run a submit action on page load.
Please share some more of the code or page for a better suggestion/solution.