feat(DatePicker): fixes

livechat · Dec 19, 2024 · ae83adb · ae83adb
1 parent 1abb2fe
commit ae83adb
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/packages/react-components/src/components/DatePicker/RangeDatePicker.tsx b/packages/react-components/src/components/DatePicker/RangeDatePicker.tsx
@@ -23,6 +23,7 @@ export const RangeDatePicker = ({
   initialToDate,
   toMonth,
   onChange,
+  onSelect,
   children,
 }: IRangeDatePickerProps): ReactElement => {
   const prevSelectedItem = useRef<string | null>(
@@ -119,6 +120,17 @@ export const RangeDatePicker = ({
     onChange(optionsHash[selectedItem]);
   }, [onChange, state.selectedItem, options]);
 
+  const handleOnSelect = useCallback(() => {
+    const { from, to } = state;
+
+    if (from && to && onSelect) {
+      onSelect({
+        from,
+        to,
+      });
+    }
+  }, [onSelect]);
+
   const handleDayMouseEnter = useCallback(
     (day: Date) => {
       const isInRange = toMonth
@@ -231,6 +243,7 @@ export const RangeDatePicker = ({
         disabled: disabledDays,
         onDayMouseEnter: handleDayMouseEnter,
         onMonthChange: handleMonthChange,
+        onSelect: handleOnSelect,
       },
       selectedOption,
     };

diff --git a/packages/react-components/src/components/DatePicker/types.ts b/packages/react-components/src/components/DatePicker/types.ts
@@ -1,6 +1,6 @@
 import { Reducer, ReactElement } from 'react';
 
-import { DayPickerProps } from 'react-day-picker';
+import { DayPickerProps, DateRange } from 'react-day-picker';
 
 export type IDatePickerProps = DayPickerProps;
 
@@ -92,5 +92,6 @@ export interface IRangeDatePickerProps {
   initialToDate?: Date;
   toMonth?: Date;
   onChange: (selected: IRangeDatePickerOption | null) => void;
+  onSelect?: (selected: DateRange | null) => void;
   children(payload: IRangeDatePickerChildrenPayload): ReactElement;
 }