Merge remote-tracking branch 'origin/develop' into feature/CSR-1512

src/digital-components/button-question/button-question.vue

@@ -72,9 +72,9 @@ https://safelite.atlassian.net/wiki/spaces/DC/pages/76644418/Button+Question+Com
                 </div>
             </fieldset>
         </div>
-        <div class="row form-test-error mt-1">
+        <div class="row form-test-error">
             <error-message
-                class="small"
+                class="small mt-1"
                 :name="formatString(groupName)"
                 v-if="!suppressError"></error-message>
         </div>

src/digital-components/date-picker/date-picker.vue

@@ -6,7 +6,7 @@
                 v-for="month in months"
                 :key="`${month.monthLabel}-${month.yearNum?.toString()}`"
                 :id="`${month.monthLabel}-${month.yearNum?.toString()}`"
-                class="calendar-grid-container position-relative"
+                class="calendar-grid-container"
                 :class="[
                     hideSomeDaysForInitialView ? 'partial-month-initial-view' : '',
                     month.monthClass,
@@ -628,12 +628,16 @@ export default {
 .date-picker {
     overflow: hidden;
     position: relative;
-    height: 100%;
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
 
     fieldset {
         overflow-y: auto;
-        height: 88%;
+        flex-grow: 1;
         position: relative;
+        padding-bottom: 6rem; // arbitrary amount to provide enough spacing for scroll animation
+        max-height: 21.25rem; // 340px... arbitrary amount to not push View More link out of view on iphones
     }
     .loader {
         position: absolute;
@@ -648,6 +652,7 @@ export default {
     .calendar-grid-container {
         margin: 0 auto 2rem auto;
         max-width: 414px;
+        position: relative;
         transition: height ease 2s, opacity ease 2s;
         display: grid;
         grid-template-columns: repeat(7, 1fr);
@@ -864,21 +869,17 @@ export default {
             opacity: 0;
             max-height: 0;
             margin-bottom: 0;
+            overflow: hidden;
         }
         &.last-available-month:not(&.month-hidden) {
             margin-bottom: 14rem;
         }
     }
-    #bottom-spacer {
-        height: 20rem;
-        background: lightblue;
-    }
 
     .btn-link {
         font-weight: 500;
         text-underline-offset: 4px;
-        position: absolute;
+        flex-grow: 0;
-        top: 90%;
     }
 
     .past {

src/digital-components/textbox-question/textbox-question.vue

@@ -64,9 +64,9 @@
                 </template>
             </template>
         </div>
-        <div v-show="errorMessage" class="row my-1 form-test-error">
+        <div v-show="errorMessage" class="row form-test-error">
             <span
-                class="d-inline-flex small mt-0"
+                class="d-inline-flex small my-1"
                 role="alert"
                 :class="[centerErrorMessage ? 'center-error-message' : '']"
                 >{{ errorMessage }}</span

src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue

@@ -183,10 +183,12 @@ export default {
         },
         disclaimerTextBlockCopy() {
             if (this.appointmentType === AppointmentTypeStrings.DROP_OFF) {
-                if (this.isSameDay) {
+                if (this.selectedTimeSlotId?.includes(RouteCodeFlags.ALL_DAY_DROP_OFF)) {
-                    return this.sameDayDropOffDisclaimerText;
+                    if (this.isSameDay) {
-                } else if (this.selectedTimeSlotId?.includes(RouteCodeFlags.ALL_DAY_DROP_OFF)) {
+                        return this.sameDayDropOffDisclaimerText;
-                    return this.dropoffDisclaimerText;
+                    } else {
+                        return this.dropoffDisclaimerText;
+                    }
                 } else if (this.selectedTimeSlotId?.includes(RouteCodeFlags.OVERNIGHT_DROP_OFF)) {
                     return this.overnightDropOffDisclaimerText;
                 } else {

src/layouts/vin-lookup/vin-lookup.vue

@@ -79,7 +79,7 @@
                     :manualHeadline="AlertPerfectMatchInsuranceVerifiedHeader"
                     :manualCopy="AlertPerfectMatchInsuranceVerifiedBody"
                     v-model="customAlertData"
-                    v-if="vinPopulatedOnPageLoad && isInsuranceVerified"
+                    v-if="vinPopulatedOnPageLoad && isInsuranceVerified && !displayInvalidZipAlert"
                     alertClass="alert-success" />
                 <alert
                     class="my-4"
@@ -106,7 +106,7 @@
                     :manualHeadline="AlertPerfectMatchInsuranceNotVerifiedHeader"
                     :manualCopy="AlertPerfectMatchInsuranceNotVerifiedBody"
                     v-model="customAlertData"
-                    v-if="vinPopulatedOnPageLoad && !isInsuranceVerified"
+                    v-if="vinPopulatedOnPageLoad && !isInsuranceVerified && !displayInvalidZipAlert"
                     alertClass="alert-success" />
                 <funnelFooter
                     cmsWidgetName="FunnelFooterWidget"

src/store/index.js

@@ -2195,6 +2195,7 @@ async function resetScheduleIfUnavailable(context, order) {
     // If you put any kind of time stamp on the date string with dashes, then it IS parsed as local time.
     var aptDate = new Date(order.schedule.date + "T00:00:00");
     var curDate = new Date();
+    curDate.setHours(0, 0, 0, 0);
 
     // if appointment date is in the past, clear schedule
     if (aptDate.getTime() < curDate.getTime()) {