date picker done (#80)

1 files changed, 30 insertions, 0 deletions

diff --git a/src/components/common/TaggDatePicker.tsx b/src/components/common/TaggDatePicker.tsx
new file mode 100644
index 00000000..d8010251
--- /dev/null
+++ b/src/components/common/TaggDatePicker.tsx
@@ -0,0 +1,30 @@
+import React, {useState} from 'react';
+import DatePicker from 'react-native-date-picker';
+
+interface TaggDatePickerProps {
+  handleDateUpdate: (_: Date) => void;
+  maxDate: Date;
+  textColor: string;
+}
+
+const TaggDatePicker: React.FC<TaggDatePickerProps> = ({
+  handleDateUpdate,
+  maxDate,
+  textColor,
+}) => {
+  const [date, setDate] = useState(new Date());
+  return (
+    <DatePicker
+      date={date}
+      textColor={textColor}
+      mode={'date'}
+      maximumDate={maxDate}
+      onDateChange={(newDate) => {
+        setDate(newDate);
+        handleDateUpdate(newDate);
+      }}
+    />
+  );
+};
+
+export default TaggDatePicker;