RangePicker support onMouseEnter、onMouseLeave (ant-design#260)

* RangePicker support onMouseEnter、onMouseLeave * Add Range picker support onMouseEnter and onMouseLeave test case
anawinwz · Jun 9, 2021 · 6fca0f6 · 6fca0f6
1 parent e19bac6
commit 6fca0f6
Show file tree

Hide file tree

Showing 2 changed files with 118 additions and 477 deletions.
diff --git a/src/RangePicker.tsx b/src/RangePicker.tsx
@@ -102,6 +102,8 @@ export type RangePickerSharedProps<DateType> = {
   onPanelChange?: (values: RangeValue<DateType>, modes: [PanelMode, PanelMode]) => void;
   onFocus?: React.FocusEventHandler<HTMLInputElement>;
   onBlur?: React.FocusEventHandler<HTMLInputElement>;
+  onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
+  onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
   onOk?: (dates: RangeValue<DateType>) => void;
   direction?: 'ltr' | 'rtl';
   autoComplete?: string;
@@ -204,6 +206,8 @@ function InnerRangePicker<DateType>(props: RangePickerProps<DateType>) {
     onCalendarChange,
     onFocus,
     onBlur,
+    onMouseEnter,
+    onMouseLeave,
     onOk,
     onKeyDown,
     components,
@@ -1080,6 +1084,8 @@ function InnerRangePicker<DateType>(props: RangePickerProps<DateType>) {
           })}
           style={style}
           onClick={onPickerClick}
+          onMouseEnter={onMouseEnter}
+          onMouseLeave={onMouseLeave}
           onMouseDown={onPickerMouseDown}
           {...getDataOrAriaProps(props)}
         >