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.
72 lines
1.9 KiB
72 lines
1.9 KiB
import React from 'react'
|
|
import { StyleSheet, requireNativeComponent } from 'react-native'
|
|
import moment from 'moment'
|
|
import { throwIfInvalidProps } from './propChecker'
|
|
|
|
const NativeDatePicker = requireNativeComponent(
|
|
`DatePickerManager`,
|
|
DatePickerAndroid,
|
|
{ nativeOnly: { onChange: true } }
|
|
)
|
|
|
|
class DatePickerAndroid extends React.PureComponent {
|
|
render() {
|
|
if (__DEV__) throwIfInvalidProps(this.props)
|
|
return (
|
|
<NativeDatePicker
|
|
{...this.props}
|
|
date={this._date()}
|
|
minimumDate={this._minimumDate()}
|
|
maximumDate={this._maximumDate()}
|
|
onChange={this._onChange}
|
|
style={[styles.picker, this.props.style]}
|
|
utc={this.props.timeZoneOffsetInMinutes !== undefined}
|
|
/>
|
|
)
|
|
}
|
|
|
|
_onChange = e => {
|
|
const jsDate = this._fromIsoWithTimeZoneOffset(e.nativeEvent.date).toDate()
|
|
this.props.onDateChange && this.props.onDateChange(jsDate)
|
|
if (this.props.onDateStringChange) {
|
|
this.props.onDateStringChange(e.nativeEvent.dateString)
|
|
}
|
|
}
|
|
|
|
_maximumDate = () =>
|
|
this.props.maximumDate &&
|
|
this._toIsoWithTimeZoneOffset(this.props.maximumDate)
|
|
|
|
_minimumDate = () =>
|
|
this.props.minimumDate &&
|
|
this._toIsoWithTimeZoneOffset(this.props.minimumDate)
|
|
|
|
_date = () => this._toIsoWithTimeZoneOffset(this.props.date)
|
|
|
|
_fromIsoWithTimeZoneOffset = date => {
|
|
if (this.props.timeZoneOffsetInMinutes === undefined) return moment(date)
|
|
|
|
return moment
|
|
.utc(date)
|
|
.subtract(this.props.timeZoneOffsetInMinutes, 'minutes')
|
|
}
|
|
|
|
_toIsoWithTimeZoneOffset = date => {
|
|
if (this.props.timeZoneOffsetInMinutes === undefined)
|
|
return moment(date).toISOString()
|
|
|
|
return moment
|
|
.utc(date)
|
|
.add(this.props.timeZoneOffsetInMinutes, 'minutes')
|
|
.toISOString()
|
|
}
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
picker: {
|
|
width: 310,
|
|
height: 180,
|
|
},
|
|
})
|
|
|
|
export default DatePickerAndroid
|