You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.4 KiB
41 lines
1.4 KiB
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 {
|
|
|
|
render() {
|
|
const { onChange, defaultDate } = this.props;
|
|
return (
|
|
<React.Fragment>
|
|
<Text>{readableDate(this.props.value)}</Text>
|
|
<View style={styles.row} >
|
|
{this.renderButton('-1 hour', -1)}
|
|
{this.renderButton('+1 hour', 1)}
|
|
</View>
|
|
<View style={styles.row} >
|
|
{this.renderButton('-1 day', -24)}
|
|
{this.renderButton('+1 day', 24)}
|
|
</View>
|
|
<View style={styles.row} >
|
|
<PropButton title='Set undefined' value={undefined} onChange={onChange} />
|
|
<PropButton title='Set default' value={defaultDate} onChange={onChange} />
|
|
</View>
|
|
</React.Fragment >
|
|
)
|
|
}
|
|
|
|
renderButton = (title, hourDiff) => <PropButton title={title} onChange={this.props.onChange}
|
|
value={this.props.value && new Date(this.props.value.getTime()).addHours(hourDiff)} />
|
|
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
row: {
|
|
flexDirection: 'row',
|
|
width: 300,
|
|
justifyContent: 'space-between',
|
|
margin: 5,
|
|
}
|
|
})
|