From f614c1628c1e279d0ff0e6ad914a0ec610b6ed06 Mon Sep 17 00:00:00 2001
From: Vladimir Khvan <vladimirkhvan23@gmail.com>
Date: Thu, 6 Jul 2023 20:19:50 +0500
Subject: [PATCH] setDate prop was added

---
 packages/components/date-picker/README.md            |  1 +
 .../components/date-picker/date-picker.stories.js    |  2 +-
 packages/components/date-picker/index.js             | 12 ++++++++++--
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/components/date-picker/README.md b/packages/components/date-picker/README.md
index 96c4b56897..3ec20f1be3 100644
--- a/packages/components/date-picker/README.md
+++ b/packages/components/date-picker/README.md
@@ -33,3 +33,4 @@ import DatePicker from "@docspace/components/date-picker";
 | `minDate`          | `date`   |    -     | -      | -                         | Minimum date that the user can select.     |
 | `onChange`         | `func`   |    -     | -      | -                         | Function called when the user select a day |
 | `showCalendarIcon` | `bool`   |    -     | -      | -                         | Shows calendar icon in selected item       |
+| `setDate`          | `func`   |    -     | -      | -                         | Sets date                                  |
diff --git a/packages/components/date-picker/date-picker.stories.js b/packages/components/date-picker/date-picker.stories.js
index e825da487f..462b728c2b 100644
--- a/packages/components/date-picker/date-picker.stories.js
+++ b/packages/components/date-picker/date-picker.stories.js
@@ -62,7 +62,7 @@ const Template = ({ ...args }) => {
 
   return (
     <Wrapper>
-      <DatePicker {...args} date={date} onChange={setDate} />
+      <DatePicker {...args} date={date} setDate={setDate} />
     </Wrapper>
   );
 };
diff --git a/packages/components/date-picker/index.js b/packages/components/date-picker/index.js
index 14adfd5987..1ded668166 100644
--- a/packages/components/date-picker/index.js
+++ b/packages/components/date-picker/index.js
@@ -59,6 +59,7 @@ const StyledCalendar = styled(Calendar)`
 const DatePicker = (props) => {
   const {
     date,
+    setDate,
     onChange,
     selectDateText,
     className,
@@ -75,6 +76,11 @@ const DatePicker = (props) => {
 
   const [isCalendarOpen, setIsCalendarOpen] = useState(false);
 
+  const handleChange = (date) => {
+    onChange && onChange(date);
+    setDate(date);
+  };
+
   const toggleCalendar = () =>
     setIsCalendarOpen((prevIsCalendarOpen) => !prevIsCalendarOpen);
 
@@ -84,14 +90,14 @@ const DatePicker = (props) => {
 
   const deleteSelectedDate = (propKey, label, group, e) => {
     e.stopPropagation();
-    onChange(null);
+    handleChange(null);
     setIsCalendarOpen(false);
   };
 
   const CalendarElement = () => (
     <StyledCalendar
       selectedDate={date}
-      setSelectedDate={onChange}
+      setSelectedDate={handleChange}
       onChange={closeCalendar}
       isMobile={isMobileOnly}
       forwardedRef={calendarRef}
@@ -168,6 +174,8 @@ DatePicker.propTypes = {
   locale: PropTypes.string,
   /** Shows calendar icon in selected item */
   showCalendarIcon: PropTypes.bool,
+  /** Sets date */
+  setDate: PropTypes.func,
 };
 
 DatePicker.defaultProps = {