CASH-2034: fix for date selection issue

(cherry picked from commit a2f43262fe)

src/layouts/schedule/schedule.vue

@@ -22,6 +22,7 @@
                         cmsWidgetName="ScheduleYourServiceWidget"
                         id="schedule-your-service" />
                     <appointmentTypeQuestion
+                        v-if="hasSelectableDatesLoaded"
                         v-model="appointmentTypeFromAppointmentTypeQuestion"
                         v-show="isAppointmentTypeDisplayed"
                         :isServiceableMobile="isServiceableMobile"
@@ -869,6 +870,13 @@ export default {
                 ? this.$refs.mobileFirstModal?.getIsModalOpen()
                 : false;
         },
+        hasSelectableDatesLoaded() {
+            if (this.isMobileSelected) {
+                return this.selectableDatesMobile?.days?.length > 0;
+            } else {
+                return this.selectableDatesInshop?.days?.length > 0;
+            }
+        },
     },
     methods: {
         splitCopyOnCMSPlaceHolder,
@@ -1750,8 +1758,8 @@ export default {
             } else {
                 this.appointmentType = null;
             }
-            this.setSelectedDateToFirstAvailable();
+            this.setSelectedDateToFirstAvailable(); // v-if on appointmentTypeQuestion ensures dates have been loaded by now
-            this.setDisplayWaitList();
+            this.setDisplayWaitList(); // v-if on appointmentTypeQuestion ensures dates have been loaded by now
         },
         setSelectedDateToFirstAvailable() {
             this.selectedDate = this.getFirstAvailableDate();
@@ -1872,7 +1880,7 @@ export default {
     watch: {
         appointmentTypeFromAppointmentTypeQuestion: {
             handler(newValue, oldValue) {
-                this.handleAppointmentTypeChange(newValue);
+                this.handleAppointmentTypeChange(newValue); // v-if on appointmentTypeQuestion ensures dates have been loaded by now
             },
         },
         selectedDate(newValue, oldValue) {