From 79d8d14615bc8934eba87a753b176e5e7fdbbd29 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Lindstr=C3=B6m?= <robert.lindstrom@sherpas.se>
Date: Wed, 20 Mar 2019 13:45:14 +0100
Subject: [PATCH] Ensure dropdowns are updated if value changes

---
 src/controls/dateTimePicker/HoursComponent.tsx   | 1 +
 src/controls/dateTimePicker/MinutesComponent.tsx | 3 ++-
 src/controls/dateTimePicker/SecondsComponent.tsx | 3 ++-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/controls/dateTimePicker/HoursComponent.tsx b/src/controls/dateTimePicker/HoursComponent.tsx
index 44ebe6ea1..19117ea85 100644
--- a/src/controls/dateTimePicker/HoursComponent.tsx
+++ b/src/controls/dateTimePicker/HoursComponent.tsx
@@ -47,6 +47,7 @@ export default class HoursComponent extends React.Component<IHoursComponentProps
 
     return (
       <Dropdown
+        key={this.props.value}
         disabled={this.props.disabled}
         label=""
         options={hours}
diff --git a/src/controls/dateTimePicker/MinutesComponent.tsx b/src/controls/dateTimePicker/MinutesComponent.tsx
index 34962ff11..dd9a8fe47 100644
--- a/src/controls/dateTimePicker/MinutesComponent.tsx
+++ b/src/controls/dateTimePicker/MinutesComponent.tsx
@@ -11,7 +11,7 @@ import {
 export default class MinutesComponent extends React.Component<
   ITimeComponentProps,
   {}
-> {
+  > {
   public render(): JSX.Element {
     let minutes: IDropdownOption[] = [];
     for (let j = 0; j < 60; j++) {
@@ -30,6 +30,7 @@ export default class MinutesComponent extends React.Component<
 
     return (
       <Dropdown
+        key={this.props.value}
         disabled={this.props.disabled}
         label=""
         options={minutes}
diff --git a/src/controls/dateTimePicker/SecondsComponent.tsx b/src/controls/dateTimePicker/SecondsComponent.tsx
index f27fc94fe..d74bdc692 100644
--- a/src/controls/dateTimePicker/SecondsComponent.tsx
+++ b/src/controls/dateTimePicker/SecondsComponent.tsx
@@ -11,7 +11,7 @@ import {
 export default class SecondsComponent extends React.Component<
   ITimeComponentProps,
   {}
-> {
+  > {
   public render(): JSX.Element {
     let seconds: IDropdownOption[] = [];
     for (let k = 0; k < 60; k++) {
@@ -30,6 +30,7 @@ export default class SecondsComponent extends React.Component<
 
     return (
       <Dropdown
+        key={this.props.value}
         disabled={this.props.disabled}
         label=""
         options={seconds}