Add initial implementation of date-time-settings MD settings page.

chrome/browser/resources/settings/date_time_page/date_time_page.html

Index: chrome/browser/resources/settings/date_time_page/date_time_page.html
diff --git a/chrome/browser/resources/settings/date_time_page/date_time_page.html b/chrome/browser/resources/settings/date_time_page/date_time_page.html
new file mode 100644
index 0000000000000000000000000000000000000000..5b7b1ae0a2e90d2eaf1a5b3c7dd7d90249b3cf41
--- /dev/null
+++ b/chrome/browser/resources/settings/date_time_page/date_time_page.html
@@ -0,0 +1,37 @@
+<link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/core-label/core-label.html">
+<link rel="import" href="chrome://resources/polymer/core-menu/core-menu.html">
+<link rel="import" href="chrome://resources/polymer/paper-item/paper-item.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_checkbox/cr_checkbox.
+html">
+<link rel="import" href="chrome://resources/cr_elements/cr_dropdown_menu/
+cr_dropdown_menu.html">
+
+<polymer-element name="cr-settings-date-time-page" layout vertical>
+  <template>
+    <link rel="stylesheet" href="date_time_page.css">
+    <div horizontal layout center>
+      <core-label horizontal layout center>
+        <span class="time-zone-label">Time zone:</span>
+        <cr-dropdown-menu id="timezoneMenu">
+          <core-menu class="menu" valueAttr="value" selectedAttribute=""
+              selected="{{prefs.settings.dateTime.timezone}}">
+            <paper-item value="America/Los_Angeles">
+                Pacific Standard Time

[michaelpg, 2015/03/08 05:57:08]

DST begins in four hours!!1! Better change these quick.

[Oren Blasberg, 2015/03/10 01:25:01]

I can leave it as is since it's just a placeholder anyway right?

[michaelpg, 2015/03/10 03:22:29]

Yes, I was just kidding!

[Oren Blasberg, 2015/03/24 00:37:48]

:)

+            </paper-item>
+            <paper-item value="America/New_York">
+                Eastern Standard Time
+            </paper-item>
+          </core-menu>
+        </cr-dropdown-menu>
+      </core-label>
+    </div>
+    <core-label horizontal layout>
+      <cr-checkbox checked="{{prefs.settings.dateTime.use24HourClock}}" for>

[Jeremy Klein, 2015/03/06 23:26:44]

It seems like these don't actually match their pref values:

https://code.google.com/p/chromium/codesearch#chromium/src/chrome/browser/res...

I thought we had decided to just use the full pref path for now.

[Oren Blasberg, 2015/03/10 01:25:01]

I updated this to 'clock'. However, note that timezone (from the link you sent
me) doesn't start with 'prefs' or 'settings' : instead, it's
"cros.system.timezone".

How should we modify our model accordingly?
Michael? Does it make sense to do something like, add "cros" or "system" to the
prefs.js published properties, in addition to just "settings"?

[michaelpg, 2015/03/10 03:22:29]

This is a device property as opposed to a preference. We may have a separate API
for these settings when we start building the new preferences API. But
settings.cros.system.timezone is fine for now.

+      </cr-checkbox>
+      <span>Use 24-hour clock</span>
+    </core-label>
+    <span id="setAutomatically">Date and time are set automatically.</span>
+  </template>
+  <script src="date_time_page.js"></script>
+</polymer-element>