diff --git a/datepicker.js b/datepicker.js
index ac6cacde29..c49fb4163c 100644
--- a/datepicker.js
+++ b/datepicker.js
@@ -91,11 +91,7 @@ class DatePicker extends Component {
   }
 
   onPressMask() {
-    if (typeof this.props.onPressMask === 'function') {
-      this.props.onPressMask();
-    } else {
-      this.onPressCancel();
-    }
+    this.onPressCancel();
   }
 
   onPressCancel() {
@@ -380,7 +376,7 @@ class DatePicker extends Component {
               <TouchableComponent
                 style={Style.datePickerMask}
                 activeOpacity={1}
-                underlayColor={'#00000077'}
+                underlayColor={'transparent'}
                 onPress={this.onPressMask}
               >
                 <TouchableComponent
diff --git a/style.js b/style.js
index 30d2cc6620..0c293b841f 100644
--- a/style.js
+++ b/style.js
@@ -34,7 +34,7 @@ let style = StyleSheet.create({
     flex: 1,
     alignItems: 'flex-end',
     flexDirection: 'row',
-    backgroundColor: '#00000077'
+    backgroundColor: 'transparent'
   },
   datePickerCon: {
     backgroundColor: '#fff',