From aff8cfdf9c647be0b85af8f56fe8a504f678787e Mon Sep 17 00:00:00 2001
From: Stefan Sundin <git@stefansundin.com>
Date: Fri, 2 Apr 2021 22:48:20 -0700
Subject: [PATCH] Fix the "Automatic dark mode" labels having the same name.
 Now the correct input is selected when clicking the "To" label.

---
 ui/page/settings/view.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/page/settings/view.jsx b/ui/page/settings/view.jsx
index 57bcb4610..06bbb5e99 100644
--- a/ui/page/settings/view.jsx
+++ b/ui/page/settings/view.jsx
@@ -289,7 +289,7 @@ class SettingsPage extends React.PureComponent<Props, State> {
                       <fieldset-group class="fieldset-group--smushed">
                         <FormField
                           type="select"
-                          name="automatic_dark_mode_range"
+                          name="automatic_dark_mode_range_start"
                           onChange={(value) => this.onChangeTime(value, { fromTo: 'from', time: 'hour' })}
                           value={darkModeTimes.from.hour}
                           label={__('From --[initial time]--')}
@@ -302,7 +302,7 @@ class SettingsPage extends React.PureComponent<Props, State> {
                         </FormField>
                         <FormField
                           type="select"
-                          name="automatic_dark_mode_range"
+                          name="automatic_dark_mode_range_end"
                           label={__('To --[final time]--')}
                           onChange={(value) => this.onChangeTime(value, { fromTo: 'to', time: 'hour' })}
                           value={darkModeTimes.to.hour}