page settings

SurveyFrontend/src/components/TimeEvent/TimeEvent.tsx

@@ -1,4 +1,6 @@
 import React from 'react';
+import { format } from "@formkit/tempo";
+import styles from "./TimeEvent.module.css";
 
 
 interface TimeEventProps {
@@ -7,11 +9,22 @@ interface TimeEventProps {
 }
 
 const TimeEvent: React.FC<TimeEventProps> = ({title}) => {
-    return (
-        <div>
-            <h2>{title}</h2>
-            <div>
+    const date = new Date();
 
+    return (
+        <div className={styles.timeEvent}>
+            <h2 className={styles.title}>{title}</h2>
+            <div className={styles.datetime}>
+                <input
+                    className={styles.inputDate}
+                    type='date'
+                    placeholder={format(date, "MM/DD/YYYY")}
+                />
+                <input
+                    className={styles.inputTime}
+                    type='time'
+                    placeholder={format(date, "HH:mm")}
+                />
             </div>
         </div>
     );