From 44e4d906510c8327d01cacd852e93cce3c272ba4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Mon, 19 Nov 2018 21:39:49 +0000
Subject: [PATCH] chore(ui): react-datepicker 2.0 uses Date instead of moment

Latest react-datepicker no longer accepts moment instances, it uses plain js Date objects instead.
Migrate code to pass props as Date.
---
 .../Components/SilenceModal/DateTimeSelect/index.js   | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/ui/src/Components/SilenceModal/DateTimeSelect/index.js b/ui/src/Components/SilenceModal/DateTimeSelect/index.js
index b9ed9afdd..afa187647 100644
--- a/ui/src/Components/SilenceModal/DateTimeSelect/index.js
+++ b/ui/src/Components/SilenceModal/DateTimeSelect/index.js
@@ -62,8 +62,10 @@ const TabContentStart = observer(({ silenceFormStore }) => {
       <DatePicker
         inline
         todayButton={"Today"}
-        minDate={moment().second(0)}
-        selected={silenceFormStore.data.startsAt}
+        minDate={moment()
+          .second(0)
+          .toDate()}
+        selected={silenceFormStore.data.startsAt.toDate()}
         onChange={val => {
           silenceFormStore.data.startsAt = moment(val);
           silenceFormStore.data.verifyStarEnd();
@@ -88,8 +90,9 @@ const TabContentEnd = observer(({ silenceFormStore }) => {
         todayButton={"Today"}
         minDate={moment()
           .second(0)
-          .add(1, "minutes")}
-        selected={silenceFormStore.data.endsAt}
+          .add(1, "minutes")
+          .toDate()}
+        selected={silenceFormStore.data.endsAt.toDate()}
         onChange={val => {
           silenceFormStore.data.endsAt = moment(val);
           silenceFormStore.data.verifyStarEnd();