aboutsummaryrefslogtreecommitdiff
path: root/src/components/onboarding/TaggDatePicker.tsx
diff options
context:
space:
mode:
authorIvan Chen <ivan@thetaggid.com>2020-10-27 18:34:08 -0400
committerGitHub <noreply@github.com>2020-10-27 18:34:08 -0400
commite004fd362583a020b07f87536aac077269eaad27 (patch)
treea4b0f6abf71b2e169a5d1fa6873f2327f60b57c1 /src/components/onboarding/TaggDatePicker.tsx
parent9b9b1b792f914709de01e1d502014b8deb66e291 (diff)
date picker done (#80)
Diffstat (limited to 'src/components/onboarding/TaggDatePicker.tsx')
-rw-r--r--src/components/onboarding/TaggDatePicker.tsx63
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;