From 7197fae58c558398b217f8de2e041f7d409d0b27 Mon Sep 17 00:00:00 2001
From: Rossicler <rossiclerjr@gmail.com>
Date: Tue, 15 Oct 2019 16:47:23 -0300
Subject: [PATCH 1/4] Changed datepicker of AddRelease

---
 src/components/Releases/AddRelease.vue | 47 ++++++++++++++++++++++++--
 1 file changed, 44 insertions(+), 3 deletions(-)

diff --git a/src/components/Releases/AddRelease.vue b/src/components/Releases/AddRelease.vue
index b486b6fb..f75d0edb 100644
--- a/src/components/Releases/AddRelease.vue
+++ b/src/components/Releases/AddRelease.vue
@@ -36,9 +36,50 @@
             </input><br>
             </div>
             <div class="col-6">
-              
-              <label>Initial Date</label>
-              <input type="date" v-model="initialDate" name="Initial Date" ref="Initial Date" min="2" v-validate="'date_format:YYYY-MM-DD'"/><br>
+              <v-dialog
+                ref="dialog"
+                v-model="modal"
+                :return-value.sync="date"
+                persistent
+                width="290px"
+              >
+                <template v-slot:activator="{ on }">
+                  <v-text-field
+                    v-model="initialDate"
+                    label="Initial Date"
+                    prepend-icon="event"
+                    readonly
+                    v-on="on"
+                  ></v-text-field>
+                </template>
+                <v-date-picker v-model="initialDate" scrollable>
+                  <v-spacer></v-spacer>
+                  <v-btn text color="primary" @click="modal = false">Cancel</v-btn>
+                  <v-btn text color="primary" @click="$refs.dialog.save(date)">OK</v-btn>
+                </v-date-picker>
+              </v-dialog>
+              <v-dialog
+                ref="dialog"
+                v-model="modal"
+                :return-value.sync="date"
+                persistent
+                width="290px"
+              >
+                <template v-slot:activator="{ on }">
+                  <v-text-field
+                    v-model="finalDate"
+                    label="Final Date"
+                    prepend-icon="event"
+                    readonly
+                    v-on="on"
+                  ></v-text-field>
+                </template>
+                <v-date-picker v-model="finalDate" :min="this.initialDate" scrollable>
+                  <v-spacer></v-spacer>
+                  <v-btn text color="primary" @click="modal = false">Cancel</v-btn>
+                  <v-btn text color="primary" @click="$refs.dialog.save(date)">OK</v-btn>
+                </v-date-picker>
+              </v-dialog>
               <label>Final Date</label>
               <input type="date" v-model="finalDate" v-bind:min="this.initialDate" name="Final Date" v-validate="'date_format:YYYY-MM-DD|after:Initial Date'">
               <p class="text-danger" v-if="errors.has('Final Date')">{{ errors.first('Final Date') }}</p>

From cc53f89cdc549457e83d4e4ef39e96130addc3e3 Mon Sep 17 00:00:00 2001
From: Rossicler <rossiclerjr@gmail.com>
Date: Tue, 15 Oct 2019 16:57:18 -0300
Subject: [PATCH 2/4] Removed buttons and fixed conflict on closing different
 modals

---
 src/components/Releases/AddRelease.vue | 20 ++++++--------------
 1 file changed, 6 insertions(+), 14 deletions(-)

diff --git a/src/components/Releases/AddRelease.vue b/src/components/Releases/AddRelease.vue
index f75d0edb..82710c68 100644
--- a/src/components/Releases/AddRelease.vue
+++ b/src/components/Releases/AddRelease.vue
@@ -37,8 +37,8 @@
             </div>
             <div class="col-6">
               <v-dialog
-                ref="dialog"
-                v-model="modal"
+                ref="initialDialog"
+                v-model="modalInitialDate"
                 :return-value.sync="date"
                 persistent
                 width="290px"
@@ -52,15 +52,12 @@
                     v-on="on"
                   ></v-text-field>
                 </template>
-                <v-date-picker v-model="initialDate" scrollable>
-                  <v-spacer></v-spacer>
-                  <v-btn text color="primary" @click="modal = false">Cancel</v-btn>
-                  <v-btn text color="primary" @click="$refs.dialog.save(date)">OK</v-btn>
+                <v-date-picker v-model="initialDate" scrollable @input="modalInitialDate = false">
                 </v-date-picker>
               </v-dialog>
               <v-dialog
-                ref="dialog"
-                v-model="modal"
+                ref="finalDialog"
+                v-model="modalFinalDate"
                 :return-value.sync="date"
                 persistent
                 width="290px"
