Add optional placement prop to range picker

Author: abarbermate

src/range.tsx

@@ -201,7 +201,7 @@ export const RangeDatepicker: React.FC<RangeDatepickerProps> = (props) => {
   return (
     <Popover
       id={id}
-      placement="bottom-start"
+      placement={propsConfigs?.popoverCompProps?.placement ?? "bottom-start"}
       variant="responsive"
       isOpen={isOpen}
       onOpen={onOpen}

src/single.tsx

@@ -172,7 +172,7 @@ export const SingleDatepicker: React.FC<SingleDatepickerProps> = ({
   return (
     <Popover
       id={id}
-      placement="bottom-start"
+      placement={restProps.propsConfigs?.popoverCompProps?.placement ?? "bottom-start"}
       variant="responsive"
       isOpen={isOpen}
       onOpen={onOpen}

src/utils/commonTypes.ts

@@ -3,7 +3,7 @@ import {
   BoxProps,
   DividerProps,
   HeadingProps,
-  InputProps,
+  InputProps, PlacementWithLogical,
   PopoverBodyProps,
   SimpleGridProps,
   StackProps,
@@ -30,6 +30,7 @@ export interface DayOfMonthBtnStyleProps {
 }
 
 export interface PopoverCompProps {
+  placement?: PlacementWithLogical;
   popoverContentProps?: PopoverContentProps;
   popoverBodyProps?: PopoverBodyProps;
 }