@digital-ai/dot-components 3.11.0 → 3.11.2

package/index.esm.js

@@ -9875,16 +9875,16 @@ const StyledDashboardDetails = styled(DotDrawer)`
       }
       .dot-card {
         border: none;
+        padding: ${theme.spacing(0, 2)};
 
         .dot-card-header {
           padding: ${theme.spacing(2, 1, 0, 0)};
         }
         .dot-card-content {
-          padding: ${theme.spacing(0, 2, 3, 2)};
+          padding: ${theme.spacing(0, 0, 3, 0)};
         }
       }
       .content {
-        padding: ${theme.spacing(0, 2, 1, 2)};
         overflow-y: auto;
       }
       .dot-avatar {
@@ -9893,10 +9893,11 @@ const StyledDashboardDetails = styled(DotDrawer)`
       .section-title {
         display: flex;
         align-items: center;
-        padding: ${theme.spacing(2, 0, 2, 2)};
-        margin: ${theme.spacing(2, -2, 0)};
+        padding: ${theme.spacing(2)};
+      }
+      .section-title-border {
+        margin: ${theme.spacing(1, -2, 0)};
         border-bottom: 1px solid ${theme.palette.figma.border.default};
-        font-weight: normal;
       }
       .dot-icon {
         flex-basis: content;
@@ -9924,6 +9925,18 @@ const StyledDashboardDetails = styled(DotDrawer)`
   `}
 `;
 
+const getFormattedDate = dateString => {
+  if (!dateString) {
+    return '';
+  }
+  const date = new Date(dateString);
+  return date.toLocaleDateString('en-US', {
+    dateStyle: 'medium'
+  }) + ' - ' + date.toLocaleTimeString('en-US', {
+    hour: '2-digit',
+    minute: '2-digit'
+  });
+};
 const DashboardDetailsField = ({
   children,
   className,
@@ -9956,12 +9969,16 @@ const DashboardDetailsSectionHeading = ({
   if (className) {
     c += ` ${className}`;
   }
-  return jsx(DotTypography, {
-    ariaRole: "heading",
-    className: c,
-    component: "div",
-    variant: "subtitle1",
-    children: label
+  return jsx("div", {
+    className: "section-title-border",
+    children: jsx(DotTypography, {
+      ariaRole: "heading",
+      ariaLevel: 2,
+      className: c,
+      component: "div",
+      variant: "body1",
+      children: label
+    })
   });
 };
 const DotDashboardDetailsView = ({
@@ -10081,11 +10098,11 @@ const DotDashboardDetailsView = ({
           }), jsx(DashboardDetailsField, {
             className: "dashboard-details-created-dt",
             label: "Created on",
-            value: dashboard.created_dt
+            value: getFormattedDate(dashboard.created_dt)
           }), dashboard.updated_dt && jsx(DashboardDetailsField, {
             className: "dashboard-details-updated-dt",
             label: "Modified on",
-            value: dashboard.updated_dt
+            value: getFormattedDate(dashboard.updated_dt)
           }), dashboard.updated_by_fullname && jsx(DashboardDetailsField, {
             className: "dashboard-details-updated-by",
             label: "Modified by",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "3.11.0",
+  "version": "3.11.2",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [