From b440e41c172cfdd9f500f60ab4289f67bf2fc13a Mon Sep 17 00:00:00 2001
From: Henning Hall <henning.hall@hotmail.com>
Date: Fri, 5 Oct 2018 20:28:42 +0200
Subject: [PATCH] Updated example with timezoneOffsetInMinutes

---
 example/src/PropButton.js                       |  4 ++++
 example/src/examples/Advanced.js                |  7 +++++++
 example/src/propPickers/MinMaxDateChange.js     |  4 +---
 .../src/propPickers/TimeZoneOffsetInMinutes.js  | 17 +++++++++++++++++
 4 files changed, 29 insertions(+), 3 deletions(-)
 create mode 100644 example/src/PropButton.js
 create mode 100644 example/src/propPickers/TimeZoneOffsetInMinutes.js

diff --git a/example/src/PropButton.js b/example/src/PropButton.js
new file mode 100644
index 0000000..67bf92c
--- /dev/null
+++ b/example/src/PropButton.js
@@ -0,0 +1,4 @@
+import React, { Component } from 'react';
+import { Button } from 'react-native';
+
+export const PropButton = ({ title, value, onChange }) => <Button title={title} onPress={() => onChange(value)} />
diff --git a/example/src/examples/Advanced.js b/example/src/examples/Advanced.js
index 82ac18a..3b9fdec 100644
--- a/example/src/examples/Advanced.js
+++ b/example/src/examples/Advanced.js
@@ -8,6 +8,7 @@ import LocalePicker from '../propPickers/LocalePicker';
 import MinMaxDateChange from '../propPickers/MinMaxDateChange';
 import ModePicker from '../propPickers/ModePicker';
 import TextColor from '../propPickers/TextColor';
+import TimeZoneOffsetInMinutes from '../propPickers/TimeZoneOffsetInMinutes';
 import PropSlider from '../PropSlider';
 
 Date.prototype.addHours = function (h) {
@@ -31,6 +32,7 @@ export default class Advanced extends Component {
     mode: 'datetime',
     minDate: defaultMinDate,
     maxDate: defaultMaxDate,
+    timeZoneOffsetInMinutes: undefined,
   }
 
   render() {
@@ -46,6 +48,7 @@ export default class Advanced extends Component {
           fadeToColor={this.props.backgroundColor}
           textColor={this.state.textColor}
           mode={this.state.mode}
+          timeZoneOffsetInMinutes={this.state.timeZoneOffsetInMinutes}
         />
         <Text>Picker date: {readableDate(this.state.chosenDate)}</Text>
         <Text />
@@ -71,6 +74,10 @@ export default class Advanced extends Component {
       name: 'locale', component:
         <LocalePicker locale={this.state.locale} onChange={locale => this.setState({ locale })} />
     },
+    {
+      name: 'timeZoneOffset', component:
+        <TimeZoneOffsetInMinutes onChange={timeZoneOffsetInMinutes => this.setState({ timeZoneOffsetInMinutes })} />
+    },
     {
       name: 'date', component:
         <DateChange value={this.state.chosenDate} onChange={chosenDate => this.setState({ chosenDate })} />
diff --git a/example/src/propPickers/MinMaxDateChange.js b/example/src/propPickers/MinMaxDateChange.js
index 099ccbb..f3b952f 100644
--- a/example/src/propPickers/MinMaxDateChange.js
+++ b/example/src/propPickers/MinMaxDateChange.js
@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import { Text, Button, View, StyleSheet } from 'react-native';
 import { readableDate } from '../examples/Advanced'
+import { PropButton } from '../PropButton';
 
 export default class extends Component {
 
@@ -30,9 +31,6 @@ export default class extends Component {
 
 }
 
-
-const PropButton = ({ title, value, onChange }) => <Button title={title} onPress={() => onChange(value)} />
-
 const styles = StyleSheet.create({
     row: {
         flexDirection: 'row',
diff --git a/example/src/propPickers/TimeZoneOffsetInMinutes.js b/example/src/propPickers/TimeZoneOffsetInMinutes.js
new file mode 100644
index 0000000..2e00506
--- /dev/null
+++ b/example/src/propPickers/TimeZoneOffsetInMinutes.js
@@ -0,0 +1,17 @@
+import React, { Component } from 'react';
+import { PropButton } from '../PropButton';
+
+export default class extends Component {
+
+    render() {
+        const {onChange} = this.props
+        return (
+            <React.Fragment>
+                <PropButton title='Set undefined' value={undefined} onChange={onChange} />
+                <PropButton title='Set 0' value={0} onChange={onChange} />
+                <PropButton title='Set 180' value={180} onChange={onChange} />
+                <PropButton title='Set -180' value={-180} onChange={onChange} />
+            </React.Fragment>
+        );
+    }
+}
\ No newline at end of file