Changed types of value and onChange to be the same.

Author: onesine

src/components/Datepicker.tsx

@@ -14,10 +14,10 @@ import DatepickerContext from "../contexts/DatepickerContext";
 interface Props {
     primaryColor?: string,
     value: {
-        startDate: string | Date,
-        endDate: string | Date
+        startDate: string | Date | null,
+        endDate: string | Date | null
     } | null,
-    onChange: (value: {startDate: string | Date, endDate: string | Date} | null) => void,
+    onChange: (value: {startDate: string | Date | null, endDate: string | Date | null} | null) => void,
     useRange?: boolean,
     showFooter?: boolean,
     showShortcuts?: boolean,

src/contexts/DatepickerContext.ts

@@ -2,6 +2,11 @@ import React, {createContext} from "react";
 import dayjs from "dayjs";
 import {Configs, Period} from "../types";
 
+type DateRange = {
+    startDate: string | Date | null,
+    endDate: string | Date | null,
+} | null;
+
 interface DatepickerStore {
     asSingle?: boolean,
     primaryColor: string,
@@ -15,15 +20,12 @@ interface DatepickerStore {
     inputText: string,
     changeInputText: (text: string) => void,
     updateFirstDate: (date:  dayjs.Dayjs) => void,
-    changeDatepickerValue: (value: {startDate: string | Date, endDate: string | Date} | null) => void,
+    changeDatepickerValue: (value: DateRange) => void,
     showFooter?: boolean,
     placeholder?: string | null,
     separator?: string,
     i18n: string,
-    value: {
-        startDate: Date | string,
-        endDate: Date | string,
-    } | null
+    value: DateRange
 }
 
 const DatepickerContext = createContext<DatepickerStore>({