FOUR-6854 Added the extent of DatePick library

* Fixed the date prop value to check if the value exist, to parse it. IF not, default to empty string

Author: Jose Chirivella

src/components/DatePicker.vue

@@ -0,0 +1,29 @@
+<script>
+import DatePick from "vue-date-pick";
+
+/*
+Internal fork of the DatePick library by extending it and fixing the {close,remove} events to target the b-modal
+(Bootstrap-Vue) modals to not "focus-in" automatically on the input text.
+ */
+export default {
+  extends: DatePick,
+  methods: {
+    addCloseEvents() {
+      if (!this.closeEventListener) {
+        this.closeEventListener = (e) => this.inspectCloseEvent(e);
+        ["click", "keyup"].forEach((eventName) =>
+          document.addEventListener(eventName, this.closeEventListener)
+        );
+      }
+    },
+    removeCloseEvents() {
+      if (!this.closeEventListener) {
+        this.closeEventListener = (e) => this.inspectCloseEvent(e);
+        ["click", "keyup"].forEach((eventName) =>
+          document.addEventListener(eventName, this.closeEventListener)
+        );
+      }
+    }
+  }
+};
+</script>

src/components/FormDatePicker.vue

@@ -21,9 +21,9 @@
 
 <script>
 import { createUniqIdsMixin } from "vue-uniq-ids";
-import DatePick from "vue-date-pick";
 import moment from "moment-timezone";
 import Mustache from "mustache";
+import DatePicker from "./DatePicker.vue";
 import ValidationMixin from "./mixins/validation";
 import DataFormatMixin from "./mixins/DataFormat";
 import { getUserDateFormat, getUserDateTimeFormat } from "../dateUtils";
@@ -62,7 +62,7 @@ Validator.register(
 
 export default {
   components: {
-    DatePick
+    "date-pick": DatePicker
   },
   mixins: [uniqIdsMixin, ValidationMixin, DataFormatMixin],
   props: {
@@ -90,7 +90,10 @@ export default {
   data() {
     return {
       validatorErrors: [],
-      date: "",
+      date:
+        !!this.value && this.value.length > 0
+          ? this.parsingInputDate(this.value)
+          : "",
       inputAttributes: {
         class: `${this.inputClass}`,
         placeholder: this.placeholder,