DefinitelyTyped/react-native-datepicker/react-native-datepicker-tests.tsx
2017-02-23 07:15:16 -08:00

43 lines
1.1 KiB
TypeScript

import * as React from 'react';
import DatePicker from 'react-native-datepicker';
interface MyDatePickerState {
date: string;
}
export default class MyDatePicker extends React.Component<{}, MyDatePickerState> {
constructor(props: {}) {
super(props);
this.state = {date: "2016-05-15"};
}
render() {
return (
<DatePicker
style={{width: 200}}
date={this.state.date}
mode="date"
placeholder="select date"
format="YYYY-MM-DD"
minDate="2016-05-01"
maxDate="2016-06-01"
confirmBtnText="Confirm"
cancelBtnText="Cancel"
customStyles={{
dateIcon: {
position: 'absolute',
left: 0,
top: 4,
marginLeft: 0
},
dateInput: {
marginLeft: 36
}
}}
onDateChange={(date: string) => { this.setState({date}); }}
/>
);
}
}