You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2.1 KiB
2.1 KiB
React Native Date Picker
📅 A date picker component for React Native working on iOS and Android. It uses the default DatePickerIOS on iOS and a custom picker on Android which has similar look and feel.
Installation
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}
/>
}
Goal
The goal is to make a cross platform variant of DatePickerIOS by implementing a Android variant with similar look and feel.
