mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2025-10-16 12:05:41 +00:00
43 lines
1.1 KiB
TypeScript
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}); }}
|
|
/>
|
|
);
|
|
}
|
|
}
|
|
|