From e7dfb821e5915cdee42c4242ef96fe1b6925c676 Mon Sep 17 00:00:00 2001
From: amrocha <andre.rocha@shopify.com>
Date: Mon, 28 Oct 2019 16:17:09 -0700
Subject: [PATCH 1/2] Fix bug that introduced a race condition in consumers

---
 src/components/DatePicker/DatePicker.tsx | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/components/DatePicker/DatePicker.tsx b/src/components/DatePicker/DatePicker.tsx
index becc2f4a613..2ae2b3a32c2 100644
--- a/src/components/DatePicker/DatePicker.tsx
+++ b/src/components/DatePicker/DatePicker.tsx
@@ -65,11 +65,18 @@ export function DatePicker({
   const i18n = useI18n();
   const [hoverDate, setHoverDate] = useState<Date | undefined>(undefined);
   const [focusDate, setFocusDate] = useState<Date | undefined>(undefined);
+  const [newRange, setNewRange] = useState<Range | undefined>(undefined);
 
   useEffect(() => {
     setFocusDate(undefined);
   }, [selected]);
 
+  useEffect(() => {
+    if (newRange) {
+      onChange(newRange);
+    }
+  }, [newRange, onChange]);
+
   const handleFocus = useCallback((date: Date) => {
     setFocusDate(date);
   }, []);
@@ -85,16 +92,13 @@ export function DatePicker({
     [onMonthChange],
   );
 
-  const handleDateSelection = useCallback(
-    (range: Range) => {
-      const {end} = range;
+  const handleDateSelection = useCallback((range: Range) => {
+    const {end} = range;
 
-      setHoverDate(end);
-      setFocusDate(new Date(end));
-      onChange(range);
-    },
-    [onChange],
-  );
+    setHoverDate(end);
+    setFocusDate(new Date(end));
+    setNewRange(range);
+  }, []);
 
   const handleMonthChangeClick = useCallback(
     (month: Months, year: Year) => {

From 03c98b64f862cbe9618608bef2a6a5d28dfaa0dd Mon Sep 17 00:00:00 2001
From: amrocha <andre.rocha@shopify.com>
Date: Mon, 28 Oct 2019 16:25:39 -0700
Subject: [PATCH 2/2] Add changelog

---
 UNRELEASED.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/UNRELEASED.md b/UNRELEASED.md
index a9004d3892f..811457c8c37 100644
--- a/UNRELEASED.md
+++ b/UNRELEASED.md
@@ -12,6 +12,9 @@
 - Prevented scrolling to `Popover` content in development ([#2403](https://github.com/Shopify/polaris-react/pull/2403))
 - Fixed an issue which caused HSL colors to not display in Edge ([#2418](https://github.com/Shopify/polaris-react/pull/2418))
 - Fixed an issue where the dropzone component jumped from an extra-large layout to a layout based on the width of its container ([#2412](https://github.com/Shopify/polaris-react/pull/2412))
+- Fixed an issue which caused HSL colors to not display in Edge ((#2418)[https://github.com/Shopify/polaris-react/pull/2418])
+- Fixed an issue where the dropzone component jumped from an extra-large layout to a layout based on the width of it's container ([#2412](https://github.com/Shopify/polaris-react/pull/2412))
+- Fixed a race condition in DatePicker ([#2373](https://github.com/Shopify/polaris-react/pull/2373))
 
 ### Documentation