From af726e90ae7ac284fde25cdced89fb3a0244336d Mon Sep 17 00:00:00 2001
From: Scott Kiener <scott.kiener@safelite.com>
Date: Fri, 12 Sep 2025 10:01:48 -0400
Subject: [PATCH 1/3] Fix duration display

Remove incorrect usage of funnel subheader
Fix styling
---
 .../schedule/duration-text-block/duration-text-block.vue   | 3 +--
 src/layouts/schedule/schedule.vue                          | 7 +++++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/layouts/schedule/duration-text-block/duration-text-block.vue b/src/layouts/schedule/duration-text-block/duration-text-block.vue
index 4fd170680..48910d851 100644
--- a/src/layouts/schedule/duration-text-block/duration-text-block.vue
+++ b/src/layouts/schedule/duration-text-block/duration-text-block.vue
@@ -1,7 +1,6 @@
 <template>
     <textBlock
         :customText="durationTextBlockCopy"
-        justifyText="center"
         typeStyle="small"
         marginTopSizeOverride="0"
         class="duration-text-block" />
@@ -61,7 +60,7 @@ export default {
             );
 
             if (this.estimatedServiceMinutesMinimum && this.estimatedServiceMinutesMaximum) {
-                return `${inshopDurationTextWithoutTime} ${inshopDurationTime}`;
+                return `${inshopDurationTextWithoutTime} <b>${inshopDurationTime}</b>`;
             }
 
             return null;
diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue
index a97f0f125..9c07e07bd 100644
--- a/src/layouts/schedule/schedule.vue
+++ b/src/layouts/schedule/schedule.vue
@@ -113,8 +113,8 @@
             <div class="row date-picker-wrapper">
                 <div class="col-12 col-md-10 col-lg-8 col-xl-7">
                     <locationAlerts cmsWidgetPrefix="LocationAlert-" ref="locationAlerts" />
-                    <div v-show="appointmentType" class="date-picker-header">
-                        <funnelSubHeader cmsWidgetName="DatePickerSubHeaderWidget" class="mt-5" />
+                    <div v-show="appointmentType" class="date-picker-header fw-normal mt-5 mb-5">
+                        <textBlock :customText="datePickerHeaderText" typeStyle="button-question" class="mb-2" />
                         <durationTextBlock
                             :isSameDay="isSameDay"
                             :appointmentType="appointmentType"
