From fda4ce068dddf5b68cc16895cf070c14d8fe6709 Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Mon, 11 Sep 2023 17:09:58 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A7=20Work=20in=20progress=20?=
 =?UTF-8?q?=F0=9F=94=A7=20Updated=20DatePickerCustomTime=20component=20?=
 =?UTF-8?q?=F0=9F=8E=A8=20Improved=20styling=20=F0=9F=90=9B=20Fixed=20a=20?=
 =?UTF-8?q?bug=20=F0=9F=8C=9F=20Added=20new=20functionality=20=F0=9F=93=9D?=
 =?UTF-8?q?=20Updated=20documentation=20=F0=9F=94=A5=20Removed=20unnecessa?=
 =?UTF-8?q?ry=20code=20=F0=9F=9A=80=20Ready=20for=20production?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DatePickerCustomTime.tsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 src/components/DatePickerCustomTime.tsx

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;