From 0eb9159f0e4009d8bcd7b0968d67970766016076 Mon Sep 17 00:00:00 2001
From: AJIXuMuK <aleksei.terentiev@gmail.com>
Date: Sun, 13 Dec 2020 11:01:18 -0800
Subject: [PATCH] fix of #757

---
 src/controls/dateTimePicker/HoursComponent.tsx        | 9 +++++----
 src/controls/dateTimePicker/SecondsComponent.tsx      | 9 +++++----
 src/webparts/controlsTest/components/ControlsTest.tsx | 2 ++
 3 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/controls/dateTimePicker/HoursComponent.tsx b/src/controls/dateTimePicker/HoursComponent.tsx
index 61d4685a1..88fffff0f 100644
--- a/src/controls/dateTimePicker/HoursComponent.tsx
+++ b/src/controls/dateTimePicker/HoursComponent.tsx
@@ -32,9 +32,10 @@ export default class HoursComponent extends React.Component<IHoursComponentProps
     if (renderDropdown) {
       return (
         <Dropdown
-          disabled={this.props.disabled}
+          disabled={disabled}
           label=''
           options={this._hours}
+          selectedKey={value}
           onChanged={option => {
             onChange(option.text);
           }}
@@ -121,12 +122,12 @@ export default class HoursComponent extends React.Component<IHoursComponentProps
         }
       }
 
-      let selected: boolean = false;
+      /*let selected: boolean = false;
       if (i === value) {
         selected = true;
-      }
+      }*/
 
-      hours.push({ key: i, text: digit, isSelected: selected });
+      hours.push({ key: i, text: digit });
     }
 
     this._hours = hours;
diff --git a/src/controls/dateTimePicker/SecondsComponent.tsx b/src/controls/dateTimePicker/SecondsComponent.tsx
index c2f7dfb0b..46489c4c9 100644
--- a/src/controls/dateTimePicker/SecondsComponent.tsx
+++ b/src/controls/dateTimePicker/SecondsComponent.tsx
@@ -32,9 +32,10 @@ export default class SecondsComponent extends React.Component<ITimeComponentProp
     if (renderDropdown) {
       return (
         <Dropdown
-          disabled={this.props.disabled}
+          disabled={disabled}
           label=''
           options={this._seconds}
+          selectedKey={value}
           onChanged={option => {
             onChange(option.text);
           }} />
@@ -76,11 +77,11 @@ export default class SecondsComponent extends React.Component<ITimeComponentProp
       } else {
         digitSec = k.toString();
       }
-      let selected: boolean = false;
+      /*let selected: boolean = false;
       if (k === this.props.value) {
         selected = true;
-      }
-      seconds.push({ key: k, text: digitSec, isSelected: selected });
+      }*/
+      seconds.push({ key: k, text: digitSec });
     }
 
     this._seconds = seconds;
diff --git a/src/webparts/controlsTest/components/ControlsTest.tsx b/src/webparts/controlsTest/components/ControlsTest.tsx
index cb509698e..09bab0c4a 100644
--- a/src/webparts/controlsTest/components/ControlsTest.tsx
+++ b/src/webparts/controlsTest/components/ControlsTest.tsx
@@ -998,6 +998,8 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
         <PrimaryButton text={'Change Date'} onClick={() => {
           const date = this.state.dateTimeValue || new Date();
           date.setMinutes(50);
+          date.setHours(11);
+          date.setSeconds(12);
           this.setState({
             dateTimeValue: date
           });