Moving from absolute to relative date filter should remove the absolute filter and use the default relative filter
### Describe the issue

Going on any page with date filter (executions, logs), if you select an absolute date then move to relative date filtering, even though visually it looks like it selects something (like last 30 days), it keeps the old absolute date filter till you swap out the selected relative filter.

We also see in query params that it kept the old filter

![image](https://github.com/kestra-io/kestra/assets/37618489/65f42b7d-4fe4-4ad8-a272-d7b6d13e2ce6)

### Environment

- Kestra Version: 0.15.7
- Operating System (OS/Docker/Kubernetes):
- Java Version (if you don't run kestra in Docker):

ui/src/components/executions/date-select/DateFilter.vue
ui/src/components/executions/date-select/DateFilter.vue
diff --git a/ui/src/components/executions/date-select/DateFilter.vue b/ui/src/components/executions/date-select/DateFilter.vue
index e2946506dd..dcc99f1d86 100644
--- a/ui/src/components/executions/date-select/DateFilter.vue
+++ b/ui/src/components/executions/date-select/DateFilter.vue
@@ -65,7 +65,11 @@
         },
         methods: {
             onSelectedFilterType() {
-                this.$emit("update:isRelative", this.selectedFilterType === this.filterType.RELATIVE);
+                const relativeFilterSelected = this.selectedFilterType === this.filterType.RELATIVE;
+
+                this.$emit("update:isRelative", relativeFilterSelected);
+
+                this.tryOverrideAbsFilter(relativeFilterSelected);
             },
             onAbsFilterChange(event) {
                 const filter = {
@@ -85,6 +89,12 @@
             },
             updateFilter(filter) {
                 this.$emit("update:filterValue", filter);
+            },
+            tryOverrideAbsFilter(relativeFilterSelected) {
+                if (relativeFilterSelected && (this.$route.query.startDate || this.$route.query.endDate)) {
+                    const forcedDefaultRelativeFilter = {timeRange: undefined};
+                    this.onRelFilterChange(forcedDefaultRelativeFilter);
+                }
             }
         }
     }
