Update example

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

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