Add initial implementation of date-time-settings MD settings page.
[chromium-blink-merge.git] / chrome / browser / resources / settings / date_time_page / date_time_page.html
blob2bc552a63aeb95f3f2d8a7501ba450c740a944e3
1 <link rel="import" href="chrome://md-settings/checkbox/checkbox.html">
2 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
3 <link rel="import" href="chrome://resources/polymer/core-label/core-label.html">
4 <link rel="import" href="chrome://resources/polymer/core-menu/core-menu.html">
5 <link rel="import" href="chrome://resources/polymer/paper-item/paper-item.html">
6 <link rel="import" href="chrome://resources/polymer/paper-shadow/paper-shadow.html">
8 <polymer-element name="cr-settings-date-time-page">
9 <template>
10 <link rel="stylesheet" href="chrome://md-settings/settings_page/settings_page.css">
11 <link rel="stylesheet" href="date_time_page.css">
12 <paper-shadow layout vertical cross-fade>
13 <cr-settings-page-header page="{{}}"></cr-settings-page-header>
14 <div horizontal layout center>
15 <core-label horizontal layout center>
16 <span class="time-zone-label">Time zone:</span>
17 </core-label>
18 </div>
19 <cr-settings-checkbox
20 pref="{{prefs.settings.settings.clock.use_24hour_clock}}"
21 label="Use 24-hour clock">
22 </cr-settings-checkbox>
23 <span id="setAutomatically">Date and time are set automatically.</span>
24 </paper-shadow>
25 </template>
26 <script src="date_time_page.js"></script>
27 </polymer-element>