From 9320fb85fe4469d5315d3c999d03ca85ec0bc15a Mon Sep 17 00:00:00 2001
From: Maksym Tsymbarov <mtsymbarov@thingsboard.io>
Date: Tue, 14 Oct 2025 10:37:41 +0300
Subject: [PATCH 1/2] Added missing translations

---
 .../filter/user-filter-dialog.component.html           | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/filter/user-filter-dialog.component.html b/ui-ngx/src/app/modules/home/components/filter/user-filter-dialog.component.html
index 4c350beee7..e878cbd246 100644
--- a/ui-ngx/src/app/modules/home/components/filter/user-filter-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/components/filter/user-filter-dialog.component.html
@@ -17,7 +17,7 @@
 -->
 <form [formGroup]="userFilterFormGroup" (ngSubmit)="save()" style="width: 400px;" class="user-filter-dialog">
   <mat-toolbar color="primary">
-    <h2>{{ filter.filter }}</h2>
+    <h2>{{ filter.filter | customTranslate }}</h2>
     <span class="flex-1"></span>
     <button mat-icon-button
             (click)="cancel()"
@@ -34,13 +34,13 @@
         <div [ngSwitch]="userInputControl.get('valueType').value">
           <ng-template [ngSwitchCase]="valueTypeEnum.STRING">
             <mat-form-field class="mat-block">
-              <mat-label>{{ userInputControl.get('label').value }}</mat-label>
+              <mat-label>{{ userInputControl.get('label').value  | customTranslate }}</mat-label>
               <input matInput [formControl]="userInputControl.get('value')">
             </mat-form-field>
           </ng-template>
           <ng-template [ngSwitchCase]="valueTypeEnum.NUMERIC">
             <mat-form-field class="mat-block">
-              <mat-label>{{ userInputControl.get('label').value }}</mat-label>
+              <mat-label>{{ userInputControl.get('label').value  | customTranslate }}</mat-label>
               <input required type="number" matInput [formControl]="userInputControl.get('value')">
               <div matSuffix class="mr-2"
                    [class.!hidden]="!userInputControl.get('unitSymbol').value">
@@ -49,14 +49,14 @@
             </mat-form-field>
           </ng-template>
           <ng-template [ngSwitchCase]="valueTypeEnum.DATE_TIME">
-            <label class="tb-title no-padding tb-required">{{ userInputControl.get('label').value }}</label>
+            <label class="tb-title no-padding tb-required">{{ userInputControl.get('label').value  | customTranslate }}</label>
             <tb-datetime [formControl]="userInputControl.get('value')"
                          dateText="{{ 'filter.date' | translate }}"
                          required [showLabel]="false"></tb-datetime>
           </ng-template>
           <ng-template [ngSwitchCase]="valueTypeEnum.BOOLEAN">
             <mat-checkbox labelPosition="before" [formControl]="userInputControl.get('value')">
-              {{ userInputControl.get('label').value }}
+              {{ userInputControl.get('label').value  | customTranslate }}
             </mat-checkbox>
           </ng-template>
         </div>

From 24a0b825bf340b17b402c540f3d0e9b1fcfec3e4 Mon Sep 17 00:00:00 2001
From: Maksym Tsymbarov <mtsymbarov@thingsboard.io>
Date: Wed, 15 Oct 2025 10:47:17 +0300
Subject: [PATCH 2/2] moved inputs to outline

---
 .../home/components/filter/user-filter-dialog.component.html  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/filter/user-filter-dialog.component.html b/ui-ngx/src/app/modules/home/components/filter/user-filter-dialog.component.html
index e878cbd246..6ec45f2d16 100644
--- a/ui-ngx/src/app/modules/home/components/filter/user-filter-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/components/filter/user-filter-dialog.component.html
@@ -33,13 +33,13 @@
            *ngFor="let userInputControl of userInputsFormArray().controls; let $index = index">
         <div [ngSwitch]="userInputControl.get('valueType').value">
           <ng-template [ngSwitchCase]="valueTypeEnum.STRING">
-            <mat-form-field class="mat-block">
+            <mat-form-field class="mat-block" appearance="outline">
               <mat-label>{{ userInputControl.get('label').value  | customTranslate }}</mat-label>
               <input matInput [formControl]="userInputControl.get('value')">
             </mat-form-field>
           </ng-template>
           <ng-template [ngSwitchCase]="valueTypeEnum.NUMERIC">
-            <mat-form-field class="mat-block">
+            <mat-form-field class="mat-block" appearance="outline">
               <mat-label>{{ userInputControl.get('label').value  | customTranslate }}</mat-label>
               <input required type="number" matInput [formControl]="userInputControl.get('value')">
               <div matSuffix class="mr-2"