Merge pull request #2727 from Safelite/feature/CASH-1183.2

Feature/CASH-1183.2

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

@@ -12,6 +12,10 @@ https://safelite.atlassian.net/wiki/spaces/DC/pages/76644418/Button+Question+Com
             <span class="fw-bold w-100" :class="[labelBold ? 'span-bold' : '']">
                 {{ questionText }}
             </span>
+            <p
+                v-if="questionTextDescription"
+                class="question-text-description"
+                v-html="questionTextDescription"></p>
         </div>
 
         <div class="w-100 d-flex justify-content-center">
@@ -118,6 +122,7 @@ export default {
         isMultiSelect: Boolean,
         groupName: String,
         questionText: String,
+        questionTextDescription: String,
         answers: Array,
         textPosition: {
             type: String,
@@ -376,6 +381,13 @@ export default {
         font-weight: 600;
     }
 }
+.question-text-description {
+    font-family: UrbanistRegular;
+    & > sup {
+        font-size: 0.5rem;
+        top: -0.4rem;
+    }
+}
 .small-question-text {
     &.question-text {
         span {

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

@@ -336,7 +336,7 @@ export default {
             );
 
             if (this.estimatedServiceMinutesMinimum && this.estimatedServiceMinutesMaximum) {
-                return `${inshopDurationTextWithoutTime} ${inshopDurationTime}`;
+                return `${inshopDurationTextWithoutTime} <b>${inshopDurationTime}</b>`;
             }
 
             return null;
@@ -353,7 +353,7 @@ export default {
             );
 
             if (this.estimatedServiceMinutesMinimum && this.estimatedServiceMinutesMaximum) {
-                return `${mobileDurationTextWithoutTime} ${mobileDurationTime}`;
+                return `${mobileDurationTextWithoutTime} <b>${mobileDurationTime}</b>`;
             }
 
             return null;

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

@@ -4,6 +4,7 @@
             v-if="isDropOffAppointmentAvailable"
             v-model="selectedAnswerForDropOffOrInshop"
             :questionText="dropOffOrPickATimeQuestionLabelText"
+            :questionTextDescription="dropOffOrPickATimeQuestionDescription"
             :answers="answersForDropOffQuestion"
             isRequired
             insertOrLabelBeforeFinalOption
@@ -228,6 +229,10 @@ export default {
         dropOffOrPickATimeQuestionLabelText() {
             return this.getCmsContent(this.dropOffOrPickATimeQuestionCmsWidgetName, "QuestionText");
         },
+        dropOffOrPickATimeQuestionDescription() {
+            // This is hardcoded because Input Question Widget doesn't currently have a place to add additional text
+            return "You can drop off your vehicle in the morning and pick it up later in the day with Drop & Go<sup>&#8482</sup> or pick an appointment time.";
+        },
         pickATimeButtonLabelText() {
             return this.getCmsContent(this.dropOffOrPickATimeQuestionCmsWidgetName, "Answers")[0]
                 .Text;