From fd6d3fa1a1a2102ff33d32d74f844826b76524a5 Mon Sep 17 00:00:00 2001
From: Daniel Mohns <daniel.mohns@posteo.de>
Date: Wed, 10 Jul 2024 13:49:29 +0200
Subject: [PATCH] Fix DatePicker dialog closing to early

As a workaround we can set

```
:md-close-on-blur="false"
```
---
 Website/ui/src/modules/Agent/AgentDetail.vue              | 1 +
 Website/ui/src/modules/Agent/NewAgent.vue                 | 2 +-
 Website/ui/src/modules/Client/AddClientModal.vue          | 3 ++-
 Website/ui/src/modules/Client/ClientPersonalData.vue      | 3 ++-
 Website/ui/src/modules/Client/Ticket.vue                  | 2 +-
 Website/ui/src/modules/Dashboard/FinancialOverview.vue    | 6 ++++--
 Website/ui/src/modules/Maintenance/Maintenance.vue        | 5 +++--
 Website/ui/src/modules/Meter/Readings.vue                 | 6 ++++--
 Website/ui/src/modules/MiniGrid/Dashboard.vue             | 6 ++++--
 Website/ui/src/modules/Target/NewTarget.vue               | 4 ++--
 Website/ui/src/modules/Transactions/FilterTransaction.vue | 8 ++++----
 11 files changed, 28 insertions(+), 18 deletions(-)

diff --git a/Website/ui/src/modules/Agent/AgentDetail.vue b/Website/ui/src/modules/Agent/AgentDetail.vue
index d7e6eb5aa..a084ad82c 100644
--- a/Website/ui/src/modules/Agent/AgentDetail.vue
+++ b/Website/ui/src/modules/Agent/AgentDetail.vue
@@ -109,6 +109,7 @@
                                         name="birthDate"
                                         md-immediately
                                         v-model="agent.birthday"
+                                        :md-close-on-blur="false"
                                     >
                                         <label for="birth-date">
                                             Birthday :
diff --git a/Website/ui/src/modules/Agent/NewAgent.vue b/Website/ui/src/modules/Agent/NewAgent.vue
index 8fda85033..a8f5a4b7d 100644
--- a/Website/ui/src/modules/Agent/NewAgent.vue
+++ b/Website/ui/src/modules/Agent/NewAgent.vue
@@ -170,9 +170,9 @@
                                 >
                                     <md-datepicker
                                         name="birthDate"
-                                        id="birthDate"
                                         md-immediately
                                         v-model="agentService.agent.birthday"
+                                        :md-close-on-blur="false"
                                     >
                                         <label for="birth-date">
                                             {{ $tc('words.birthday') }} :
diff --git a/Website/ui/src/modules/Client/AddClientModal.vue b/Website/ui/src/modules/Client/AddClientModal.vue
index 2e6742b3c..ce22a1ff6 100644
--- a/Website/ui/src/modules/Client/AddClientModal.vue
+++ b/Website/ui/src/modules/Client/AddClientModal.vue
@@ -112,9 +112,10 @@
                                 class="md-layout-item md-size-50 md-small-size-100"
                             >
                                 <md-datepicker
-                                    md-immediately
                                     name="birthDate"
+                                    md-immediately
                                     v-model="personService.person.birthDate"
+                                    :md-close-on-blur="false"
                                 >
                                     <label for="birth-date">
                                         {{ $tc('words.birthday') }} :
diff --git a/Website/ui/src/modules/Client/ClientPersonalData.vue b/Website/ui/src/modules/Client/ClientPersonalData.vue
index 9fc9bd9aa..85c8d2f55 100644
--- a/Website/ui/src/modules/Client/ClientPersonalData.vue
+++ b/Website/ui/src/modules/Client/ClientPersonalData.vue
@@ -118,9 +118,10 @@
                                 </span>
                             </md-field>
                             <md-datepicker
-                                md-immediately
                                 name="birthDate"
+                                md-immediately
                                 v-model="personService.person.birthDate"
+                                :md-close-on-blur="false"
                             >
                                 <label for="birth-date">
                                     {{ $tc('words.birthday') }} :
diff --git a/Website/ui/src/modules/Client/Ticket.vue b/Website/ui/src/modules/Client/Ticket.vue
index 06ba779a5..98fc6db9e 100644
--- a/Website/ui/src/modules/Client/Ticket.vue
+++ b/Website/ui/src/modules/Client/Ticket.vue
@@ -41,8 +41,8 @@
                         <md-datepicker
                             name="ticketDueDate"
                             md-immediately
-                            id="ticketDueDate"
                             v-model="newTicket.dueDate"
+                            :md-close-on-blur="false"
                         >
                             <label for="ticketDueDate">
                                 {{ $tc('phrases.dueDate') }}
diff --git a/Website/ui/src/modules/Dashboard/FinancialOverview.vue b/Website/ui/src/modules/Dashboard/FinancialOverview.vue
index 7356d2518..ea8abba3d 100644
--- a/Website/ui/src/modules/Dashboard/FinancialOverview.vue
+++ b/Website/ui/src/modules/Dashboard/FinancialOverview.vue
@@ -13,9 +13,10 @@
             <div class="md-layout md-gutter">
                 <div class="md-layout-item md-size-100">
                     <md-datepicker
-                        v-model="period.from"
                         md-immediately
+                        v-model="period.from"
                         v-validate="'required'"
+                        :md-close-on-blur="false"
                     >
                         <label>{{ $tc('phrases.fromDate') }}</label>
                     </md-datepicker>
