UMA stats for time settings

chrome/browser/resources/options/browser_options.html

 <div id="settings" class="page" hidden>
   <header>
     <h1 i18n-content="settingsTitle"></h1>
   </header>
   <include src="reset_profile_settings_banner.html">
   <include src="automatic_settings_reset_banner.html">
 <if expr="chromeos">
   <include src="secondary_user_banner.html">
   <section>
     <div id="network-section-header" class="section-header">
@@ skipping 276 matching lines @@
   <section>
     <h3 i18n-content="datetimeTitle"></h3>
     <div class="option-control-table">
       <div guest-visibility="disabled">
         <span id="timezone-value-label" class="option-name"
             i18n-content="timezone"></span>
         <div id="timezone-value">
           <select class="control"
               i18n-options="timezoneList" data-type="string"
               pref="cros.system.timezone"
-              aria-labelledby="timezone-value-label"></select>
+              aria-labelledby="timezone-value-label"
+              metric="Options_TimezoneSelect"></select>
         </div>
       </div>
       <div class="checkbox settings-row">
         <label>
           <input id="use-24hour-clock" pref="settings.clock.use_24hour_clock"
-              type="checkbox">
+              metric="Options_Use24HourClockCheckbox" type="checkbox">
           <span i18n-content="use24HourClock"></span>
         </label>
       </div>
       <div id="time-synced-explanation" class="settings-row"
           i18n-content="timeSyncedExplanation"></div>
       <div id="set-time" class="settings-row" hidden>
         <button id="set-time-button"
             i18n-content="setTimeButton"></button>
       </div>
     </div>
@@ skipping 666 matching lines @@
       </button>
     </div>
   </section>
   </div>  <!-- advanced-settings-container -->
   </div>  <!-- advanced-settings -->
   <footer>
     <a is="action-link" id="advanced-settings-expander"
         i18n-content="showAdvancedSettings"></a>
   </footer>
 </div>