@@ -74,14 +71,9 @@
                     v-on="on"
                   ></v-text-field>
                 </template>
-                <v-date-picker v-model="finalDate" :min="this.initialDate" scrollable>
-                  <v-spacer></v-spacer>
-                  <v-btn text color="primary" @click="modal = false">Cancel</v-btn>
-                  <v-btn text color="primary" @click="$refs.dialog.save(date)">OK</v-btn>
+                <v-date-picker v-model="finalDate" :min="this.initialDate" scrollable @input="modalFinalDate = false">
                 </v-date-picker>
               </v-dialog>
-              <label>Final Date</label>
-              <input type="date" v-model="finalDate" v-bind:min="this.initialDate" name="Final Date" v-validate="'date_format:YYYY-MM-DD|after:Initial Date'">
               <p class="text-danger" v-if="errors.has('Final Date')">{{ errors.first('Final Date') }}</p>
               </input><br>
             </div>

From e5f8b7bc607250460299c2e026065a097d7d1163 Mon Sep 17 00:00:00 2001
From: Rossicler <rossiclerjr@gmail.com>
Date: Tue, 15 Oct 2019 17:06:41 -0300
Subject: [PATCH 3/4] Migrated the existing input type date to vuetify
 datepicker

---
 src/components/Releases/EditRelease.vue | 43 +++++++++++++++++++---
 src/components/Sprints/AddSprint.vue    | 47 ++++++++++++++++++++-----
 src/components/Sprints/EditSprint.vue   | 47 ++++++++++++++++++++-----
 3 files changed, 114 insertions(+), 23 deletions(-)

diff --git a/src/components/Releases/EditRelease.vue b/src/components/Releases/EditRelease.vue
index 8fff3773..1e292b7f 100644
--- a/src/components/Releases/EditRelease.vue
+++ b/src/components/Releases/EditRelease.vue
@@ -27,11 +27,44 @@
             </input><br>
             </div>
             <div class="col-6">
-              
-              <label>Initial Date</label>
-              <input type="date" v-model="initialDate" name="Initial Date" ref="Initial Date" min="2" v-validate="'date_format:YYYY-MM-DD'"/><br>
-              <label>Final Date</label>
-              <input type="date" v-model="finalDate" v-bind:min="this.initialDate" name="Final Date" v-validate="'date_format:YYYY-MM-DD|after:Initial Date'">
+              <v-dialog
+                ref="initialDialog"
+                v-model="modalInitialDate"
+                :return-value.sync="date"
+                persistent
+                width="290px"
+              >
+                <template v-slot:activator="{ on }">
+                  <v-text-field
+                    v-model="initialDate"
+                    label="Initial Date"
+                    prepend-icon="event"
+                    readonly
+                    v-on="on"
+                  ></v-text-field>
+                </template>
+                <v-date-picker v-model="initialDate" scrollable @input="modalInitialDate = false">
+                </v-date-picker>
+              </v-dialog>
+              <v-dialog
+                ref="finalDialog"
+                v-model="modalFinalDate"
+                :return-value.sync="date"
+                persistent
+                width="290px"
+              >
+                <template v-slot:activator="{ on }">
+                  <v-text-field
+                    v-model="finalDate"
+                    label="Final Date"
+                    prepend-icon="event"
+                    readonly
+                    v-on="on"
+                  ></v-text-field>
+                </template>
+                <v-date-picker v-model="finalDate" :min="this.initialDate" scrollable @input="modalFinalDate = false">
+                </v-date-picker>
+              </v-dialog>
               <p class="text-danger" v-if="errors.has('Final Date')">{{ errors.first('Final Date') }}</p>
               </input><br>
             </div>
diff --git a/src/components/Sprints/AddSprint.vue b/src/components/Sprints/AddSprint.vue
index 9fb1a5a4..3ddf382f 100644
--- a/src/components/Sprints/AddSprint.vue
+++ b/src/components/Sprints/AddSprint.vue
@@ -25,16 +25,45 @@
             </div>
 
             <div class="col-6">
