Dates are pre-formatted GraphQL query

Author: bvaughn

www/src/pages/blog/all.html.js

@@ -16,7 +16,6 @@ import Container from 'components/Container';
 import Header from 'components/Header';
 import React from 'react';
 import {sharedStyles} from 'theme';
-import dateToString from 'utils/dateToString';
 import toCommaSeparatedList from 'utils/toCommaSeparatedList';
 
 const AllBlogPosts = ({data}) => (
@@ -38,7 +37,7 @@ const AllBlogPosts = ({data}) => (
           {' '}
           on
           {' '}
-          {dateToString(new Date(node.fields.date))}
+          {node.fields.date}
           {' '}
           by
           {' '}
@@ -72,7 +71,7 @@ export const pageQuery = graphql`
             }
           }
           fields {
-            date
+            date(formatString: "MMMM DD, YYYY")
             slug
           }
         }

www/src/templates/blog.js

@@ -34,7 +34,7 @@ const toSectionList = allMarkdownRemark => [
 const Blog = ({data, location}) => (
   <MarkdownPage
     authors={data.markdownRemark.frontmatter.author}
-    date={new Date(data.markdownRemark.fields.date)}
+    date={data.markdownRemark.fields.date}
     location={location}
     markdownRemark={data.markdownRemark}
     sectionList={toSectionList(data.allMarkdownRemark)}
@@ -62,7 +62,7 @@ export const pageQuery = graphql`
         }
       }
       fields {
-        date
+        date(formatString: "MMMM DD, YYYY")
         path
       }
     }

www/src/templates/components/MarkdownPage/MarkdownPage.js

@@ -19,7 +19,6 @@ import {StickyContainer} from 'react-sticky';
 import PropTypes from 'prop-types';
 import React from 'react';
 import StickySidebar from '../StickySidebar';
-import dateToString from 'utils/dateToString';
 import findSectionForPath from 'utils/findSectionForPath';
 import toCommaSeparatedList from 'utils/toCommaSeparatedList';
 import {sharedStyles} from 'theme';
@@ -62,7 +61,7 @@ const MarkdownPage = ({
 
               {(date || hasAuthors) &&
                 <div css={{marginTop: 15}}>
-                  {date ? `${dateToString(date)} ` : ''}
+                  {date}{' '}
                   {hasAuthors &&
                     <span>
                       by {toCommaSeparatedList(authors, author => (
@@ -122,7 +121,7 @@ MarkdownPage.defaultProps = {
 // TODO Better types
 MarkdownPage.propTypes = {
   authors: PropTypes.array.isRequired,
-  date: PropTypes.object,
+  date: PropTypes.string,
   location: PropTypes.object.isRequired,
   markdownRemark: PropTypes.object.isRequired,
   sectionList: PropTypes.array.isRequired,