Settings Rewrite: Make a common settings-section component.

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
index 0fb7597a8df9cac2809ff325ad4f713031e37956..8cc5bdd9f42158691f615322dbc14ce56e4a12d0 100644
--- a/chrome/browser/resources/settings/date_time_page/date_time_page.html
+++ b/chrome/browser/resources/settings/date_time_page/date_time_page.html
@@ -1,13 +1,12 @@
 <link rel="import" href="chrome://md-settings/checkbox/checkbox.html">
 <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://resources/polymer/v1_0/paper-material/paper-material.html">
+<link rel="import" href="chrome://md-settings/settings_page/settings_section.html">
 
 <dom-module id="cr-settings-date-time-page">
   <link rel="import" type="css" href="date_time_page.css">
-  <link rel="import" type="css" href="chrome://md-settings/settings_page/settings_page.css">
   <template>
-    <paper-material class="layout veritcal">
+    <cr-settings-section page-title="[[pageTitle]]" icon="[[icon]]">
       <div class="horizontal layout center">
         <span class="time-zone-label" i18n-content="timeZone"></span>
       </div>
@@ -16,7 +15,7 @@
       </cr-settings-checkbox>
       <span id="setAutomatically" i18n-content="dateTimeSetAutomatically">
       </span>
-    </paper-material>
+    </cr-settings-section>
   </template>
   <script src="date_time_page.js"></script>
 </dom-module>