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}
+ />
+}
```