React Native Date Picker   

📱 Supporting iOS and Android
🌍 Multiple languages
🎨 Customizable

iOS	Android
A slightly improved DatePickerIOS.	A custom made native component. (Smoother in reality)

Installation

npm install react-native-date-picker-x
or
yarn add react-native-date-picker-x

react-native link

Minimal Example

import React, { Component } from 'react';
import DatePicker from 'react-native-date-picker-x';

export default class App extends Component {

  state = { date: new Date() }

  render = () =>
    <DatePicker
      date={this.state.date}
      onDateChange={date => this.setState({ date })}
    />

}

Extended Example

import React, { Component } from 'react';
import DatePicker from 'react-native-date-picker-x';

const today = new Date();
const tomorrow = new Date(new Date().getTime() + 24 * 60 * 60 * 1000); 

export default class App extends Component {

  state = { date: new Date() }

  render = () =>
     <DatePicker
        date={this.state.date}
        onDateChange={date => this.setState({ date })}
        locale={'en-US'}
        minuteInterval={5}
        minimumDate={today}
        maximumDate={tomorrow}
        textColor={'#ffffff'}
        fadeToColor={'#000000'}
      />
}

About

📅   React Native Date Picker is a cross platform component working on both iOS and Android. It uses the slightly improved DatePickerIOS on iOS and a custom picker on Android which has similar look and feel. The datetime mode might be particulary interesting if you looking for a way to avoid two different popup pickers on android.

Roadmap

• Mode: datetime
• Mode: date
• Mode: time
• Locale support. (AM/PM, 12h/24h toggled and strings translated)
• Replace todays date with the string "Today" (considering locale)
• Animate to date when state change occur.
• Switch between AM/PM when scrolling between forenoon and afternoon.
• Support maximumDate/minimumDate.
• Minute interval prop.
• Colored background support.
• Colored text support.