Merge pull request #524 from dadi/feature/datetime-in-list-view

DateTime formatted in list view

frontend/components/FieldDateTime/FieldDateTime.jsx

@@ -1,4 +1,5 @@
 import edit from './FieldDateTimeEdit'
+import list from './FieldDateTimeList'
 import filter from './FieldDateTimeFilter'
 
-export {edit, filter}
+export {edit, list, filter}

frontend/components/FieldDateTime/FieldDateTimeList.jsx

@@ -0,0 +1,39 @@
+'use strict'
+
+import {h, Component} from 'preact'
+import proptypes from 'proptypes'
+
+import DateTime from 'lib/datetime'
+
+/**
+ * Component for rendering API fields of type String on a list view.
+ */
+export default class FieldDateTimeList extends Component {
+  static propTypes = {
+    /**
+     * App config.
+     */
+    config: proptypes.object,
+
+    /**
+     * The field schema.
+     */
+    schema: proptypes.object
+
+    /**
+     * The field value.
+     */
+    value: proptypes.string
+  }
+
+  render() {
+    const {config, schema, value} = this.props
+
+    // If there's no value, we return `null`.
+    if (!value) return null
+
+    const dateTimeObj = new DateTime(value)
+
+    return (dateTimeObj.isValid() && dateTimeObj.format(config.formats.date.long)) || value
+  }
+}

frontend/containers/DocumentList/DocumentList.jsx

@@ -512,6 +512,7 @@ class DocumentList extends Component {
     if (FieldComponentList) {
       return (
         <FieldComponentList
+          config={state.app.config}
           collection={collection}
           currentApi={api}
           schema={schema}