Event management system: Scroll Interaction

The past and upcoming events have been laid out in a single page where the user can access the events without any hassle.

When the page loads, it will scroll to the separator which helps the user to distinguish the borderline clearly. when the filter happens, the page will scroll back to the top.
By default, the 'From date' has been configured to the 30 days past from the current date which increases the loading speed of data.

Note: The data shown in the prototype is not real.