@@ -820,6 +820,9 @@ export default {
         questionText() {
             return this.getCmsContent("YourSafeliteShopWidget", "QuestionText");
         },
+        datePickerHeaderText() {
+            return this.getCmsContent("DatePickerSubHeaderWidget", "HeaderText");
+        },
         appointmentTypeStrings() {
             return AppointmentTypeStrings;
         },

From ab8515853b767c1e3fdaaabb693561654aa8a29d Mon Sep 17 00:00:00 2001
From: Scott Kiener <scott.kiener@safelite.com>
Date: Fri, 12 Sep 2025 10:22:57 -0400
Subject: [PATCH 2/3] Duration styling

---
 src/layouts/schedule/schedule.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue
index 9c07e07bd..9214e0a14 100644
--- a/src/layouts/schedule/schedule.vue
+++ b/src/layouts/schedule/schedule.vue
@@ -114,7 +114,7 @@
                 <div class="col-12 col-md-10 col-lg-8 col-xl-7">
                     <locationAlerts cmsWidgetPrefix="LocationAlert-" ref="locationAlerts" />
                     <div v-show="appointmentType" class="date-picker-header fw-normal mt-5 mb-5">
-                        <textBlock :customText="datePickerHeaderText" typeStyle="button-question" class="mb-2" />
+                        <textBlock :customText="datePickerHeaderText" typeStyle="button-question"/>
                         <durationTextBlock
                             :isSameDay="isSameDay"
                             :appointmentType="appointmentType"

From 558c7367ab90ea75c200d13d8a432239598a70e2 Mon Sep 17 00:00:00 2001
From: Scott Kiener <scott.kiener@safelite.com>
Date: Fri, 12 Sep 2025 10:31:49 -0400
Subject: [PATCH 3/3] Remove comments and console logs

---
 .../date-picker/date-picker.vue               | 28 -------------------
 .../duration-text-block.vue                   |  6 ----
 src/layouts/schedule/schedule.vue             |  7 +----
 3 files changed, 1 insertion(+), 40 deletions(-)

diff --git a/src/digital-components/date-picker/date-picker.vue b/src/digital-components/date-picker/date-picker.vue
index bfaeac476..cbaba9193 100644
--- a/src/digital-components/date-picker/date-picker.vue
+++ b/src/digital-components/date-picker/date-picker.vue
@@ -129,26 +129,6 @@
                 @click="showAnotherMonth">
                 View more dates
             </button>
-            <!--<timeSlotQuestion
-                ref="timeSlotModalQuestion"
-                v-model="selectedTimeSlotInfo" // Removed, some watcher logic for duration was in here, need ot recreate
-                cmsWidgetName="TimeSlotModalQuestion"
-                waitListLabelWidget="WaitListLabelWidget"
-                waitListQuestionWidget="WaitListQuestionWidget"
-                mobilePremiumCmsWidgetName="MobilePremiumTimeSlotModal"
-                mobileCmsWidgetName="MobileTimeSlotModal"
-                dropoffCmsWidgetName="DropOffTimeSlotModal"
-                sameDayDropOffCmsWidgetName="SameDayDropOffTimeSlotModal"
-                overnightDropOffCmsWidgetName="OvernightDropOffTimeSlotModal"
-                dropOffOrPickATimeQuestionCmsWidgetName="DropOffOrPickATimeQuestionWidget"
-                :selectedDate="selectedDate" // used in date-picker
-                :appointmentType="appointmentType" // used in date-picker for duration
-                :premiumAppointmentFee="premiumAppointmentFee" // Removed from date-picker
-                :displayWaitList="displayWaitList" // Removed from date-picker
-                :timeSlotsForSelectedDate="timeSlotsForSelectedDate" // Removed from date-picker (but it had a null check for is-same-day)
-                :estimatedServiceMinutesMinimum="estimatedServiceMinutesMinimum" // used in date-picker for duration
-                :estimatedServiceMinutesMaximum="estimatedServiceMinutesMaximum" // used in date-picker for duration
-                @waitListRequested="handleWaitListRequested" // removed, it's a pass-through /> -->
         </fieldset>
     </div>
 </template>
@@ -886,14 +866,6 @@ export default {
     align-items: flex-start;
     text-align: left;
 
-    .duration-text-block {
-        text-align: left;
-    }
-
-    .date-picker-header {
-        margin-bottom: 1.5rem;
-    }
-
     fieldset {
         flex-grow: 1;
         position: relative;
diff --git a/src/layouts/schedule/duration-text-block/duration-text-block.vue b/src/layouts/schedule/duration-text-block/duration-text-block.vue
index 48910d851..c5834f685 100644
--- a/src/layouts/schedule/duration-text-block/duration-text-block.vue
+++ b/src/layouts/schedule/duration-text-block/duration-text-block.vue
@@ -83,12 +83,6 @@ export default {
             return null;
         },
         durationTextBlockCopy() {
-            console.log(
-                "durationTextBlockCopy",
-                this.appointmentType,
-                this.estimatedServiceMinutesMaximum,
-                this.estimatedServiceMinutesMinimum
-            );
             if (this.appointmentType === AppointmentTypeStrings.MOBILE) {
                 return this.mobileDurationText;
             } else if (this.appointmentType === AppointmentTypeStrings.DROP_OFF) {
diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue
index 9214e0a14..188ea5734 100644
--- a/src/layouts/schedule/schedule.vue
+++ b/src/layouts/schedule/schedule.vue
@@ -114,7 +114,7 @@
                 <div class="col-12 col-md-10 col-lg-8 col-xl-7">
                     <locationAlerts cmsWidgetPrefix="LocationAlert-" ref="locationAlerts" />
                     <div v-show="appointmentType" class="date-picker-header fw-normal mt-5 mb-5">
-                        <textBlock :customText="datePickerHeaderText" typeStyle="button-question"/>
+                        <textBlock :customText="datePickerHeaderText" typeStyle="button-question" />
                         <durationTextBlock
                             :isSameDay="isSameDay"
                             :appointmentType="appointmentType"
@@ -806,12 +806,9 @@ export default {
             return [];
         },
         selectedRouteCodeData() {
-            console.log("1", JSON.stringify(this.selectedTimeSlotInfo));
             if (!this.selectedTimeSlotInfo?.timeSlot?.routeCode) {
-                console.log("returning null");
                 return null;
             }
-            console.log("returning data");
             return {
                 routeCode: this.selectedTimeSlotInfo.timeSlot.routeCode,
                 isPremiumAppointment: this.selectedTimeSlotInfo.isPremiumAppointment,
@@ -1608,7 +1605,6 @@ export default {
             }
         },
         updateTimeSlot(timeSlotObj) {
-            console.log("timeSlotObj", timeSlotObj);
             if (!timeSlotObj?.routeCode) {
                 this.appointmentType = AppointmentTypeStrings.IN_SHOP_OR_DROP_OFF;
                 this.selectedTimeSlotInfo = {
@@ -1803,7 +1799,6 @@ export default {
             }
         },
         selectedTimeSlotInfo(newValue) {
-            console.log("heard a change on selectedTimeslotInfo", newValue);
             this.updateFooterButtonText(newValue);
         },
     },