diff --git a/openid-connect-server/src/main/webapp/resources/js/grant.js b/openid-connect-server/src/main/webapp/resources/js/grant.js
index c9e5cd0a0..513f0fd8a 100644
--- a/openid-connect-server/src/main/webapp/resources/js/grant.js
+++ b/openid-connect-server/src/main/webapp/resources/js/grant.js
@@ -117,7 +117,12 @@ var ApprovedSiteView = Backbone.View.extend({
 	},
 
 	render: function() {
-		var json = {grant: this.model.toJSON(), client: this.options.client.toJSON()};
+		
+		var formattedDate = {creationDate: moment(this.model.creationDate).format("ddd, hA"),
+							 accessDate: moment(this.model.accessDate),
+							 timeoutDate: moment(this.model.timeoutDate)};
+		
+		var json = {grant: this.model.toJSON(), client: this.options.client.toJSON(), formattedDate: formattedDate};
 		
 		this.$el.html(this.template(json));
 
diff --git a/openid-connect-server/src/main/webapp/resources/template/grant.html b/openid-connect-server/src/main/webapp/resources/template/grant.html
index 0aef6fa50..e0b7bedc0 100644
--- a/openid-connect-server/src/main/webapp/resources/template/grant.html
+++ b/openid-connect-server/src/main/webapp/resources/template/grant.html
@@ -96,15 +96,15 @@
 	<!-- TODO: make these dates collapsable/expandable -->
 
 	<td>
-		<%= grant.creationDate %>
+		<%= formattedDate.creationDate %>
 	</td>
 
 	<td>
-		<%= grant.accessDate %>
+		<%= formattedDate.accessDate %>
 	</td>
 
 	<td>
-		<%= grant.timeoutDate %>
+		<%= formattedDate.timeoutDate %>
 	</td>
 
     <td>