Update input components

src/util/InputUtils.tsx

@@ -822,16 +822,36 @@ function RadioDisplay({
 	);
 }
 
-export function DateContent(){
+export function DateContent({
+	date,
+	setDate,
+	dateTime,
+	setDateTime,
+	time,
+	setTime
+}:Readonly<{
+	date: Date | undefined;
+	setDate: (newDate: Date | undefined) => void;
+	dateTime: Date | undefined;
+	setDateTime: (newDateTime: Date | undefined) => void;
+	time: Date | undefined;
+	setTime: (newTime: Date | undefined) => void;
+}>){
 	return (
 		<div
 			className="flex flex-col items-center justify-center my-8 gap-y-8"
 		>
 			<DateInput
+				onChange={setDate}
+				value={date}
 			/>
 			<DateTimeInput
+				onChange={setDateTime}
+				value={dateTime}
 			/>
 			<TimeInput
+				onChange={setTime}
+				value={time}
 			/>
 		</div>
 	);