diff --git a/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue b/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue index eff2358f0..b278578be 100644 --- a/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue +++ b/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue @@ -319,15 +319,19 @@ export default { return `${hours}:${minutes} ${meridianNotation}`; }, getDisplayTextForDurationLength(durationMinimum, durationMaximum) { - let displayTextForDurationLength; - if (durationMaximum >= 120) { - displayTextForDurationLength = `${durationMinimum / 60} - ${ - durationMaximum / 60 - } hours`; - } else { - displayTextForDurationLength = `${durationMinimum} - ${durationMaximum} minutes`; - } - return displayTextForDurationLength; + const isLongAppointment = durationMaximum >= 120; + const isDurationRange = durationMinimum !== durationMaximum; + + const adjustedMinimum = isLongAppointment ? durationMinimum / 60 : durationMinimum; + const adjustedMaximum = isLongAppointment ? durationMaximum / 60 : durationMaximum; + + const durationText = isDurationRange + ? `${adjustedMinimum} - ${adjustedMaximum}` + : adjustedMinimum; + + const unitText = isLongAppointment ? "hours" : "minutes"; + + return `${durationText} ${unitText}`; }, getRelevantDropOffCmsWidgetNameForSelectedTimeSlot( selectedTimeSlotId,