-              <label>Initial Date</label>
-              <input type="date" name="Initial Date" ref="Initial Date" v-model="sprintInitialDate" 
-                     v-bind:min="this.releaseInitialDate" v-bind:max="this.releaseFinalDate"
-                     v-validate="'required|date_format:YYYY-MM-DD|'"
-              />
+              <v-dialog
+                ref="initialDialog"
+                v-model="modalInitialDate"
+                :return-value.sync="date"
+                persistent
+                width="290px"
+              >
+                <template v-slot:activator="{ on }">
+                  <v-text-field
+                    v-model="sprintInitialDate"
+                    label="Initial Date"
+                    prepend-icon="event"
+                    readonly
+                    v-on="on"
+                  ></v-text-field>
+                </template>
+                <v-date-picker v-model="sprintInitialDate" :min="this.releaseInitialDate" :max="this.releaseFinalDate" scrollable @input="modalInitialDate = false">
+                </v-date-picker>
+              </v-dialog>
 
-              <label>Final Date</label>
-              <input type="date" name="Final Date" v-model="sprintFinalDate" v-bind:min="this.sprintInitialDate"
-                     v-bind:max="this.releaseFinalDate" required v-validate="'date_format:YYYY-MM-DD|after:Initial Date'"
-              />
+              <v-dialog
+                ref="finalDialog"
+                v-model="modalFinalDate"
+                :return-value.sync="date"
+                persistent
+                width="290px"
+              >
+                <template v-slot:activator="{ on }">
+                  <v-text-field
+                    v-model="sprintFinalDate"
+                    label="Final Date"
+                    prepend-icon="event"
+                    readonly
+                    v-on="on"
+                  ></v-text-field>
+                </template>
+                <v-date-picker v-model="sprintFinalDate" :min="this.sprintInitialDate" :max="this.releaseFinalDate" scrollable @input="modalFinalDate = false">
+                </v-date-picker>
+              </v-dialog>
               <p class="text-danger" v-if="errors.has('Final Date')">{{ errors.first('Final Date') }}</p>
             </div>
           </div>
diff --git a/src/components/Sprints/EditSprint.vue b/src/components/Sprints/EditSprint.vue
index db277958..60df0dd0 100644
--- a/src/components/Sprints/EditSprint.vue
+++ b/src/components/Sprints/EditSprint.vue
@@ -23,16 +23,45 @@
             </div>
 
             <div class="col-6">
-              <label>Initial Date</label>
-              <input type="date" name="Initial Date" ref="Initial Date" v-model="sprintInitialDate" 
-                     v-bind:min="this.releaseInitialDate" v-bind:max="this.releaseFinalDate"
-                     v-validate="'required|date_format:YYYY-MM-DD|'"
-              />
+              <v-dialog
+                ref="initialDialog"
+                v-model="modalInitialDate"
+                :return-value.sync="date"
+                persistent
+                width="290px"
+              >
+                <template v-slot:activator="{ on }">
+                  <v-text-field
+                    v-model="sprintInitialDate"
+                    label="Initial Date"
+                    prepend-icon="event"
+                    readonly
+                    v-on="on"
+                  ></v-text-field>
+                </template>
+                <v-date-picker v-model="sprintInitialDate" :min="this.releaseInitialDate" :max="this.releaseFinalDate" scrollable @input="modalInitialDate = false">
+                </v-date-picker>
+              </v-dialog>
 
-              <label>Final Date</label>
-              <input type="date" name="Final Date" v-model="sprintFinalDate" v-bind:min="this.sprintInitialDate"
-                     v-bind:max="this.releaseFinalDate" required v-validate="'date_format:YYYY-MM-DD|after:Initial Date'"
-              />
+              <v-dialog
+                ref="finalDialog"
+                v-model="modalFinalDate"
+                :return-value.sync="date"
+                persistent
+                width="290px"
+              >
+                <template v-slot:activator="{ on }">
+                  <v-text-field
+                    v-model="sprintFinalDate"
+                    label="Final Date"
+                    prepend-icon="event"
+                    readonly
+                    v-on="on"
+                  ></v-text-field>
+                </template>
+                <v-date-picker v-model="sprintFinalDate" :min="this.sprintInitialDate" :max="this.releaseFinalDate" scrollable @input="modalFinalDate = false">
+                </v-date-picker>
+              </v-dialog>
               <p class="text-danger" v-if="errors.has('Final Date')">{{ errors.first('Final Date') }}</p>
             </div>
           </div>

From 8ec348d132ccfd19b3d5012d7f4588394c999e76 Mon Sep 17 00:00:00 2001
From: Rossicler <rossiclerjr@gmail.com>
Date: Thu, 24 Oct 2019 18:21:49 -0300
Subject: [PATCH 4/4] Changed datepicker dialog to menu

