aboutsummaryrefslogtreecommitdiff
path: root/src/components/common/TaggDatePicker.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/common/TaggDatePicker.tsx')
-rw-r--r--src/components/common/TaggDatePicker.tsx30
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;