Create "Date and time settings" page

There was a Date and time page in the GUI. Enhanced it to
display the BMC time and added it to the menu so users
could navigate to it.

Future things planned for this page:
Setting the time, time mode, and time owner.
Adding a NTP server.

More information can be found in the time manager README:
https://github.com/openbmc/phosphor-time-manager/blob/master/README.md

Tested: See the BMC time.
Change-Id: Ia3ac2385cb45ec8009ed6df0899c3410fe18ef64
Signed-off-by: Gunnar Mills <gmills@us.ibm.com>
diff --git a/app/configuration/controllers/date-time-controller.html b/app/configuration/controllers/date-time-controller.html
index cd760b4..33fc953 100644
--- a/app/configuration/controllers/date-time-controller.html
+++ b/app/configuration/controllers/date-time-controller.html
@@ -1,5 +1,19 @@
+<loader loading="loading"></loader>
 <div id="configuration-date-time">
-    <div class="row column">
-        <h1>Date time</h1>
-    </div>
-</div>
\ No newline at end of file
+	<div class="row column">
+		<h1>Date time settings</h1>
+	</div>
+	<div class="page-header">
+		<h2 class="bold h4">Time information</h2>
+	</div>
+	<fieldset>
+		<div class="column large-8">
+			<ul class="date-time__metadata-wrapper">
+				<li class="date-time__metadata-block">
+					<p class="content-label">BMC Time</p>
+					<p class="courier-bold">{{bmc_time | date:'medium'}}</p>
+				</li>
+			</ul>
+		</div>
+	</fieldset>
+</div>