---
 src/components/Releases/AddRelease.vue  | 36 ++++++++++++-------------
 src/components/Releases/EditRelease.vue | 33 +++++++++++------------
 src/components/Sprints/AddSprint.vue    | 32 +++++++++++-----------
 src/components/Sprints/EditSprint.vue   | 32 +++++++++++-----------
 4 files changed, 64 insertions(+), 69 deletions(-)

diff --git a/src/components/Releases/AddRelease.vue b/src/components/Releases/AddRelease.vue
index 82710c68..38cce309 100644
--- a/src/components/Releases/AddRelease.vue
+++ b/src/components/Releases/AddRelease.vue
@@ -36,12 +36,11 @@
             </input><br>
             </div>
             <div class="col-6">
-              <v-dialog
-                ref="initialDialog"
-                v-model="modalInitialDate"
-                :return-value.sync="date"
-                persistent
-                width="290px"
+              <v-menu
+                v-model="menu2Initial"
+                :close-on-content-click="false"
+                attach
+                min-width="290px"
               >
                 <template v-slot:activator="{ on }">
                   <v-text-field
@@ -52,15 +51,14 @@
                     v-on="on"
                   ></v-text-field>
                 </template>
-                <v-date-picker v-model="initialDate" scrollable @input="modalInitialDate = false">
-                </v-date-picker>
-              </v-dialog>
-              <v-dialog
-                ref="finalDialog"
-                v-model="modalFinalDate"
-                :return-value.sync="date"
-                persistent
-                width="290px"
+                <v-date-picker v-model="initialDate" @input="menu2Initial = false"></v-date-picker>
+              </v-menu>
+              <br>
+              <v-menu
+                v-model="menu2Final"
+                :close-on-content-click="false"
+                attach
+                min-width="290px"
               >
                 <template v-slot:activator="{ on }">
                   <v-text-field
@@ -71,11 +69,10 @@
                     v-on="on"
                   ></v-text-field>
                 </template>
-                <v-date-picker v-model="finalDate" :min="this.initialDate" scrollable @input="modalFinalDate = false">
-                </v-date-picker>
-              </v-dialog>
+                <v-date-picker v-model="finalDate" :min="this.initialDate" @input="menu2Final = false"></v-date-picker>
+              </v-menu>
               <p class="text-danger" v-if="errors.has('Final Date')">{{ errors.first('Final Date') }}</p>
-              </input><br>
+              <br>
             </div>
           </div>
           <div class="modal-footer">
@@ -100,6 +97,7 @@ export default {
       description: '',
       initialDate: '',
       finalDate: '',
+      date: '',
       amount_of_sprints: 0,
     };
   },
diff --git a/src/components/Releases/EditRelease.vue b/src/components/Releases/EditRelease.vue
index 1e292b7f..94acd034 100644
--- a/src/components/Releases/EditRelease.vue
+++ b/src/components/Releases/EditRelease.vue
@@ -27,12 +27,11 @@
             </input><br>
             </div>
             <div class="col-6">
-              <v-dialog
-                ref="initialDialog"
-                v-model="modalInitialDate"
-                :return-value.sync="date"
-                persistent
-                width="290px"
+              <v-menu
+                v-model="menu2Initial"
+                :close-on-content-click="false"
+                attach
+                min-width="290px"
               >
                 <template v-slot:activator="{ on }">
                   <v-text-field
@@ -43,15 +42,14 @@
                     v-on="on"
                   ></v-text-field>
                 </template>
-                <v-date-picker v-model="initialDate" scrollable @input="modalInitialDate = false">
-                </v-date-picker>
-              </v-dialog>
-              <v-dialog
-                ref="finalDialog"
-                v-model="modalFinalDate"
-                :return-value.sync="date"
-                persistent
-                width="290px"
+                <v-date-picker v-model="initialDate" @input="menu2Initial = false"></v-date-picker>
+              </v-menu>
+              <br>
+              <v-menu
+                v-model="menu2Final"
+                :close-on-content-click="false"
+                attach
+                min-width="290px"
               >
                 <template v-slot:activator="{ on }">
                   <v-text-field
@@ -62,9 +60,8 @@
                     v-on="on"
                   ></v-text-field>
                 </template>
-                <v-date-picker v-model="finalDate" :min="this.initialDate" scrollable @input="modalFinalDate = false">
-                </v-date-picker>
-              </v-dialog>
+                <v-date-picker v-model="finalDate" :min="this.initialDate" @input="menu2Final = false"></v-date-picker>
+              </v-menu>
               <p class="text-danger" v-if="errors.has('Final Date')">{{ errors.first('Final Date') }}</p>
               </input><br>
             </div>
