From 30ebdf35ad20fd5dcb1d11f5452550b078e09cb2 Mon Sep 17 00:00:00 2001
From: Henning Hall <henning.hall@hotmail.com>
Date: Sat, 19 May 2018 13:07:52 +0200
Subject: [PATCH] Default size for ios picker.

---
 index.js | 30 ++++++++++++++++++++++--------
 1 file changed, 22 insertions(+), 8 deletions(-)

diff --git a/index.js b/index.js
index a705b27..d9ac692 100644
--- a/index.js
+++ b/index.js
@@ -5,10 +5,12 @@ import {
     DatePickerIOS,
     Text,
     requireNativeComponent,
-    ViewPropTypes
+    ViewPropTypes,
+    StyleSheet,
 } from 'react-native';
 import React, { Component } from 'react'
 import PropTypes from 'prop-types';
+import { DatePicker } from 'react-native-date-picker-x';
 
 const ios = Platform.OS === 'ios';
 
@@ -17,16 +19,28 @@ const NativeDatePicker = requireNativeComponent(`DatePickerManager`, DatePickerA
 class DatePickerAndroid extends React.Component {
 
     _onChange = e => this.props.onDateChange(new Date(parseInt(e.nativeEvent.date)));
-    _style = () => ({ ...style, ...this.props.style })
-    render = () => <NativeDatePicker {...this.props} date={this.props.date.getTime()} onChange={this._onChange} style={this._style()} />;
+    render = () => (
+        <NativeDatePicker
+            {...this.props }
+            date={this.props.date.getTime()}
+            onChange={this._onChange}
+            style={[styles.picker, this.props.style]}
+        />
+    )
 }
 
-const style = {
-    minWidth: 300,
-    minHeight: 180,
-    borderWidth: 1,
+class DatePickerIOSWithSize extends React.Component {
+    render = () => <DatePickerIOS {...this.props} style={[styles.picker, this.props.style]} />
 }
 
+
+const styles = StyleSheet.create({
+    picker: {
+        width: 310,
+        height: 180,
+    }
+})
+
 DatePickerAndroid.propTypes = DatePickerIOS.propTypes;
 
-export default ios ? DatePickerIOS : DatePickerAndroid;
+export default ios ? DatePickerIOSWithSize : DatePickerAndroid;