@@ -25,9 +26,10 @@
                 </div>
                 <div class="md-layout-item md-size-100">
                     <md-datepicker
-                        v-model="period.to"
                         md-immediately
+                        v-model="period.to"
                         v-validate="'required'"
+                        :md-close-on-blur="false"
                     >
                         <label>{{ $tc('phrases.toDate') }}</label>
                     </md-datepicker>
diff --git a/Website/ui/src/modules/Maintenance/Maintenance.vue b/Website/ui/src/modules/Maintenance/Maintenance.vue
index 456bb507c..a3d22234c 100644
--- a/Website/ui/src/modules/Maintenance/Maintenance.vue
+++ b/Website/ui/src/modules/Maintenance/Maintenance.vue
@@ -160,10 +160,11 @@
                             >
                                 <div>
                                     <md-datepicker
-                                        v-model="maintenanceData.dueDate"
                                         :name="$tc('words.date')"
-                                        v-validate="'required'"
                                         md-immediately
+                                        v-model="maintenanceData.dueDate"
+                                        v-validate="'required'"
+                                        :md-close-on-blur="false"
                                     >
                                         <label>
                                             {{ $tc('phrases.dueDate') }}
diff --git a/Website/ui/src/modules/Meter/Readings.vue b/Website/ui/src/modules/Meter/Readings.vue
index 7fbd1dfec..126865e6f 100644
--- a/Website/ui/src/modules/Meter/Readings.vue
+++ b/Website/ui/src/modules/Meter/Readings.vue
@@ -13,9 +13,10 @@
             <div class="md-layout md-gutter">
                 <div class="md-layout-item md-size-100">
                     <md-datepicker
-                        v-model="dates.dateOne"
                         md-immediately
+                        v-model="dates.dateOne"
                         v-validate="'required'"
+                        :md-close-on-blur="false"
                     >
                         <label>{{ $tc('phrases.fromDate') }}</label>
                     </md-datepicker>
@@ -25,9 +26,10 @@
                 </div>
                 <div class="md-layout-item md-size-100">
                     <md-datepicker
-                        v-model="dates.dateTwo"
                         md-immediately
+                        v-model="dates.dateTwo"
                         v-validate="'required'"
+                        :md-close-on-blur="false"
                     >
                         <label>{{ $tc('phrases.toDate') }}</label>
                     </md-datepicker>
diff --git a/Website/ui/src/modules/MiniGrid/Dashboard.vue b/Website/ui/src/modules/MiniGrid/Dashboard.vue
index bff38834d..57cc9337d 100644
--- a/Website/ui/src/modules/MiniGrid/Dashboard.vue
+++ b/Website/ui/src/modules/MiniGrid/Dashboard.vue
@@ -62,9 +62,10 @@
                                 <div class="md-layout md-gutter">
                                     <div class="md-layout-item md-size-100">
                                         <md-datepicker
-                                            v-model="period.from"
                                             md-immediately
+                                            v-model="period.from"
                                             v-validate="'required'"
+                                            :md-close-on-blur="false"
                                         >
                                             <label>
                                                 {{ $tc('phrases.fromDate') }}
@@ -80,9 +81,10 @@
                                     </div>
                                     <div class="md-layout-item md-size-100">
                                         <md-datepicker
-                                            v-model="period.to"
                                             md-immediately
+                                            v-model="period.to"
                                             v-validate="'required'"
+                                            :md-close-on-blur="false"
                                         >
                                             <label>
                                                 {{ $tc('phrases.toDate') }}
diff --git a/Website/ui/src/modules/Target/NewTarget.vue b/Website/ui/src/modules/Target/NewTarget.vue
index fb20d76f5..04defb47e 100644
--- a/Website/ui/src/modules/Target/NewTarget.vue
+++ b/Website/ui/src/modules/Target/NewTarget.vue
@@ -85,10 +85,10 @@
                                 ),
                             }"
                             :name="$tc('phrases.validUntil')"
-                            v-validate.initial="'required'"
-                            :md-model-type="String"
                             md-immediately
                             v-model="targetValidUntil"
+                            v-validate.initial="'required'"
+                            :md-close-on-blur="false"
                         >
                             <label>{{ $tc('phrases.validUntil') }}</label>
                             <span class="md-error">
diff --git a/Website/ui/src/modules/Transactions/FilterTransaction.vue b/Website/ui/src/modules/Transactions/FilterTransaction.vue
index 09ca26f8b..b0e689de5 100644
--- a/Website/ui/src/modules/Transactions/FilterTransaction.vue
+++ b/Website/ui/src/modules/Transactions/FilterTransaction.vue
@@ -107,9 +107,9 @@
                         class="md-layout-item md-xlarge-size-100 md-large-size-100 md-medium-size-100 md-small-size-100 md-xsmall-size-100"
                     >
                         <md-datepicker
-                            v-model="filterFrom"
                             md-immediately
-                            :md-model-type="String"
+                            v-model="filterFrom"
+                            :md-close-on-blur="false"
                         >
                             <label>{{ $tc('phrases.fromDate') }}</label>
                         </md-datepicker>
@@ -119,9 +119,9 @@
                         class="md-layout-item md-xlarge-size-100 md-large-size-100 md-medium-size-100 md-small-size-100 md-xsmall-size-100"
                     >
                         <md-datepicker
-                            v-model="filterTo"
                             md-immediately
-                            :md-model-type="String"
+                            v-model="filterTo"
+                            :md-close-on-blur="false"
                         >
                             <label>{{ $tc('phrases.toDate') }}</label>
                         </md-datepicker>