From 1273f3fe41a11b9eb2e090e4a60aad0df77b4dd0 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Thu, 11 Jan 2018 14:00:39 +0100
Subject: [PATCH] Update README.md

---
 README.md | 37 ++++++++++++++++++++++++++-----------
 1 file changed, 26 insertions(+), 11 deletions(-)

diff --git a/README.md b/README.md
index 8c8a664fae..da44290f20 100644
--- a/README.md
+++ b/README.md
@@ -345,20 +345,35 @@ The value for `autoComplete` should be from [this list of possible values](https
 Usage example:
 ```JS
 <Select
-	id="country"
-	multi={false} //required with autoComplete
-	autosize={false} //recommended with autoComplete
-	options={COUNTRIES}
-	simpleValue
-	name="country"
-	value={this.state.selectValue}
-	onChange={this.updateValue}
-	autoComplete="country"
-	onAutoFill={this.handleAutoFill}
+  id="country"
+  name="country"
+  autoComplete="country"
+  multi={false} //required with autoComplete
+  autosize={false} //recommended with autoComplete
+  options={COUNTRIES}
+  onAutoFill={this.handleAutoFill}
+  //... other props
 />
 ```
 
-You can use the `onAutoFill` callback to react to autofill state changes.
+Example for credit card expiry date selects:
+```JS
+<Select
+  autoComplete="cc-exp-month"
+  multi={false} //required with autoComplete
+  autosize={false} //recommended with autoComplete
+  //... other props
+/>
+<Select
+  autoComplete="cc-exp-year"
+  multi={false} //required with autoComplete
+  autosize={false} //recommended with autoComplete
+  //... other props
+/>
+```
+
+You can use the `onAutoFill` callback to react to autofill state changes, for example to adjust the styling of a wrapper component.
+
 This feature is currently only tested in Chrome >= v63.
 
 ### Select Props