From 33f31e1361645610ca5b3a27fcac099a98e6cfa1 Mon Sep 17 00:00:00 2001
From: Oleksandr Khomyakov <khomyakov@users.noreply.github.com>
Date: Fri, 22 Sep 2023 14:09:46 +0300
Subject: [PATCH] X2-7052: X2 account does not show start time in a listing
 schedule the way it does in V1 (#267)

Added custom placeholder for select date
---
 src/components/DatePicker/DatePickerPopover.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/DatePicker/DatePickerPopover.jsx b/src/components/DatePicker/DatePickerPopover.jsx
index eeb95d374..849565d55 100644
--- a/src/components/DatePicker/DatePickerPopover.jsx
+++ b/src/components/DatePicker/DatePickerPopover.jsx
@@ -11,6 +11,7 @@ export const DatePickerPopover = ({
     value,
     variant = "single",
     dateFormat = "ddd, LL",
+    placeholder = "Select Date",
     onChange,
     children,
     classNames = {},
@@ -66,6 +67,7 @@ export const DatePickerPopover = ({
                     readOnly
                     size="medium"
                     value={value ? formatDate(value, dateFormat) : ""}
+                    placeholder={placeholder}
                     className={classNames?.input}
                     onClick={toggleVisibility}
                 />
@@ -103,7 +105,7 @@ const DefaultInput = forwardRef(({ className, ...rest }, reference) => {
                 <CalendarIcon className="z-10 inline-block" />
             </div>
 
-            <Input className={clsx("cursor-pointer px-8", className)} placeholder="Select Date" {...rest} />
+            <Input className={clsx("cursor-pointer px-8", className)} {...rest} />
 
             <div className="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3">
                 <DownArrowIcon className="inline-block" />