diff --git a/src/components/DatePickerCustomTime.tsx b/src/components/DatePickerCustomTime.tsx
new file mode 100644
index 0000000..7a03a5b
--- /dev/null
+++ b/src/components/DatePickerCustomTime.tsx
@@ -0,0 +1,20 @@
+import React, { FC } from "react";
+
+interface Props {
+  value?: string;
+  onChange?: (e: string) => void;
+}
+
+const DatePickerCustomTime: FC<Props> = ({ onChange, value }) => {
+  return (
+    <div>
+      <input
+        value={value}
+        onChange={(e) => onChange?.(e.target.value)}
+        style={{ border: "solid 1px pink" }}
+      />
+    </div>
+  );
+};
+
+export default DatePickerCustomTime;