Merge pull request #89 from Eureka-Shoulders/chore/date-picker-popove…

…r-props chore: add popover props as option
Eureka-Shoulders · Nov 29, 2022 · f1eabe9 · f1eabe9
2 parents a60ba03 + 0e11eb8
commit f1eabe9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@euk-labs/componentz",
-  "version": "0.5.15",
+  "version": "0.5.16",
   "types": "./lib/types/index.d.ts",
   "main": "./lib/cjs/index.js",
   "exports": {

diff --git a/src/components/Inputs/DateRangePicker/DateRangePicker.tsx b/src/components/Inputs/DateRangePicker/DateRangePicker.tsx
@@ -1,5 +1,5 @@
+import { Popover, PopoverProps } from '@mui/material';
 import { DesktopDatePickerProps } from '@mui/x-date-pickers';
-import { Popover } from '@mui/material';
 import { observer } from 'mobx-react-lite';
 import { useRef, useState } from 'react';
 
@@ -15,12 +15,14 @@ export type DateRangePickerProps = Omit<
   onChange: (value: DateRange) => void;
   label?: string;
   value: DateRange;
+  popoverProps: Omit<PopoverProps, 'open' | 'onClose'>;
 };
 
 function DateRangePicker({
   value,
   label,
   onChange,
+  popoverProps,
   ...props
 }: DateRangePickerProps) {
   const [store] = useState(() => new DateRangePickerStore(value));
@@ -36,6 +38,7 @@ function DateRangePicker({
         onChange={onChange}
       />
       <Popover
+        {...popoverProps}
         open={store.open}
         anchorEl={anchorRef.current}
         onClose={() => store.setOpen(false)}