From b4c9d242ec57118411dd241399627ac5ce4ec6ea Mon Sep 17 00:00:00 2001
From: Nikhil Wali <nwali@groupon.com>
Date: Tue, 28 Apr 2020 20:50:58 +0100
Subject: [PATCH] feature: add custom properties for dialog

---
 src/app.vue                       | 4 ++++
 src/components/DatetimePicker.vue | 7 ++++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/app.vue b/src/app.vue
index da8d998..8f3f136 100644
--- a/src/app.vue
+++ b/src/app.vue
@@ -136,6 +136,7 @@
               <v-flex xs4>
                 <v-datetime-picker
                   v-model="datetime"
+                  :dialog-props="dialogProps"
                   :text-field-props="textFieldProps"
                   :date-picker-props="dateProps"
                   :time-picker-props="timeProps"
@@ -170,6 +171,9 @@ export default {
       timeProps: {
         useSeconds: true,
         ampmInTitle: true
+      },
+      dialogProps: {
+        persistent: true
       }
     }
   }
diff --git a/src/components/DatetimePicker.vue b/src/components/DatetimePicker.vue
index 71feba8..fec01f8 100644
--- a/src/components/DatetimePicker.vue
+++ b/src/components/DatetimePicker.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-dialog v-model="display" :width="dialogWidth">
+  <v-dialog v-model="display" v-bind="dialogProps" :width="dialogWidth">
     <template v-slot:activator="{ on }">
       <v-text-field
         v-bind="textFieldProps"
@@ -114,9 +114,10 @@ export default {
     datePickerProps: {
       type: Object
     },
-    timePickerProps: {
+    dialogProps: {
       type: Object
-    }
+    },
+    
   },
   data() {
     return {