From a60580b8de16b0fd5be56d07bdc009365e32c92a Mon Sep 17 00:00:00 2001
From: "pinkevycdima@gmail.com" <pinkevycdima@gmail.com>
Date: Tue, 18 Jan 2022 11:47:04 +0200
Subject: [PATCH 1/3] when i have 110% zoom - I get the window with calendar by
 horizontal

---
 .../date-range-navigator-panel.component.html                    | 1 +
 1 file changed, 1 insertion(+)

diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator-panel.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator-panel.component.html
index 36edb76b97..8a31fa1753 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator-panel.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator-panel.component.html
@@ -21,6 +21,7 @@
   </mat-form-field>
   <ngx-daterangepicker-material [startDate]="model.startDate"
                                 [endDate]="model.endDate"
+                                class="datePicker"
                                 [locale]="locale"
                                 [singleDatePicker]="settings.onePanel"
                                 [autoApply]="true" (choosedDate)="choosedDate($event)">

From 1c8fd3b946387d6c5c98632f1380c325d65ce091 Mon Sep 17 00:00:00 2001
From: "pinkevycdima@gmail.com" <pinkevycdima@gmail.com>
Date: Tue, 18 Jan 2022 11:48:06 +0200
Subject: [PATCH 2/3] window with calender by horizontal

---
 .../date-range-navigator-panel.component.scss                   | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator-panel.component.scss b/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator-panel.component.scss
index c0dfe5c86f..0dd1d83dc2 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator-panel.component.scss
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator-panel.component.scss
@@ -29,5 +29,7 @@
 
   .mat-padding {
     padding: 16px;
+    min-width: 560px;
   }
+  
 }

From 79fd4956f693545b3e2e9db6858224fc1ea019dd Mon Sep 17 00:00:00 2001
From: "pinkevycdima@gmail.com" <pinkevycdima@gmail.com>
Date: Tue, 18 Jan 2022 11:51:01 +0200
Subject: [PATCH 3/3] remove unnecessary class

---
 .../date-range-navigator-panel.component.html                    | 1 -
 1 file changed, 1 deletion(-)

diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator-panel.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator-panel.component.html
index 8a31fa1753..36edb76b97 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator-panel.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/date-range-navigator/date-range-navigator-panel.component.html
@@ -21,7 +21,6 @@
   </mat-form-field>
   <ngx-daterangepicker-material [startDate]="model.startDate"
                                 [endDate]="model.endDate"
-                                class="datePicker"
                                 [locale]="locale"
                                 [singleDatePicker]="settings.onePanel"
                                 [autoApply]="true" (choosedDate)="choosedDate($event)">