Merge pull request #1981 from bcgov/fix/SDCPenMatchDatePicker

fix datepicker not showing in sdcPenMatch
bcgov · Nov 5, 2024 · bf8589d · bf8589d
2 parents b819236 + 66dd7bc
commit bf8589d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/frontend/src/components/common/EditStudent.vue b/frontend/src/components/common/EditStudent.vue
@@ -586,6 +586,7 @@
   >
     <SDCPenMatch
       :sdc-student="sdcSchoolCollectionStudentDetailCopy"
+      :is-read-only="isReadOnly"
       @cancel="togglePENRequestDialog"
       @use-found-p-e-n="useFoundPEN"
       @request-staff-p-e-n-check="requestStaffPENCheck"

diff --git a/frontend/src/components/sdcCollection/SDCPenMatch.vue b/frontend/src/components/sdcCollection/SDCPenMatch.vue
@@ -111,11 +111,11 @@
                           id="dobPicker"
                           v-model="sdcStudent.dob"
                           label="Birthdate"
-                          style="z-index: 20000"
                           :rules="[rules.required()]"
                           model-type="yyyyMMdd"
                           :error-message="err.birthDateError"
                           density="compact"
+                          :readonly="isReadOnly"
                           @update:model-value="formUpdated"
                         />
                       </v-col>
@@ -288,6 +288,11 @@ export default {
     sdcStudent: {
       type: Object,
       required: true
+    },
+    isReadOnly: {
+      type: Boolean,
+      required: false,
+      default: true
     }
   },
   emits: ['cancel', 'useFoundPEN', 'requestStaffPENCheck'],