@dxos/react-ui-form 0.8.1-main.ae460ac → 0.8.1-staging.31c3ee1

package/src/util/field.ts

@@ -132,22 +132,22 @@ export const cellClassesForFieldType = ({ type, format }: CellClassesForFieldTyp
   switch (format) {
     case FormatEnum.Markdown:
       return undefined;
+    case FormatEnum.Time:
     case FormatEnum.Timestamp:
     case FormatEnum.DateTime:
     case FormatEnum.Date:
-    case FormatEnum.Time:
-      return ['font-mono'];
+    case FormatEnum.Duration:
+      return ['font-mono', 'text-right'];
     case FormatEnum.Currency:
       return ['text-right'];
     case FormatEnum.JSON:
+    case FormatEnum.DID:
       return ['font-mono'];
     default:
       return undefined;
   }
 };
 
-export const cellClassesForRowSelection = (selected: boolean) => (selected ? ['!bg-gridCellSelected'] : undefined);
-
 // TODO(ZaymonFC): How to do this with translations?
 export const pathNotUniqueError = (path: string): ValidationError => ({
   path: 'path',

package/src/util/formatting.ts

@@ -2,6 +2,8 @@
 // Copyright 2024 DXOS.org
 //
 
+import { format as formatDate } from 'date-fns/format';
+
 import { FormatEnum, GeoLocation, TypeEnum } from '@dxos/echo-schema';
 
 type ValueFormatProps = {
@@ -61,17 +63,14 @@ export const formatForDisplay = ({ type, format, value, locale = undefined }: Va
         maximumFractionDigits: 2,
       });
     }
-    case FormatEnum.DateTime:
-    case FormatEnum.Date:
+    case FormatEnum.Date: {
+      return formatDate(new Date(value as number), 'yyyy-MM-dd');
+    }
     case FormatEnum.Time: {
-      const date = new Date(value as number);
-      if (format === FormatEnum.DateTime) {
-        return date.toLocaleString(locale);
-      } else if (format === FormatEnum.Date) {
-        return date.toLocaleDateString(locale);
-      } else {
-        return date.toLocaleTimeString(locale);
-      }
+      return formatDate(new Date(value as number), 'HH:mm:ss');
+    }
+    case FormatEnum.DateTime: {
+      return formatDate(new Date(value as number), 'yyyy-MM-dd HH:mm:ss');
     }
     case FormatEnum.GeoPoint: {
       if (value === null || value === undefined) {