From 092655c16e4840b67eee68b11be1ed66352f285a Mon Sep 17 00:00:00 2001
From: AlicjaSzu <alicja.szukuc@gmail.com>
Date: Thu, 3 Sep 2020 16:14:23 +0200
Subject: [PATCH] fix availability date logic

---
 src/components/VisibilityCard/VisibilityCard.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/VisibilityCard/VisibilityCard.tsx b/src/components/VisibilityCard/VisibilityCard.tsx
index 8244c1b7f..4207baff5 100644
--- a/src/components/VisibilityCard/VisibilityCard.tsx
+++ b/src/components/VisibilityCard/VisibilityCard.tsx
@@ -8,6 +8,7 @@ import ControlledCheckbox from "@saleor/components/ControlledCheckbox";
 import Hr from "@saleor/components/Hr";
 import RadioSwitchField from "@saleor/components/RadioSwitchField";
 import useDateLocalize from "@saleor/hooks/useDateLocalize";
+import { ChangeEvent } from "@saleor/hooks/useForm";
 import { UserError } from "@saleor/types";
 import { getFieldError } from "@saleor/utils/errors";
 import classNames from "classnames";
@@ -82,7 +83,7 @@ export interface VisibilityCardProps {
   errors: UserError[];
   disabled?: boolean;
   messages: Message;
-  onChange: (event: React.ChangeEvent<any>) => void;
+  onChange: (event: ChangeEvent) => void;
 }
 
 export const VisibilityCard: React.FC<VisibilityCardProps> = props => {
@@ -236,7 +237,15 @@ export const VisibilityCard: React.FC<VisibilityCardProps> = props => {
                 </>
               }
               value={isAvailable}
-              onChange={onChange}
+              onChange={e => {
+                const { value } = e.target;
+                if (!value) {
+                  onChange({
+                    target: { name: "availableForPurchase", value: null }
+                  });
+                }
+                return onChange(e);
+              }}
             />
             {!isAvailable && (
               <>