diff --git a/src/digital-components/date-picker/date-picker.vue b/src/digital-components/date-picker/date-picker.vue index 79c7d4dd2..7945744ec 100644 --- a/src/digital-components/date-picker/date-picker.vue +++ b/src/digital-components/date-picker/date-picker.vue @@ -341,9 +341,26 @@ export default { return null; }, + mobileDurationText() { + const mobileDurationTextWithoutTime = this.getCmsContent( + "TimeSlotModalQuestion", + cmsWidgetFieldMappings.DURATION + ); + + const mobileDurationTime = getDisplayTextForDurationLength( + this.estimatedServiceMinutesMinimum, + this.estimatedServiceMinutesMaximum + ); + + if (this.estimatedServiceMinutesMinimum && this.estimatedServiceMinutesMaximum) { + return `${mobileDurationTextWithoutTime} ${mobileDurationTime}`; + } + + return null; + }, durationTextBlockCopy() { if (this.appointmentType === AppointmentTypeStrings.MOBILE) { - return null; + return this.mobileDurationText; } else if (this.appointmentType === AppointmentTypeStrings.IN_SHOP) { return this.inshopDurationText; } else if (