feat(datepicker): add support for custom icon

README.md

@@ -41,6 +41,7 @@ You can check [index.js](https://github.com/xgfe/react-native-datepicker/blob/ma
 | format | 'YYYY-MM-DD' | `string` | Specify the display format of the date, which using [moment.js](http://momentjs.com/). The default value change according to the mode. |
 | confirmBtnText | - | `string` | Specify the text of confirm btn in ios. |
 | cancelBtnText | - | `string` | Specify the text of cancel btn in ios. |
+| iconSource | - | `{uri: string} | number` | Specify the icon. Same as the `source` of Image, always using `require()` |
 | minDate | - | `string | date` | Restricts the range of possible date values. |
 | maxDate | - | `string | date` | Restricts the range of possible date values. |
 | duration | 300 | `number` | Specify the animation duration of datepicker.

example/index.android.js

@@ -36,6 +36,7 @@ class example extends Component {
           maxDate="2016-06-01"
           confirmBtnText="Confirm"
           cancelBtnText="Cancel"
+          iconSource={require('./google_calendar.png')}
           onDateChange={(date) => {this.setState({date: date})}}
         />
         <Text style={styles.instructions}>date: {this.state.date}</Text>

index.js

@@ -44,6 +44,8 @@ class DatePicker extends Component {
   confirmBtnText = this.props.confirmBtnText || '确定';
   cancelBtnText = this.props.cancelBtnText || '取消';
 
+  iconSource = this.props.iconSource || require('./date_icon.png');
+
   state = {
     date: this.getDate(),
     modalVisible: false,
@@ -205,7 +207,7 @@ class DatePicker extends Component {
           </View>
           <Image
             style={Style.dateIcon}
-            source={require('./date_icon.png')}
+            source={this.iconSource}
           />
           {Platform.OS === 'ios' && <Modal
             transparent={true}