<style include="settings-shared">
#timezoneRadioContainer {
padding-bottom: var(--cr-section-padding);
}
settings-dropdown-menu {
--md-select-width: 425px;
--settings-dropdown-menu-policy-order: 1;
}
#timeZoneResolveMethodDropdown,
#timezoneSelector {
padding-inline-start: 28px;
}
#warningText {
width: 425px;
padding-inline-start: 28px;
}
</style>
<div id="timezoneRadioContainer" class="settings-box first">
<settings-radio-group id="timeZoneRadioGroup"
pref="{{prefs.generated.resolve_timezone_by_geolocation_on_off}}"
deep-link-focus-id$="[[Setting.kChangeTimeZone]]"
disabled="[[!canSetSystemTimezone_]]">
<controlled-radio-button
id="timeZoneAutoDetectOn"
name="true"
pref="[[prefs.generated.resolve_timezone_by_geolocation_on_off]]"
label="$i18n{setTimeZoneAutomaticallyOn}"
no-extension-indicator>
</controlled-radio-button>
<settings-dropdown-menu id="timeZoneResolveMethodDropdown"
pref="{{prefs.generated.resolve_timezone_by_geolocation_method_short}}"
label="$i18n{selectTimeZoneResolveMethod}"
disabled="[[!prefs.generated.resolve_timezone_by_geolocation_on_off.value]]"
menu-options="[[getTimeZoneResolveMethodsList_(
prefs.generated.resolve_timezone_by_geolocation_method_short)]]">
</settings-dropdown-menu>
<template is="dom-if" if="[[shouldShowGeolocationWarningText_]]"
restamp>
<settings-privacy-hub-geolocation-warning-text
id="warningText"
warning-text-with-anchor="[[geolocationWarningText_]]"
on-link-clicked="openGeolocationDialog_">
</settings-privacy-hub-geolocation-warning-text>
</template>
<controlled-radio-button
id="timeZoneAutoDetectOff"
name="false"
pref="[[prefs.generated.resolve_timezone_by_geolocation_on_off]]"
label="$i18n{setTimeZoneAutomaticallyOff}"
no-extension-indicator>
</controlled-radio-button>
<timezone-selector id="timezoneSelector" prefs="{{prefs}}"
active-time-zone-display-name="{{activeTimeZoneDisplayName}}">
</timezone-selector>
</settings-radio-group>
</div>
<template is="dom-if" if="[[showEnableSystemGeolocationDialog_]]" restamp>
<settings-privacy-hub-geolocation-dialog id="geolocationDialog"
on-close="onGeolocationDialogClose_"
prefs="{{prefs}}">
</settings-privacy-hub-geolocation-dialog>
</template>