Temporal input components added

lib/component/input/date/DateInput.tsx

@@ -0,0 +1,26 @@
+import type { DateInputProps } from "$/types/Input";
+import clsx from "clsx";
+import moment from "moment";
+
+
+export default function DateInput({
+	id,
+	className,
+	defaultValue,
+	value,
+	onChange
+}: DateInputProps){
+	return (
+		<input
+			type="date"
+			id={id}
+			className={clsx(
+				"border rounded-lg px-2 py-1",
+				className
+			)}
+			defaultValue={defaultValue ? moment(defaultValue).format("YYYY-MM-DD") : undefined}
+			value={value ? moment(value).format("YYYY-MM-DD") : undefined}
+			onChange={(e) => onChange?.(new Date(moment(e.target.value, "YYYY-MM-DD").toDate()))}
+		/>
+	);
+}