mirror of
https://github.com/ecency/ecency-mobile.git
synced 2024-12-23 13:22:02 +03:00
added date picker for schedule
This commit is contained in:
parent
6def0dd3eb
commit
c28668f94e
10
.vscode/settings.json
vendored
10
.vscode/settings.json
vendored
@ -1,10 +0,0 @@
|
|||||||
{
|
|
||||||
"prettier.eslintIntegration": true,
|
|
||||||
"editor.formatOnSave": true,
|
|
||||||
"editor.snippetSuggestions": "top",
|
|
||||||
"explorer.confirmDelete": false,
|
|
||||||
"window.zoomLevel": 0,
|
|
||||||
"prettier.printWidth": 100,
|
|
||||||
"prettier.singleQuote": true,
|
|
||||||
"prettier.trailingComma": "all"
|
|
||||||
}
|
|
@ -44,6 +44,7 @@
|
|||||||
"react-native-actionsheet": "^2.4.2",
|
"react-native-actionsheet": "^2.4.2",
|
||||||
"react-native-code-push": "^5.5.2",
|
"react-native-code-push": "^5.5.2",
|
||||||
"react-native-config": "^0.11.5",
|
"react-native-config": "^0.11.5",
|
||||||
|
"react-native-datepicker": "^1.7.2",
|
||||||
"react-native-extended-stylesheet": "^0.10.0",
|
"react-native-extended-stylesheet": "^0.10.0",
|
||||||
"react-native-fast-image": "^4.0.14",
|
"react-native-fast-image": "^4.0.14",
|
||||||
"react-native-html-renderer": "^1.0.0",
|
"react-native-html-renderer": "^1.0.0",
|
||||||
|
@ -3,6 +3,7 @@ import {
|
|||||||
View, Text, ActivityIndicator, SafeAreaView,
|
View, Text, ActivityIndicator, SafeAreaView,
|
||||||
} from 'react-native';
|
} from 'react-native';
|
||||||
import { injectIntl } from 'react-intl';
|
import { injectIntl } from 'react-intl';
|
||||||
|
import DatePicker from 'react-native-datepicker';
|
||||||
|
|
||||||
// Components
|
// Components
|
||||||
import { TextButton } from '../..';
|
import { TextButton } from '../..';
|
||||||
@ -25,6 +26,7 @@ class BasicHeaderView extends Component {
|
|||||||
super(props);
|
super(props);
|
||||||
this.state = {
|
this.state = {
|
||||||
isInputVisible: false,
|
isInputVisible: false,
|
||||||
|
date: '2016-05-15',
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -181,6 +183,44 @@ class BasicHeaderView extends Component {
|
|||||||
iconType="MaterialIcons"
|
iconType="MaterialIcons"
|
||||||
name="timer"
|
name="timer"
|
||||||
/> */}
|
/> */}
|
||||||
|
|
||||||
|
<DatePicker
|
||||||
|
// style={{ width: 200 }}
|
||||||
|
date={this.state.date}
|
||||||
|
mode="date"
|
||||||
|
placeholder="select date"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
minDate="2018-05-01"
|
||||||
|
maxDate="3000-06-01"
|
||||||
|
confirmBtnText="Confirm"
|
||||||
|
cancelBtnText="Cancel"
|
||||||
|
onDateChange={(date) => { this.setState({ date }); }}
|
||||||
|
hideText
|
||||||
|
customStyles={{
|
||||||
|
dateIcon: {
|
||||||
|
position: 'absolute',
|
||||||
|
left: 0,
|
||||||
|
top: 4,
|
||||||
|
marginLeft: 0,
|
||||||
|
},
|
||||||
|
dateInput: {
|
||||||
|
marginLeft: 36,
|
||||||
|
height: 10,
|
||||||
|
width: 10,
|
||||||
|
backgroundColor: '#cbcbcb',
|
||||||
|
},
|
||||||
|
// ... You can check the source to find the other keys.
|
||||||
|
}}
|
||||||
|
iconComponent={(
|
||||||
|
<IconButton
|
||||||
|
style={styles.iconButton}
|
||||||
|
iconStyle={styles.rightIcon}
|
||||||
|
size={20}
|
||||||
|
iconType="MaterialIcons"
|
||||||
|
name="timer"
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
<IconButton
|
<IconButton
|
||||||
style={styles.iconButton}
|
style={styles.iconButton}
|
||||||
size={25}
|
size={25}
|
||||||
|
Loading…
Reference in New Issue
Block a user