react-native-androidcustom-datetimepicker

React Native Android DateTime Picker Same As IOS

A react-native component for show the Date and time picker same as IOS in react-native android

$3

``
npm install react-native-androidcustom-datetimepicker --save
react-native link react-native-androidcustom-datetimepicker

`
android




$3



### Setting.gradle
`
+ include ':react-native-androidcustom-datetimepicker'
+ project(':react-native-androidcustom-datetimepicker').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-androidcustom-datetimepicker/android')

`

$3

`
+ compile project(':react-native-androidcustom-datetimepicker')
`

$3

`
new DateTimePickerPackage()
`

$3

`javascript
import DateTimePickerModule from 'react-native-androidcustom-datetimepicker'
`


$3


`
DateTimePickerModule.openDatePicker({
textConfirm:"Ok", // text for confirm button deafult is "Confirm"
textCancel:"No", // text for cancel button deafult is "Cancel"
btnTextSize:16, // button text size
colorCancel:"#29436d", // button cancel text color
colorConfirm:"#29436d", // button confirm text color
minYear:1970, // minimum year want to show
maxYear:2018, // maximum year want to show
selectDate:"2015-06-22" //yyyy-MM-dd formate
}).then(function(result) {
alert(result.date)// "result":{"year":2015,"month":03,"day":23,"date":"2015-03-23"} in success after select on confirm button
});

`
### TimePicker
`
DateTimePickerModule.openTimePicker({
textConfirm:"Ok", // text for confirm button deafult is "Confirm"
textCancel:"No", // text for cancel button deafult is "Cancel"
btnTextSize:16, // button text size
colorCancel:"#29436d", // button cancel text color
colorConfirm:"#29436d", // button confirm text color
}).then(function(result) {
alert(result.time)// "result":{"hour":01,"minute":56,"AM_PM":"AM","time":"01:56 AM"} in success after select on confirm button
});

`




$3

| Prop | Type | Default | Description |
|-----------------------------------|-------------|-------------|------------------------------------------------------------------------------------------|
|colorConfirm |String |#303F9F |Confirm button text color
|colorCancel |String |#999999 |Cancel button text color
|textConfirm |String |Confirm |Confirm text string
|textCancel |String |Cancel |Cancel text string
|btnTextSize |int |16 |Button text size
|minYear |int |1900 |minimum year to show in calender
|maxYear |int |current year |Maximum year to show in calender
|selectDate |String |current date |selected date to show on top|front

$3

| Prop | Type | Default | Description |
|-----------------------------------|-------------|-------------|------------------------------------------------------------------------------------------|
|colorConfirm |String |#303F9F |Confirm button text color
|colorCancel |String |#999999 |Cancel button text color
|textConfirm |String |Confirm |Confirm text string
|textCancel |String |Cancel |Cancel text string
|btnTextSize |int |16` |Button text size