# 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
```js
import React, { Component } from 'react';
import DatePicker from 'react-native-date-picker-x';
export default class App extends Component {
state = { date: new Date() }
render = () =>
this.setState({ date })}
/>
}
```
## Extended Example
```js
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 = () =>
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
- [x] Mode: datetime
- [x] Mode: date
- [x] Mode: time
- [x] Locale support. (AM/PM, 12h/24h toggled and strings translated)
- [x] Replace todays date with the string "Today" (considering locale)
- [x] Animate to date when state change occur.
- [x] Switch between AM/PM when scrolling between forenoon and afternoon.
- [x] Support maximumDate/minimumDate.
- [x] Minute interval prop.
- [x] Colored background support.
- [x] Colored text support.
📱 Supporting iOS and Android