feat(elastic-filter-time): enhance time filter functionality and update UI interactions

Signed-off-by: Manuel Abascal <mjabascal10@gmail.com>

Author: mjabascal10

frontend/src/app/shared/components/utm/filters/elastic-filter-time/elastic-filter-time.component.html

@@ -52,10 +52,10 @@
         <input style="width: 60px" [(ngModel)]="lastTime" class="form-control last-time cursor-pointer" [max]="maxTimeValue()" min="1" type="number">
       </div>
 
-      <ng-select [(ngModel)]="timeUnit" [clearable]="true"
+      <ng-select [(ngModel)]="timeUnit"
+                 [clearable]="false"
                  [items]="times"
                  [searchable]="false"
-                 autofocus
                  bindLabel="label"
                  class="mr-2 w-100">
       </ng-select>
@@ -85,7 +85,7 @@
     </div>
   </div>
   <div class="mt-2">
-  <span (click)="isCollapsed = !isCollapsed" class="font-weight-semibold p-2 cursor-pointer">
+  <span (click)="onCustomRange()" class="font-weight-semibold p-2 cursor-pointer">
     <i [ngClass]="isCollapsed?'icon-arrow-up32':'icon-arrow-right32'"></i>
         Custom range
   </span>

frontend/src/app/shared/components/utm/filters/elastic-filter-time/elastic-filter-time.component.ts

@@ -195,6 +195,10 @@ export class ElasticFilterTimeComponent implements OnInit, OnChanges, OnDestroy
         this.timeFilterChange.emit({
           timeFrom: resolveUTCDate(this.dateFrom), timeTo: resolveUTCDate(this.dateTo)
         });
+
+        this.maxDateFrom = null;
+        this.maxDateTo = null;
+
       }
     }
   }
@@ -221,11 +225,13 @@ export class ElasticFilterTimeComponent implements OnInit, OnChanges, OnDestroy
 
   // Function called every time the 'timeFrom' date is changed
   onTimeFromChange() {
+    this.maxDateFrom = null;
     this.updateMaxDates('from');  // Update maxDates when timeFrom changes
   }
 
   // Function called every time the 'timeTo' date is changed
   onTimeToChange() {
+    this.maxDateTo = null;
     this.updateMaxDates('to');  // Update maxDates when timeTo changes
   }
 
@@ -263,7 +269,7 @@ export class ElasticFilterTimeComponent implements OnInit, OnChanges, OnDestroy
     return false;
   }
 
-  isDirty(){
+  isDirty() {
     return this.rangeTimeFrom !== undefined && this.rangeTimeTo !== undefined;
   }
 
@@ -287,6 +293,14 @@ export class ElasticFilterTimeComponent implements OnInit, OnChanges, OnDestroy
     }
   }
 
+  onCustomRange() {
+    this.isCollapsed = !this.isCollapsed;
+    if (this.isCollapsed) {
+      this.maxDateFrom = null;
+      this.maxDateTo = null;
+    }
+  }
+
   ngOnDestroy(): void {
     this.timeFilterBehavior.$time.next(null);
     this.destroy$.next();