react-native-osd-datetimepicker

A DateTime Picker for Android and iOs for react-native

For react-native v0.26+

How it looks

Closed

Open

Android

iOs

Output

For time : HH:MM:00

For date : Local date string (parsable in new Date())

For datetime : Local datetime string (parsable in new Date())

Usage example

<DateTimePicker
    containerStyle={styles.container}
    iosDoneButtonText={styles.iosDoneButtonText}
    iosDoneButtonStyle={styles.iosDoneButton}
    iosClosePickerButtonTextContainerStyle={styles.iosClosePickerButtonText}
    iosClosePickerButtonTextStyle={styles.iosClosePickerButton}
    label={'Choose a date'}
    date={this.state.value} // To have a controlled component behaviour
    mode={'date'}
    onChange={this.handleDateChange}
/>

Properties

Property Name	Type	Remark
date	React.PropTypes.string
minDate	React.PropTypes.string
maxDate	React.PropTypes.string
mode	React.PropTypes.oneOf([ 'datetime', 'date', 'time' ])
onChange	React.PropTypes.func.isRequired
iosDoneButtonText	React.PropTypes.string
iosDoneButtonStyle	Button.propTypes.containerStyle	see react-native-osd-simple-button
iosClosePickerButtonTextContainerStyle	Button.propTypes.textContainerStyle	see react-native-osd-simple-button
iosClosePickerButtonTextStyle	Button.propTypes.textStyle	see react-native-osd-simple-button
renderAndroidButton	React.PropTypes.func