From ff69648835f00f21bbf362c0274543f1a070c472 Mon Sep 17 00:00:00 2001
From: Kris Brown <kristoferbrown@users.noreply.github.com>
Date: Wed, 24 Jan 2018 14:53:19 -0800
Subject: [PATCH] Fixing Picker suggestions RTL alignment (#3795)

* Making picker suggestions callout align to correct rtl position

* rush change

* Removing getRTL import
---
 .../v-krbrow-pickers-rtl_2018-01-24-22-11.json        | 11 +++++++++++
 .../src/components/pickers/BasePicker.tsx             |  6 +++---
 2 files changed, 14 insertions(+), 3 deletions(-)
 create mode 100644 common/changes/office-ui-fabric-react/v-krbrow-pickers-rtl_2018-01-24-22-11.json

diff --git a/common/changes/office-ui-fabric-react/v-krbrow-pickers-rtl_2018-01-24-22-11.json b/common/changes/office-ui-fabric-react/v-krbrow-pickers-rtl_2018-01-24-22-11.json
new file mode 100644
index 0000000000000..af92a22d75777
--- /dev/null
+++ b/common/changes/office-ui-fabric-react/v-krbrow-pickers-rtl_2018-01-24-22-11.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "office-ui-fabric-react",
+      "comment": "Pickers: Aligning suggestions callout to the correct RTL position",
+      "type": "patch"
+    }
+  ],
+  "packageName": "office-ui-fabric-react",
+  "email": "v-krbrow@microsoft.com"
+}
\ No newline at end of file
diff --git a/packages/office-ui-fabric-react/src/components/pickers/BasePicker.tsx b/packages/office-ui-fabric-react/src/components/pickers/BasePicker.tsx
index 62ba1775ee1db..191c1e05424bc 100644
--- a/packages/office-ui-fabric-react/src/components/pickers/BasePicker.tsx
+++ b/packages/office-ui-fabric-react/src/components/pickers/BasePicker.tsx
@@ -3,8 +3,7 @@ import {
   BaseComponent,
   KeyCodes,
   autobind,
-  css,
-  getRTL
+  css
 } from '../../Utilities';
 import { FocusZone, FocusZoneDirection } from '../../FocusZone';
 import { Callout, DirectionalHint } from '../../Callout';
@@ -233,7 +232,8 @@ export class BasePicker<T, P extends IBasePickerProps<T>> extends BaseComponent<
         gapSpace={ 5 }
         target={ this.input.inputElement }
         onDismiss={ this.dismissSuggestions }
-        directionalHint={ getRTL() ? DirectionalHint.bottomRightEdge : DirectionalHint.bottomLeftEdge }
+        directionalHint={ DirectionalHint.bottomLeftEdge }
+        directionalHintForRTL={ DirectionalHint.bottomRightEdge }
       >
         <TypedSuggestion
           onRenderSuggestion={ this.props.onRenderSuggestionsItem }