From f24d12800f3b4cc3d1ad041ef4fc2dcd274f7077 Mon Sep 17 00:00:00 2001
From: Phil Myers <prm5031@gmail.com>
Date: Tue, 27 Feb 2018 13:11:46 -0500
Subject: [PATCH] Add falsy key example to AutocompleteTest

---
 spec/components/autocomplete.js | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/spec/components/autocomplete.js b/spec/components/autocomplete.js
index 09c825c0..4b39cebe 100644
--- a/spec/components/autocomplete.js
+++ b/spec/components/autocomplete.js
@@ -13,6 +13,21 @@ class AutocompleteTest extends React.Component {
       'EN-en': 'United States of America',
       'EN-nz': 'New Zealand',
     },
+    simpleMonth: 0,
+    monthsObject: {
+      0: 'January',
+      1: 'February',
+      2: 'March',
+      3: 'April',
+      4: 'May',
+      5: 'June',
+      6: 'July',
+      7: 'August',
+      8: 'September',
+      9: 'October',
+      10: 'November',
+      11: 'December',
+    }
   };
 
   handleFocus = (event) => {
@@ -44,6 +59,10 @@ class AutocompleteTest extends React.Component {
     this.setState({ simpleShowAll: value });
   };
 
+  handleSimpleMonthChange = (value) => {
+    this.setState({ simpleMonth: parseInt(value, 10) });
+  };
+
   render() {
     return (
       <section>
@@ -89,6 +108,16 @@ class AutocompleteTest extends React.Component {
           source={this.state.countriesArray}
           value={this.state.simpleShowAll}
         />
+
+        <Autocomplete
+          hint="Months (Falsy object key example)"
+          label="Months (Falsy object key example)"
+          multiple={false}
+          onChange={this.handleSimpleMonthChange}
+          showSuggestionsWhenValueIsSet
+          source={this.state.monthsObject}
+          value={this.state.simpleMonth}
+        />
       </section>
     );
   }