<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">
<link rel="import" href="chrome://md-settings/controls/settings_checkbox.html">

<dom-module id="settings-date-time-page">
  <link rel="import" type="css"
      href="chrome://md-settings/settings_shared.css">
  <link rel="import" type="css" href="date_time_page.css">
  <template>
    <div class="horizontal layout center">
      <span class="time-zone-label" i18n-content="timeZone"></span>
    </div>
    <settings-checkbox pref="{{prefs.settings.clock.use_24hour_clock}}"
        i18n-values="label:use24HourClock">
    </settings-checkbox>
    <span id="setAutomatically" i18n-content="dateTimeSetAutomatically">
    </span>
  </template>
  <script src="date_time_page.js"></script>
</dom-module>
