fix(Datepicker): close dropdown on select (#547)

tremorlabs · Jul 3, 2023 · b041b1d · b041b1d
1 parent 4cffb9f
commit b041b1d
Showing 1 changed file with 17 additions and 14 deletions.
diff --git a/src/components/input-elements/DatePicker/DatePicker.tsx b/src/components/input-elements/DatePicker/DatePicker.tsx
@@ -137,20 +137,23 @@ const DatePicker = React.forwardRef<HTMLDivElement, DatePickerProps>((props, ref
           border.sm.all,
         )}
       >
-        <Calendar<DayPickerSingleProps>
-          showOutsideDays={true}
-          mode="single"
-          defaultMonth={defaultMonth}
-          selected={selectedValue}
-          onSelect={
-            ((v: Date) => {
-              onValueChange?.(v);
-              setSelectedValue(v);
-            }) as any
-          }
-          locale={locale}
-          disabled={disabledDays}
-        />
+        {({ close }) => (
+          <Calendar<DayPickerSingleProps>
+            showOutsideDays={true}
+            mode="single"
+            defaultMonth={defaultMonth}
+            selected={selectedValue}
+            onSelect={
+              ((v: Date) => {
+                onValueChange?.(v);
+                setSelectedValue(v);
+                close();
+              }) as any
+            }
+            locale={locale}
+            disabled={disabledDays}
+          />
+        )}
       </Popover.Panel>
     </Popover>
   );