From 0ea7c4302fda7bc123f50e1324505030398d5371 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=B6ren=20Wrede?= <soerenwrede@gmail.com>
Date: Mon, 15 Oct 2018 19:40:58 +0200
Subject: [PATCH] Latest posts: i18n date (#7996)

* i18n date

* use wp.date

* user format

* add wp-date dependency
---
 lib/client-assets.php                           | 1 +
 packages/block-library/src/latest-posts/edit.js | 8 +++++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/lib/client-assets.php b/lib/client-assets.php
index d48eaa69ac392d..1a8dec20863a6b 100644
--- a/lib/client-assets.php
+++ b/lib/client-assets.php
@@ -450,6 +450,7 @@ function gutenberg_register_scripts_and_styles() {
 			'wp-compose',
 			'wp-core-data',
 			'wp-data',
+			'wp-date',
 			'wp-editor',
 			'wp-element',
 			'wp-html-entities',
diff --git a/packages/block-library/src/latest-posts/edit.js b/packages/block-library/src/latest-posts/edit.js
index 580792b3e0d643..b71b537b95b315 100644
--- a/packages/block-library/src/latest-posts/edit.js
+++ b/packages/block-library/src/latest-posts/edit.js
@@ -2,7 +2,6 @@
  * External dependencies
  */
 import { isUndefined, pickBy } from 'lodash';
-import moment from 'moment';
 import classnames from 'classnames';
 
 /**
@@ -19,6 +18,7 @@ import {
 	Toolbar,
 } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
+import { dateI18n, format, getSettings } from '@wordpress/date';
 import { decodeEntities } from '@wordpress/html-entities';
 import {
 	InspectorControls,
@@ -116,6 +116,8 @@ class LatestPostsEdit extends Component {
 			},
 		];
 
+		const dateFormat = getSettings().formats.date;
+
 		return (
 			<Fragment>
 				{ inspectorControls }
@@ -139,8 +141,8 @@ class LatestPostsEdit extends Component {
 						<li key={ i }>
 							<a href={ post.link } target="_blank">{ decodeEntities( post.title.rendered.trim() ) || __( '(Untitled)' ) }</a>
 							{ displayPostDate && post.date_gmt &&
-								<time dateTime={ moment( post.date_gmt ).utc().format() } className={ `${ this.props.className }__post-date` }>
-									{ moment( post.date_gmt ).local().format( 'MMMM DD, Y' ) }
+								<time dateTime={ format( 'c', post.date_gmt ) } className={ `${ this.props.className }__post-date` }>
+									{ dateI18n( dateFormat, post.date_gmt ) }
 								</time>
 							}
 						</li>