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] 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;
         },