Ensure dropdowns are updated if value changes

SherpasGroup · Mar 20, 2019 · 79d8d14 · 79d8d14
1 parent a87fad2
commit 79d8d14
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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}