From 584fae5e6477a88d910e3cab3eb3fb134f6eb810 Mon Sep 17 00:00:00 2001
From: Anurag Hazra <hazru.anurag@gmail.com>
Date: Fri, 16 Oct 2020 18:51:36 +0530
Subject: [PATCH] fix: wrong validation state in date range picker & reexport
 it (#100)

---
 src/datepicker/DateRangePickerState.ts | 4 ++--
 src/datepicker/index.ts                | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/datepicker/DateRangePickerState.ts b/src/datepicker/DateRangePickerState.ts
index d1a118ff2..3948cb0f7 100644
--- a/src/datepicker/DateRangePickerState.ts
+++ b/src/datepicker/DateRangePickerState.ts
@@ -134,14 +134,14 @@ export const useDateRangePickerState = (
     parseDate(props.maxValue),
   );
 
-  const validationState: ValidationState | null =
+  const validationState: ValidationState =
     props.validationState ||
     (value != null &&
     (isStartInRange ||
       isEndInRange ||
       (value.end != null && value.start != null && value.end < value.start))
       ? "invalid"
-      : null);
+      : "valid");
 
   React.useEffect(() => {
     if (popover.visible) {
diff --git a/src/datepicker/index.ts b/src/datepicker/index.ts
index 491f65b5b..39d1c23f8 100644
--- a/src/datepicker/index.ts
+++ b/src/datepicker/index.ts
@@ -4,3 +4,4 @@ export * from "./DatePickerState";
 export * from "./DatePickerSegmentField";
 export * from "./DatePickerTrigger";
 export * from "./DatePickerContent";
+export * from "./DateRangePickerState";