From 000e376a7886954491cc4e5e4d9696941e459546 Mon Sep 17 00:00:00 2001 From: Henning Hall Date: Sun, 17 Jun 2018 23:36:27 +0200 Subject: [PATCH] Updated readme. --- README.md | 59 ++++++++++++++++++++++++++++++++----------------------- 1 file changed, 34 insertions(+), 25 deletions(-) diff --git a/README.md b/README.md index fe442d0..b1229fa 100644 --- a/README.md +++ b/README.md @@ -10,40 +10,49 @@ `react-native link ` -## Usage +## Minimal Example ```js import React, { Component } from 'react'; -import { View, StyleSheet} from 'react-native'; - import DatePicker from 'react-native-date-picker-x'; export default class App extends Component { - state = { chosenDate: new Date()} - - setDate = (newDate) => this.setState({ chosenDate: newDate }) - - render() { - return ( - - - - ); - } + state = { date: new Date() } + + render = () => + this.setState({ date })} + /> + } -const styles = StyleSheet.create({ - container: { - flex: 1, - alignItems: 'center', - justifyContent: 'center', - backgroundColor: 'white', - }, -}) +``` + +## 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} + /> +} ```