Updated example with timezoneOffsetInMinutes

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)} />

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 })} />

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',

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>
+        );
+    }
+}