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') %>