diff options
author | Ivan Chen <ivan@thetaggid.com> | 2020-10-27 18:34:08 -0400 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-10-27 18:34:08 -0400 |
commit | e004fd362583a020b07f87536aac077269eaad27 (patch) | |
tree | a4b0f6abf71b2e169a5d1fa6873f2327f60b57c1 /src/components/onboarding/TaggDatePicker.tsx | |
parent | 9b9b1b792f914709de01e1d502014b8deb66e291 (diff) |
date picker done (#80)
Diffstat (limited to 'src/components/onboarding/TaggDatePicker.tsx')
-rw-r--r-- | src/components/onboarding/TaggDatePicker.tsx | 63 |
1 files changed, 0 insertions, 63 deletions
diff --git a/src/components/onboarding/TaggDatePicker.tsx b/src/components/onboarding/TaggDatePicker.tsx deleted file mode 100644 index 39af6234..00000000 --- a/src/components/onboarding/TaggDatePicker.tsx +++ /dev/null @@ -1,63 +0,0 @@ -import React from 'react'; -import DatePicker from 'react-native-datepicker'; -import {View, StyleSheet, TextInputProps} from 'react-native'; - -interface TaggDatePickerProps extends TextInputProps { - width?: number | string; - date?: string; - maxDate?: Date | string; -} -/** - * An input component that receives all props a normal TextInput component does. TaggInput components grow to 60% of their parent's width by default, but this can be set using the `width` prop. - */ -const TaggDatePicker = React.forwardRef( - (props: TaggDatePickerProps, ref: any) => { - return ( - <View style={styles.container}> - <DatePicker - {...props} - style={styles.input} - placeholder={'Date of Birth'} - showIcon={false} - ref={ref} - format={'YYYY-MM-DD'} - customStyles={{ - placeholderText: { - color: '#ddd', - - fontSize: 16, - fontWeight: '600', - }, - dateText: { - color: '#fff', - fontSize: 16, - fontWeight: '600', - }, - dateInput: { - borderColor: '#fffdfd', - borderWidth: 2, - borderRadius: 20, - justifyContent: 'center', - alignItems: 'flex-start', - paddingLeft: 13, - }, - }} - /> - </View> - ); - }, -); - -const styles = StyleSheet.create({ - container: { - width: '100%', - alignItems: 'center', - marginVertical: 11, - }, - input: { - minWidth: '67%', - height: 40, - }, -}); - -export default TaggDatePicker; |