diff --git a/content/en/releases/patch-releases.md b/content/en/releases/patch-releases.md
index c06b6dd542..82cdaeba49 100644
--- a/content/en/releases/patch-releases.md
+++ b/content/en/releases/patch-releases.md
@@ -76,11 +76,7 @@ Timelines may vary with the severity of bug fixes, but for easier planning we
 will target the following monthly release points. Unplanned, critical
 releases may also occur in between these.
 
-| Monthly Patch Release | Cherry Pick Deadline | Target date |
-| --------------------- | -------------------- | ----------- |
-| April 2024            | 2024-04-12           | 2024-04-16  |
-| May 2024              | 2024-05-10           | 2024-05-14  |
-| June 2024              | 2024-06-07           | 2024-06-11  |
+{{< upcoming-releases >}}
 
 ## Detailed Release History for Active Branches
 
diff --git a/content/zh-cn/releases/patch-releases.md b/content/zh-cn/releases/patch-releases.md
index 884c00ba85..1c0bfbb6e9 100644
--- a/content/zh-cn/releases/patch-releases.md
+++ b/content/zh-cn/releases/patch-releases.md
@@ -146,18 +146,7 @@ releases may also occur in between these.
 时间表可能会因错误修复的严重程度而有所不同，但为了便于规划，我们每月将按照以下时间点进行发布。
 中间可能会发布一些计划外的关键版本。
 
-<!--
-| Monthly Patch Release | Cherry Pick Deadline | Target date |
-| --------------------- | -------------------- | ----------- |
-| March 2024            | 2024-03-08           | 2024-03-13  |
-| April 2024            | 2024-04-12           | 2024-04-17  |
-| May 2024              | 2024-05-10           | 2024-05-15  |
--->
-| 月度补丁发布   | Cherry Pick 截止日期 | 目标日期      |
-|--------------|---------------------|-------------|
-| 2024 年 3 月  | 2024-03-08          | 2024-03-13  |
-| 2024 年 4 月  | 2024-04-12          | 2024-04-17  |
-| 2024 年 5 月  | 2024-05-10          | 2024-05-15  |
+{{< upcoming-releases >}}
 
 <!--
 ## Detailed Release History for Active Branches
diff --git a/data/i18n/en/en.toml b/data/i18n/en/en.toml
index 5bae4619f2..5e4e3b95ca 100644
--- a/data/i18n/en/en.toml
+++ b/data/i18n/en/en.toml
@@ -393,6 +393,9 @@ other = "Read about"
 [main_read_more]
 other = "Read more"
 
+[monthly_patch_release]
+other = "Monthly Patch Release"
+
 [not_applicable]
 # Localization teams: it's OK to use a longer text here
 other = "n/a"
@@ -504,6 +507,9 @@ other = "(released: "
 [release_date_format]
 other = "2006-01-02"
 
+[release_date_format_month]
+other = "January 2006"
+
 [release_cherry_pick_deadline]
 other = "Cherry Pick Deadline"
 
diff --git a/layouts/shortcodes/upcoming-releases.html b/layouts/shortcodes/upcoming-releases.html
new file mode 100644
index 0000000000..67e87cabb9
--- /dev/null
+++ b/layouts/shortcodes/upcoming-releases.html
@@ -0,0 +1,27 @@
+<div>
+  <table class="table table-striped col-md-9">
+    <thead class="thead">
+      <tr>
+        <th>{{ T "monthly_patch_release" }}</th>
+        <th>{{ T "release_cherry_pick_deadline" }}</th>
+        <th>{{ T "release_target_date" }}</th>
+      </tr>
+    </thead>
+    <tbody>
+      {{ range $patchReleaseInfo :=
+      .Site.Data.releases.schedule.upcoming_releases }}
+      <tr>
+        <td>
+          {{ time.Format ( T "release_date_format_month") $patchReleaseInfo.targetDate }}
+        </td>
+        <td>
+          {{ time.Format ( T "release_date_format") $patchReleaseInfo.cherryPickDeadline }}
+        </td>
+        <td>
+          {{ time.Format ( T "release_date_format") $patchReleaseInfo.targetDate }}
+        </td>
+      </tr>
+      {{ end }}
+    </tbody>
+  </table>
+</div>