diff --git a/src/components/Sprints/AddSprint.vue b/src/components/Sprints/AddSprint.vue
index 3ddf382f..312387ab 100644
--- a/src/components/Sprints/AddSprint.vue
+++ b/src/components/Sprints/AddSprint.vue
@@ -25,12 +25,11 @@
             </div>
 
             <div class="col-6">
-              <v-dialog
-                ref="initialDialog"
-                v-model="modalInitialDate"
-                :return-value.sync="date"
-                persistent
-                width="290px"
+              <v-menu
+                v-model="menu2Initial"
+                :close-on-content-click="false"
+                attach
+                min-width="290px"
               >
                 <template v-slot:activator="{ on }">
                   <v-text-field
@@ -41,16 +40,16 @@
                     v-on="on"
                   ></v-text-field>
                 </template>
-                <v-date-picker v-model="sprintInitialDate" :min="this.releaseInitialDate" :max="this.releaseFinalDate" scrollable @input="modalInitialDate = false">
+                <v-date-picker v-model="sprintInitialDate" :min="this.releaseInitialDate" 
+                               :max="this.releaseFinalDate" @input="menu2Initial = false">
                 </v-date-picker>
-              </v-dialog>
+              </v-menu>
 
-              <v-dialog
-                ref="finalDialog"
-                v-model="modalFinalDate"
-                :return-value.sync="date"
-                persistent
-                width="290px"
+              <v-menu
+                v-model="menu2Final"
+                :close-on-content-click="false"
+                attach
+                min-width="290px"
               >
                 <template v-slot:activator="{ on }">
                   <v-text-field
@@ -61,9 +60,10 @@
                     v-on="on"
                   ></v-text-field>
                 </template>
-                <v-date-picker v-model="sprintFinalDate" :min="this.sprintInitialDate" :max="this.releaseFinalDate" scrollable @input="modalFinalDate = false">
+                <v-date-picker v-model="sprintFinalDate" :min="this.sprintInitialDate"
+                               :max="this.releaseFinalDate" @input="menu2Final = false">
                 </v-date-picker>
-              </v-dialog>
+              </v-menu>
               <p class="text-danger" v-if="errors.has('Final Date')">{{ errors.first('Final Date') }}</p>
             </div>
           </div>
diff --git a/src/components/Sprints/EditSprint.vue b/src/components/Sprints/EditSprint.vue
index 60df0dd0..0e3ee539 100644
--- a/src/components/Sprints/EditSprint.vue
+++ b/src/components/Sprints/EditSprint.vue
@@ -23,12 +23,11 @@
             </div>
 
             <div class="col-6">
-              <v-dialog
-                ref="initialDialog"
-                v-model="modalInitialDate"
-                :return-value.sync="date"
-                persistent
-                width="290px"
+              <v-menu
+                v-model="menu2Initial"
+                :close-on-content-click="false"
+                attach
+                min-width="290px"
               >
                 <template v-slot:activator="{ on }">
                   <v-text-field
@@ -39,16 +38,16 @@
                     v-on="on"
                   ></v-text-field>
                 </template>
-                <v-date-picker v-model="sprintInitialDate" :min="this.releaseInitialDate" :max="this.releaseFinalDate" scrollable @input="modalInitialDate = false">
+                <v-date-picker v-model="sprintInitialDate" :min="this.releaseInitialDate"
+                               :max="this.releaseFinalDate" @input="menu2Initial = false">
                 </v-date-picker>
-              </v-dialog>
+              </v-menu>
 
-              <v-dialog
-                ref="finalDialog"
-                v-model="modalFinalDate"
-                :return-value.sync="date"
-                persistent
-                width="290px"
+              <v-menu
+                v-model="menu2Final"
+                :close-on-content-click="false"
+                attach
+                min-width="290px"
               >
                 <template v-slot:activator="{ on }">
                   <v-text-field
@@ -59,9 +58,10 @@
                     v-on="on"
                   ></v-text-field>
                 </template>
-                <v-date-picker v-model="sprintFinalDate" :min="this.sprintInitialDate" :max="this.releaseFinalDate" scrollable @input="modalFinalDate = false">
+                <v-date-picker v-model="sprintFinalDate" :min="this.sprintInitialDate"
+                               :max="this.releaseFinalDate" @input="menu2Final = false">
                 </v-date-picker>
-              </v-dialog>
+              </v-menu>
               <p class="text-danger" v-if="errors.has('Final Date')">{{ errors.first('Final Date') }}</p>
             </div>
           </div>