Disable panning in native picker dialogs (#1071)

* disable panning in native picker dialogs

* take panDirection from this.props

Author: ethanshar

src/components/picker/PickerDialog.android.js

@@ -82,8 +82,10 @@ class PickerDialog extends BaseComponent {
 
   render() {
     const dialogProps = extractComponentProps(Dialog, this.props);
+    // TODO: should be taken from dialogProps but there's an issue with "babel-plugin-typescript-to-proptypes" plugin
+    const {panDirection} = this.props;
     return (
-      <Dialog {...dialogProps} migrate height="50%" width="77%">
+      <Dialog {...dialogProps} migrate height="50%" width="77%" panDirection={panDirection}>
         <View style={styles.dialog}>
           {this.renderHeader()}
           <View flex center paddingH-24>

src/components/picker/PickerDialog.ios.js

@@ -53,8 +53,10 @@ class PickerDialog extends BaseComponent {
 
   render() {
     const dialogProps = extractComponentProps(Dialog, this.props);
+    // TODO: should be taken from dialogProps but there's an issue with "babel-plugin-typescript-to-proptypes" plugin
+    const {panDirection} = this.props;
     return (
-      <Dialog {...dialogProps} height={250} width="100%" migrate bottom animationConfig={{duration: 300}}>
+      <Dialog {...dialogProps} height={250} width="100%" migrate bottom animationConfig={{duration: 300}} panDirection={panDirection}>
         <View flex bg-white>
           {this.renderHeader()}
           <View centerV flex>