From b9becdeb1dde49afeb3217a5db5970e9b672c618 Mon Sep 17 00:00:00 2001
From: Maxwell Frank <92897870+MaxFrank13@users.noreply.github.com>
Date: Tue, 9 Sep 2025 13:43:32 -0400
Subject: [PATCH] fix: program details dashboard (#37203)

Co-authored-by: Deborah Kaplan <deborahgu@users.noreply.github.com>
---
 .../views/course_enroll_view.js               | 27 ++++++++++++-------
 .../course_enroll.underscore                  |  6 +++--
 2 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/lms/static/js/learner_dashboard/views/course_enroll_view.js b/lms/static/js/learner_dashboard/views/course_enroll_view.js
index e2df78f175..ca4c10beed 100644
--- a/lms/static/js/learner_dashboard/views/course_enroll_view.js
+++ b/lms/static/js/learner_dashboard/views/course_enroll_view.js
@@ -27,15 +27,24 @@ class CourseEnrollView extends Backbone.View {
     }
 
     render() {
-        let filledTemplate;
-        const context = this.model.toJSON();
-        if (this.$parentEl && this.enrollModel) {
-            context.collectionCourseStatus = this.collectionCourseStatus;
-            filledTemplate = this.tpl(context);
-            HtmlUtils.setHtml(this.$el, filledTemplate);
-            HtmlUtils.setHtml(this.$parentEl, HtmlUtils.HTML(this.$el));
-        }
-        this.postRender();
+      let filledTemplate;
+      const context = this.model.toJSON();
+
+      let hideEnrollmentDate = false;
+      if (context.upcoming_course_runs.length > 0) {
+        const currentDate = Date.now();
+        const upcomingEnrollmentDate = new Date(context.upcoming_course_runs[0]?.enrollment_open_date);
+        hideEnrollmentDate = currentDate > upcomingEnrollmentDate;
+      }
+      context.hide_enrollment_date = hideEnrollmentDate;
+
+      if (this.$parentEl && this.enrollModel) {
+          context.collectionCourseStatus = this.collectionCourseStatus;
+          filledTemplate = this.tpl(context);
+          HtmlUtils.setHtml(this.$el, filledTemplate);
+          HtmlUtils.setHtml(this.$parentEl, HtmlUtils.HTML(this.$el));
+      }
+      this.postRender();
     }
 
     postRender() {
diff --git a/lms/templates/learner_dashboard/course_enroll.underscore b/lms/templates/learner_dashboard/course_enroll.underscore
index 4d61f6118e..563117b1c3 100644
--- a/lms/templates/learner_dashboard/course_enroll.underscore
+++ b/lms/templates/learner_dashboard/course_enroll.underscore
@@ -43,12 +43,14 @@
             <div class="no-action-message">
                 <%- gettext('Coming Soon') %>
             </div>
-            <div class="enrollment-opens">
+            <% if (!hide_enrollment_date) { %>
+              <div class="enrollment-opens">
                 <%- gettext('Enrollment Opens on') %>
                 <span class="enrollment-open-date">
                     <%- upcoming_course_runs[0].enrollment_open_date %>
                 </span>
-            </div>
+              </div>
+            <% } %>
         <% } else { %>
             <div class="no-action-message">
                 <%- gettext('Not Currently Available') %>