From e9274ab403d269bc7bc676d06caf0d15c94be4f8 Mon Sep 17 00:00:00 2001
From: Henning Hall <henning.hall@hotmail.com>
Date: Tue, 6 Nov 2018 22:52:39 +0100
Subject: [PATCH] Update example

---
 example/src/examples/Advanced.js          |  9 +++++++--
 example/src/propPickers/MinuteInterval.js | 18 ++++++++++++++++++
 2 files changed, 25 insertions(+), 2 deletions(-)
 create mode 100644 example/src/propPickers/MinuteInterval.js

diff --git a/example/src/examples/Advanced.js b/example/src/examples/Advanced.js
index 3b9fdec..4cefe58 100644
--- a/example/src/examples/Advanced.js
+++ b/example/src/examples/Advanced.js
@@ -10,6 +10,7 @@ import ModePicker from '../propPickers/ModePicker';
 import TextColor from '../propPickers/TextColor';
 import TimeZoneOffsetInMinutes from '../propPickers/TimeZoneOffsetInMinutes';
 import PropSlider from '../PropSlider';
+import MinuteInterval from '../propPickers/MinuteInterval';
 
 Date.prototype.addHours = function (h) {
   this.setTime(this.getTime() + (h * 60 * 60 * 1000));
@@ -33,6 +34,7 @@ export default class Advanced extends Component {
     minDate: defaultMinDate,
     maxDate: defaultMaxDate,
     timeZoneOffsetInMinutes: undefined,
+    minuteInterval: 1,
   }
 
   render() {
@@ -42,7 +44,7 @@ export default class Advanced extends Component {
           date={this.state.chosenDate}
           onDateChange={this.setDate}
           locale={this.state.locale}
-          minuteInterval={1}
+          minuteInterval={this.state.minuteInterval}
           minimumDate={this.state.minDate}
           maximumDate={this.state.maxDate}
           fadeToColor={this.props.backgroundColor}
@@ -82,7 +84,10 @@ export default class Advanced extends Component {
       name: 'date', component:
         <DateChange value={this.state.chosenDate} onChange={chosenDate => this.setState({ chosenDate })} />
     },
-    { name: 'minuteInterval' },
+    {
+      name: 'minuteInterval', component:
+        <MinuteInterval value={this.state.minuteInterval} onChange={minuteInterval => this.setState({ minuteInterval })} />
+    },
     {
       name: 'minDate', component:
         <MinMaxDateChange value={this.state.minDate} onChange={minDate => this.setState({ minDate })}
diff --git a/example/src/propPickers/MinuteInterval.js b/example/src/propPickers/MinuteInterval.js
new file mode 100644
index 0000000..3c3bbcb
--- /dev/null
+++ b/example/src/propPickers/MinuteInterval.js
@@ -0,0 +1,18 @@
+import React, { Component } from 'react';
+import {Button } from 'react-native';
+
+export default class extends Component {
+
+    render() {
+        return (
+            <React.Fragment>
+                {[1, 5, 10, 15].map(minutes =>
+                    <Button
+                        key={minutes}
+                        title={minutes + ' min'}
+                        onPress={() => this.props.onChange(minutes)}
+                    />)}
+            </React.Fragment>
+        );
+    }
+}
\ No newline at end of file