Set readable names for date objects.

agent/__tests__/dehydrate-test.js

@@ -55,4 +55,12 @@ describe('dehydrate', () => {
     expect(result.a.b.c).toEqual({type: 'array', name: 'Array', meta: {length: 2}});
     expect(result.a.b.d).toEqual({type: 'object', name: 'Something', meta: {}});
   });
+
+  it('returns readable name for dates', () => {
+    var d = new Date();
+    var object = {a: d };
+    var cleaned = [];
+    var result = dehydrate(object, cleaned);
+    expect(result.a).toEqual({type: 'date', name: d.toString(), meta: {uninspectable: true}});
+  });
 });

agent/dehydrate.js

@@ -38,6 +38,9 @@ function getPropType(data: Object): string | null {
     if (data[Symbol.iterator] === 'function') {
       return 'iterator';
     }
+    if (Object.prototype.toString.call(data) === '[object Date]') {
+      return 'date';
+    }
   }
 
   return type;
@@ -136,11 +139,20 @@ function dehydrate(data: Object, cleaned: Array<Array<string>>, path?: Array<str
     case 'typed_array':
     case 'iterator':
       return createDehydrated(type, data, cleaned, path);
-
+    case 'date':
+      cleaned.push(path);
+      return {
+        name: data.toString(),
+        type: 'date',
+        meta: {
+          uninspectable: true,
+        },
+      };
     case 'object':
       if (level > 2 || (data.constructor && typeof data.constructor === 'function' && data.constructor.name !== 'Object')) {
         return createDehydrated(type, data, cleaned, path);
       } else {
+
         var res = {};
         for (var name in data) {
           res[name] = dehydrate(data[name], cleaned, path.concat([name]), level + 1);

frontend/DataView/previewComplex.js

@@ -37,6 +37,12 @@ function previewComplex(data: Object) {
           {data[consts.name] + '{…}'}
         </span>
       );
+    case 'date':
+      return (
+        <span style={valueStyles.date}>
+          {data[consts.name]}
+        </span>
+      );
     case 'symbol':
       return (
         <span style={valueStyles.symbol}>

frontend/PropVal.js

@@ -73,6 +73,8 @@ function previewProp(val: any, nested: boolean) {
   }
 
   switch (val[consts.type]) {
+    case 'date':
+      return <span style={valueStyles.date}>{val[consts.name]}</span>;
     case 'function':
       return <span style={valueStyles.func}>{val[consts.name] || 'fn'}()</span>;
     case 'object':

frontend/value-styles.js

@@ -31,6 +31,10 @@ module.exports = {
     color: '#1c00cf',
   },
 
+  date: {
+    color: 'rgb(33, 33, 33)',
+  },
+
   number: {
     color: '#1c00cf',
   },