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: this.setState({ chosenDate })} /> }, - { name: 'minuteInterval' }, + { + name: 'minuteInterval', component: + this.setState({ minuteInterval })} /> + }, { name: 'minDate', component: 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 ( + + {[1, 5, 10, 15].map(minutes => +