chore: Add additional dom for panel body

Author: zombieJ

src/panels/DatePanel/DateBody.tsx

@@ -143,12 +143,14 @@ function DateBody<DateType>({
   }
 
   return (
-    <table className={`${prefixCls}-content`}>
-      <thead>
-        <tr>{headerCells}</tr>
-      </thead>
-      <tbody>{rows}</tbody>
-    </table>
+    <div className={`${prefixCls}-body`}>
+      <table className={`${prefixCls}-content`}>
+        <thead>
+          <tr>{headerCells}</tr>
+        </thead>
+        <tbody>{rows}</tbody>
+      </table>
+    </div>
   );
 }
 

src/panels/DecadePanel/DecadeBody.tsx

@@ -79,9 +79,11 @@ function DecadeBody<DateType>({
   }
 
   return (
-    <table>
-      <tbody>{rows}</tbody>
-    </table>
+    <div className={`${prefixCls}-body`}>
+      <table className={`${prefixCls}-content`}>
+        <tbody>{rows}</tbody>
+      </table>
+    </div>
   );
 }
 

src/panels/MonthPanel/MonthBody.tsx

@@ -92,9 +92,11 @@ function MonthBody<DateType>({
   }
 
   return (
-    <table>
-      <tbody>{rows}</tbody>
-    </table>
+    <div className={`${prefixCls}-body`}>
+      <table className={`${prefixCls}-content`}>
+        <tbody>{rows}</tbody>
+      </table>
+    </div>
   );
 }
 

src/panels/YearPanel/YearBody.tsx

@@ -68,9 +68,11 @@ function YearBody<DateType>({
   }
 
   return (
-    <table>
-      <tbody>{rows}</tbody>
-    </table>
+    <div className={`${prefixCls}-body`}>
+      <table className={`${prefixCls}-content`}>
+        <tbody>{rows}</tbody>
+      </table>
+    </div>
   );
 }