impact-ui 4.0.0-alpha.21 → 4.0.0-alpha.23

package/dist/components/DatePicker/showMonthYearSelect.js

@@ -1,39 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
+import { useMemo, useState } from "react";
 import moment from "moment";
-import FormControl from "../../node_modules/@mui/material/FormControl/FormControl.js";
-import Select from "../../node_modules/@mui/material/Select/Select.js";
-import MenuItem from "../../node_modules/@mui/material/MenuItem/MenuItem.js";
+import { Select } from "../Select/index.js";
 const DEFAULT_YEARS_COUNT = 10;
-const selectMenuProps = {
-  anchorOrigin: {
-    vertical: "bottom",
-    horizontal: "left"
-  },
-  transformOrigin: {
-    vertical: "top",
-    horizontal: "left"
-  },
-  slotProps: {
-    paper: {
-      sx: {
-        zIndex: 999999,
-        maxHeight: 300,
-        marginTop: "4px"
-      }
-    },
-    root: {
-      sx: {
-        zIndex: 999999
-      }
-    }
-  },
-  MenuListProps: {
-    sx: {
-      maxHeight: 280
-    }
-  }
-};
 function ShowMonthYearSelect({
   customYears,
   month,
@@ -63,43 +32,73 @@ function ShowMonthYearSelect({
   const months = useMemo(
     () => moment.months().map((label, value) => ({
       label,
-      value: value.toString()
+      value
     })),
     []
   );
-  const monthValue = month.month().toString();
-  const yearValue = month.year().toString();
+  const [open1, setOpen1] = useState(false);
+  const [currentOptions1, setCurrentOptions1] = useState(months);
+  const [open2, setOpen2] = useState(false);
+  const [currentOptions2, setCurrentOptions2] = useState(years);
+  const selectedOptions1 = {
+    label: month.format("MMMM"),
+    value: month.month()
+  };
+  const selectedOptions2 = {
+    label: month.year().toString(),
+    value: month.year().toString()
+  };
   return /* @__PURE__ */ jsxs("div", { className: "date-picker-show-month-year-select-container", children: [
-    /* @__PURE__ */ jsx("div", { className: "date-picker-month-select-container", children: /* @__PURE__ */ jsx(FormControl, { size: "small", sx: { minWidth: 105 }, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: "date-picker-month-select-container", children: /* @__PURE__ */ jsx(
       Select,
       {
-        displayEmpty: true,
-        id: "date-picker-month-select",
-        MenuProps: selectMenuProps,
-        size: "small",
-        sx: { height: 32, fontSize: 14 },
-        value: monthValue,
-        onChange: (e) => {
-          onMonthSelect(month, e.target.value);
+        name: "year-select",
+        withPortal: true,
+        isWithSearch: true,
+        placeholder: "month",
+        dropDownPortalClassName: "date-picker-month-select-dropdown",
+        isOpen: open1,
+        setIsOpen: setOpen1,
+        currentOptions: currentOptions1,
+        setCurrentOptions: setCurrentOptions1,
+        initialOptions: months,
+        selectedOptions: selectedOptions1,
+        setSelectedOptions: () => {
+        },
+        handleChange: (val) => {
+          if (val && !Array.isArray(val)) {
+            onMonthSelect(month, String(val.value));
+            setOpen1(false);
+          }
         },
-        children: months.map((m) => /* @__PURE__ */ jsx(MenuItem, { value: m.value, children: m.label }, m.value))
+        minWidth: "105px"
       }
-    ) }) }),
-    /* @__PURE__ */ jsx("div", { className: "date-picker-year-select-container", children: /* @__PURE__ */ jsx(FormControl, { size: "small", sx: { minWidth: 80 }, children: /* @__PURE__ */ jsx(
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "date-picker-year-select-container", children: /* @__PURE__ */ jsx(
       Select,
       {
-        displayEmpty: true,
-        id: "date-picker-year-select",
-        MenuProps: selectMenuProps,
-        size: "small",
-        sx: { height: 32, fontSize: 14 },
-        value: yearValue,
-        onChange: (e) => {
-          onYearSelect(month, e.target.value);
+        name: "month-select",
+        placeholder: "year",
+        isWithSearch: true,
+        withPortal: true,
+        dropDownPortalClassName: "date-picker-year-select-dropdown",
+        isOpen: open2,
+        setIsOpen: setOpen2,
+        currentOptions: currentOptions2,
+        setCurrentOptions: setCurrentOptions2,
+        initialOptions: years,
+        selectedOptions: selectedOptions2,
+        setSelectedOptions: () => {
+        },
+        handleChange: (val) => {
+          if (val && !Array.isArray(val)) {
+            onYearSelect(month, String(val.value));
+            setOpen2(false);
+          }
         },
-        children: years.map((y) => /* @__PURE__ */ jsx(MenuItem, { value: y.value, children: y.label }, y.value))
+        minWidth: "80px"
       }
-    ) }) })
+    ) })
   ] });
 }
 export {

package/dist/components/DateRangePicker/DateRangePicker.types.d.ts

@@ -4,6 +4,7 @@ import { Moment } from 'moment';
 /**
  * DateRangePicker props.
  * startDate/setStartDate, endDate/setEndDate or handleDatesChange; extends BaseComponentProps.
+ * Additional react-dates props are forwarded to the underlying DayPickerRangeController.
  */
 export interface DateRangePickerProps extends BaseComponentProps {
     label?: string;

package/dist/components/DateRangePicker/DateRangePicker.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangePicker.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"DateRangePicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangePicker.types.ts"],"names":[],"mappings":"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"}

package/dist/components/DateRangePicker/dateRangePickerCustom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateRangePickerCustom.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/dateRangePickerCustom.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,0BAA0B;IACzC,yBAAyB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChF,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,yBAAyB,EACzB,aAAa,GACd,EAAE,0BAA0B,2CAe5B"}
+{"version":3,"file":"dateRangePickerCustom.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/dateRangePickerCustom.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,0BAA0B;IACzC,yBAAyB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChF,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,yBAAyB,EACzB,aAAa,GACd,EAAE,0BAA0B,2CAc5B"}

package/dist/components/DateRangePicker/dateRangePickerCustom.js

@@ -5,14 +5,13 @@ function DateRangePickerCustom({
   handleRangeSelectorChange,
   selectedRange
 }) {
-  const options = rangeSelectorTypes.map(({ id, label }) => ({ label, value: id }));
   return /* @__PURE__ */ jsxs("div", { className: "dateRangePicker-show-range-main-container", children: [
     /* @__PURE__ */ jsx("div", { className: "dateRangePicker-shortcut-heading", children: "Date Range" }),
     /* @__PURE__ */ jsx("div", { className: "dateRangePicker-shortcut-list", children: /* @__PURE__ */ jsx(
       RadioButtonGroup,
       {
         className: "dateRangePicker-shortcut-list-item",
-        options,
+        options: rangeSelectorTypes,
         value: selectedRange,
         onChange: handleRangeSelectorChange
       }

package/dist/components/DateRangePicker/dateRangePickerDropdown.d.ts

@@ -39,6 +39,7 @@ export interface DateRangePickerDropdownProps {
     minDate?: Moment | null;
     maxDate?: Moment | null;
     isOutsideRange?: (day: Moment) => boolean;
+    [key: string]: unknown;
 }
-export declare function DateRangePickerDropdown({ dropDownContainerRef, withPortal, portalContainer, containerRef, onDatesChange, onFocusChange, focusedInput, startDate, endDate, showWeekNumbers, selectedRange, selectedDaysNumber, handleResetDates, handleCancelDates, onSecondaryButtonClick, tertiaryButtonProps, handleApplyDates, primaryButtonProps, showRangeSelector, handleRangeSelectorChange, showMonthYearSelect, customYears, customWeekNumberData, suppressClickOnWeekNumber, setIsOpen, startDateOffset: startDateOffsetProp, endDateOffset: endDateOffsetProp, hasInputErrors, portalClassName, minDate, maxDate, isOutsideRange, }: DateRangePickerDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateRangePickerDropdown({ dropDownContainerRef, withPortal, portalContainer, containerRef, onDatesChange, onFocusChange, focusedInput, startDate, endDate, showWeekNumbers, selectedRange, selectedDaysNumber, handleResetDates, handleCancelDates, onSecondaryButtonClick, tertiaryButtonProps, handleApplyDates, primaryButtonProps, showRangeSelector, handleRangeSelectorChange, showMonthYearSelect, customYears, customWeekNumberData, suppressClickOnWeekNumber, setIsOpen, startDateOffset: startDateOffsetProp, endDateOffset: endDateOffsetProp, hasInputErrors, portalClassName, minDate, maxDate, isOutsideRange, ...calendarProps }: DateRangePickerDropdownProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=dateRangePickerDropdown.d.ts.map

package/dist/components/DateRangePicker/dateRangePickerDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateRangePickerDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/dateRangePickerDropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dateRangePickerDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/dateRangePickerDropdown.tsx"],"names":[],"mappings":"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"}

package/dist/components/DateRangePicker/dateRangePickerDropdown.js

@@ -4,7 +4,7 @@ import { useState, useLayoutEffect, useCallback, useMemo } from "react";
 import moment from "moment";
 import { DayPickerRangeController } from "react-dates";
 import "../../node_modules/react-dates/lib/initialize.js";
-import { ShowMonthYearSelect } from "../DatePicker/showMonthYearSelect.js";
+import { ShowMonthYearSelect } from "./showMonthYearSelect.js";
 import { Portal } from "../Portal/index.js";
 import { DateRangePickerCustom } from "./dateRangePickerCustom.js";
 import { DateRangePickerFooter } from "./dateRangePickerFooter.js";
@@ -42,7 +42,8 @@ function DateRangePickerDropdown({
   portalClassName,
   minDate,
   maxDate,
-  isOutsideRange
+  isOutsideRange,
+  ...calendarProps
 }) {
   const [position, setPosition] = useState({
     x: 0,
@@ -120,6 +121,38 @@ function DateRangePickerDropdown({
   );
   const startOffsetFn = startDateOffsetProp ?? (selectedRange === "custom" ? void 0 : (day) => setStartDateOffset(selectedRange, day));
   const endOffsetFn = endDateOffsetProp ?? (selectedRange === "custom" ? void 0 : (day) => setEndDateOffset(selectedRange, day));
+  const onPrevMonthClick = (params) => {
+    var _a, _b;
+    const isNavButtonFocused = (_a = document.activeElement) == null ? void 0 : _a.classList.contains(
+      "DayPickerNavigation_leftButton__horizontalDefault"
+    );
+    if (isNavButtonFocused) {
+      setTimeout(() => {
+        var _a2;
+        const btn = (_a2 = dropDownContainerRef == null ? void 0 : dropDownContainerRef.current) == null ? void 0 : _a2.querySelector(
+          ".DayPickerNavigation_leftButton__horizontalDefault"
+        );
+        btn == null ? void 0 : btn.focus();
+      }, 0);
+    }
+    (_b = calendarProps.onPrevMonthClick) == null ? void 0 : _b.call(calendarProps, params);
+  };
+  const onNextMonthClick = (params) => {
+    var _a, _b;
+    const isNavButtonFocused = (_a = document.activeElement) == null ? void 0 : _a.classList.contains(
+      "DayPickerNavigation_rightButton__horizontalDefault"
+    );
+    if (isNavButtonFocused) {
+      setTimeout(() => {
+        var _a2;
+        const btn = (_a2 = dropDownContainerRef == null ? void 0 : dropDownContainerRef.current) == null ? void 0 : _a2.querySelector(
+          ".DayPickerNavigation_rightButton__horizontalDefault"
+        );
+        btn == null ? void 0 : btn.focus();
+      }, 0);
+    }
+    (_b = calendarProps.onNextMonthClick) == null ? void 0 : _b.call(calendarProps, params);
+  };
   const isDayOutsideRange = useMemo(() => {
     if (minDate == null && maxDate == null) {
       return isOutsideRange;
@@ -168,7 +201,10 @@ function DateRangePickerDropdown({
               startDate,
               startDateOffset: startOffsetFn,
               onDatesChange,
-              onFocusChange
+              onFocusChange,
+              onPrevMonthClick,
+              onNextMonthClick,
+              ...calendarProps
             }
           ),
           /* @__PURE__ */ jsx(

package/dist/components/DateRangePicker/dateRangePickerFooter.js

@@ -19,8 +19,8 @@ function DateRangePickerFooter({
       ] })
     ] }) }),
     /* @__PURE__ */ jsxs("div", { className: "dateRangePicker-buttons-right-container", children: [
-      /* @__PURE__ */ jsx(Button, { size: "small", variant: "url", onClick: handleResetDates, ...tertiaryButtonProps, children: "Clear" }),
-      onSecondaryButtonClick != null && /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", onClick: handleCancelDates, children: "Cancel" }),
+      /* @__PURE__ */ jsx(Button, { size: "small", variant: "url", onClick: handleResetDates, children: "Clear" }),
+      onSecondaryButtonClick != null && /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", onClick: handleCancelDates, ...tertiaryButtonProps, children: "Cancel" }),
       /* @__PURE__ */ jsx(
         Button,
         {

package/dist/components/DateRangePicker/dateRangePickerInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateRangePickerInput.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/dateRangePickerInput.tsx"],"names":[],"mappings":"AAEA,OAAe,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AAe7C,MAAM,WAAW,yBAAyB;IACxC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC5D,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC1D,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClE,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAC1C,kBAAkB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,iBAAiB,EACjB,eAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,aAAkB,EAClB,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,UAAU,EACV,OAAO,EACP,MAAc,EACd,aAA4B,EAC5B,uBAAuB,EACvB,qBAAqB,EACrB,OAAO,EACP,OAAO,EACP,QAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,kBAAsB,EACtB,YAAgB,EAChB,UAAU,GACX,EAAE,yBAAyB,2CAyV3B"}
+{"version":3,"file":"dateRangePickerInput.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/dateRangePickerInput.tsx"],"names":[],"mappings":"AAEA,OAAe,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AAe7C,MAAM,WAAW,yBAAyB;IACxC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC5D,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC1D,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClE,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAC1C,kBAAkB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,iBAAiB,EACjB,eAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,aAAkB,EAClB,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,UAAU,EACV,OAAO,EACP,MAAc,EACd,aAA4B,EAC5B,uBAAuB,EACvB,qBAAqB,EACrB,OAAO,EACP,OAAO,EACP,QAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,kBAAsB,EACtB,YAAgB,EAChB,UAAU,GACX,EAAE,yBAAyB,2CA2V3B"}

package/dist/components/DateRangePicker/dateRangePickerInput.js

@@ -298,6 +298,7 @@ function DateRangePickerInput({
             ref: startDateInputRef,
             className: "dateRangePicker-input-start-date",
             "data-testid": dataTestId != null ? `${dataTestId}-start` : void 0,
+            disabled: isDisabled,
             id: id != null ? `${id}-start` : void 0,
             placeholder: "Start Date",
             readOnly,
@@ -317,6 +318,7 @@ function DateRangePickerInput({
             ref: endDateInputRef,
             className: "dateRangePicker-input-end-date",
             "data-testid": dataTestId != null ? `${dataTestId}-end` : void 0,
+            disabled: isDisabled,
             id: id != null ? `${id}-end` : void 0,
             placeholder: "End Date",
             readOnly,
@@ -337,7 +339,7 @@ function DateRangePickerInput({
             style: {
               position: "absolute",
               right: 10,
-              top: "50%",
+              top: "0px",
               transform: "translateY(-50%)",
               cursor: isDisabled ? "" : "pointer",
               opacity: isDisabled ? 0.5 : 1

package/dist/components/DateRangePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,wBAAwB,CAAC;AAKhC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,qCAAqC,CAAC;AAC7C,OAAO,+BAA+B,CAAC;AAEvC,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,eAAe,wHA2V3B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,wBAAwB,CAAC;AAKhC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,qCAAqC,CAAC;AAC7C,OAAO,+BAA+B,CAAC;AAEvC,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,eAAe,wHA+V3B,CAAC"}

package/dist/components/DateRangePicker/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.PresetDateRangePicker_panel{padding:0 22px 11px}.PresetDateRangePicker_button{background:0 0;border:2px solid #00a699;-moz-box-sizing:border-box;box-sizing:border-box;color:#00a699;cursor:pointer;font:inherit;font-weight:700;height:100%;line-height:normal;margin-right:8px;overflow:visible;padding:4px 12px;position:relative;text-align:center}.PresetDateRangePicker_button:active{outline:0}.PresetDateRangePicker_button__selected{background:#00a699;color:#fff}.SingleDatePickerInput{background-color:#fff;display:inline-block}.SingleDatePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.SingleDatePickerInput__rtl{direction:rtl}.SingleDatePickerInput__disabled{background-color:#f2f2f2}.SingleDatePickerInput__block{display:block}.SingleDatePickerInput__showClearDate{padding-right:30px}.SingleDatePickerInput_clearDate{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0 10px 0 5px;overflow:visible;padding:10px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.SingleDatePickerInput_clearDate__default:focus,.SingleDatePickerInput_clearDate__default:hover{background:#dbdbdb;border-radius:50%}.SingleDatePickerInput_clearDate__small{padding:6px}.SingleDatePickerInput_clearDate__hide{visibility:hidden}.SingleDatePickerInput_clearDate_svg{fill:#82888a;height:12px;vertical-align:middle;width:15px}.SingleDatePickerInput_clearDate_svg__small{height:9px}.SingleDatePickerInput_calendarIcon{background:0 0;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0 5px 0 10px;overflow:visible;padding:10px;vertical-align:middle}.SingleDatePickerInput_calendarIcon_svg{fill:#82888a;height:15px;vertical-align:middle;width:14px}.SingleDatePicker{display:inline-block;position:relative}.SingleDatePicker__block{display:block}.SingleDatePicker_picker{background-color:#fff;position:absolute;z-index:1}.SingleDatePicker_picker__rtl{direction:rtl}.SingleDatePicker_picker__directionLeft{left:0}.SingleDatePicker_picker__directionRight{right:0}.SingleDatePicker_picker__portal{background-color:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%}.SingleDatePicker_picker__fullScreenPortal{background-color:#fff}.SingleDatePicker_closeButton{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:15px;position:absolute;right:0;top:0;z-index:2}.SingleDatePicker_closeButton:focus,.SingleDatePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.SingleDatePicker_closeButton_svg{fill:#cacccd;height:15px;width:15px}.DayPickerKeyboardShortcuts_buttonReset{background:0 0;border:0;border-radius:0;color:inherit;cursor:pointer;font:inherit;font-size:14px;line-height:normal;overflow:visible;padding:0}.DayPickerKeyboardShortcuts_buttonReset:active{outline:0}.DayPickerKeyboardShortcuts_show{height:26px;position:absolute;width:33px;z-index:2}.DayPickerKeyboardShortcuts_show:before{content:"";display:block;position:absolute}.DayPickerKeyboardShortcuts_show__bottomRight{bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:before{border-right:33px solid #00a699;border-top:26px solid #0000;bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topRight{right:0;top:0}.DayPickerKeyboardShortcuts_show__topRight:before{border-bottom:26px solid #0000;border-right:33px solid #00a699;right:0;top:0}.DayPickerKeyboardShortcuts_show__topRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topLeft{left:0;top:0}.DayPickerKeyboardShortcuts_show__topLeft:before{border-bottom:26px solid #0000;border-left:33px solid #00a699;left:0;top:0}.DayPickerKeyboardShortcuts_show__topLeft:hover:before{border-left:33px solid #008489}.DayPickerKeyboardShortcuts_showSpan{color:#fff;position:absolute}.DayPickerKeyboardShortcuts_showSpan__bottomRight{bottom:0;right:5px}.DayPickerKeyboardShortcuts_showSpan__topRight{right:5px;top:1px}.DayPickerKeyboardShortcuts_showSpan__topLeft{left:5px;top:1px}.DayPickerKeyboardShortcuts_panel{background:#fff;border:1px solid #dbdbdb;border-radius:2px;bottom:0;left:0;margin:33px;overflow:auto;padding:22px;position:absolute;right:0;text-align:left;top:0;z-index:2}.DayPickerKeyboardShortcuts_title{font-size:16px;font-weight:700;margin:0}.DayPickerKeyboardShortcuts_list{font-size:14px;list-style:none;padding:0}.DayPickerKeyboardShortcuts_close{position:absolute;right:22px;top:22px;z-index:2}.DayPickerKeyboardShortcuts_close:active{outline:0}.DayPickerKeyboardShortcuts_closeSvg{fill:#cacccd;height:15px;width:15px}.DayPickerKeyboardShortcuts_closeSvg:focus,.DayPickerKeyboardShortcuts_closeSvg:hover{fill:#82888a}.CalendarDay{-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:14px;text-align:center}.CalendarDay:active{outline:0}.CalendarDay__defaultCursor{cursor:default}.CalendarDay__default{background:#fff;border:1px solid #e4e7e7;color:#484848}.CalendarDay__default:hover{background:#e4e7e7;border:1px solid #e4e7e7;color:inherit}.CalendarDay__hovered_offset{background:#f4f5f5;border:1px double #e4e7e7;color:inherit}.CalendarDay__outside{background:#fff;border:0;color:#484848}.CalendarDay__outside:hover{border:0}.CalendarDay__blocked_minimum_nights{background:#fff;border:1px solid #eceeee;color:#cacccd}.CalendarDay__blocked_minimum_nights:active,.CalendarDay__blocked_minimum_nights:hover{background:#fff;color:#cacccd}.CalendarDay__highlighted_calendar{background:#ffe8bc;color:#484848}.CalendarDay__highlighted_calendar:active,.CalendarDay__highlighted_calendar:hover{background:#ffce71;color:#484848}.CalendarDay__selected_span{background:#66e2da;border:1px double #33dacd;color:#fff}.CalendarDay__selected_span:active,.CalendarDay__selected_span:hover{background:#33dacd;border:1px double #33dacd;color:#fff}.CalendarDay__selected,.CalendarDay__selected:active,.CalendarDay__selected:hover{background:#00a699;border:1px double #00a699;color:#fff}.CalendarDay__hovered_span,.CalendarDay__hovered_span:hover{background:#b2f1ec;border:1px double #80e8e0;color:#007a87}.CalendarDay__hovered_span:active{background:#80e8e0;border:1px double #80e8e0;color:#007a87}.CalendarDay__blocked_calendar,.CalendarDay__blocked_calendar:active,.CalendarDay__blocked_calendar:hover{background:#cacccd;border:1px solid #cacccd;color:#82888a}.CalendarDay__blocked_out_of_range,.CalendarDay__blocked_out_of_range:active,.CalendarDay__blocked_out_of_range:hover{background:#fff;border:1px solid #e4e7e7;color:#cacccd}.CalendarDay__hovered_start_first_possible_end{background:#eceeee;border:1px double #eceeee}.CalendarDay__hovered_start_blocked_min_nights{background:#eceeee;border:1px double #e4e7e7}.CalendarMonth{background:#fff;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top}.CalendarMonth_table{border-collapse:collapse;border-spacing:0}.CalendarMonth_verticalSpacing{border-collapse:initial}.CalendarMonth_caption{caption-side:top;color:#484848;font-size:18px;padding-bottom:37px;padding-top:22px;text-align:center}.CalendarMonth_caption__verticalScrollable{padding-bottom:7px;padding-top:12px}.CalendarMonthGrid{background:#fff;text-align:left;z-index:0}.CalendarMonthGrid__animating{z-index:1}.CalendarMonthGrid__horizontal{left:9px;position:absolute}.CalendarMonthGrid__vertical,.CalendarMonthGrid__vertical_scrollable{margin:0 auto}.CalendarMonthGrid_month__horizontal{display:inline-block;min-height:100%;vertical-align:top}.CalendarMonthGrid_month__hideForAnimation{opacity:0;pointer-events:none;position:absolute;z-index:-1}.CalendarMonthGrid_month__hidden{visibility:hidden}.DayPickerNavigation{position:relative;z-index:2}.DayPickerNavigation__horizontal{height:0}.DayPickerNavigation__verticalScrollable_prevNav{z-index:1}.DayPickerNavigation__verticalDefault{bottom:0;height:52px;left:0;position:absolute;width:100%}.DayPickerNavigation__verticalScrollableDefault{position:relative}.DayPickerNavigation__bottom{height:auto}.DayPickerNavigation__bottomDefault{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.DayPickerNavigation_button{border:0;cursor:pointer;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DayPickerNavigation_button__default{background-color:#fff;border:1px solid #e4e7e7;color:#757575}.DayPickerNavigation_button__default:focus,.DayPickerNavigation_button__default:hover{border:1px solid #c4c4c4}.DayPickerNavigation_button__default:active{background:#f2f2f2}.DayPickerNavigation_button__disabled{border:1px solid #f2f2f2;cursor:default}.DayPickerNavigation_button__disabled:focus,.DayPickerNavigation_button__disabled:hover{border:1px solid #f2f2f2}.DayPickerNavigation_button__disabled:active{background:0 0}.DayPickerNavigation_button__horizontalDefault{border-radius:3px;line-height:.78;padding:6px 9px;position:absolute;top:18px}.DayPickerNavigation_bottomButton__horizontalDefault{margin:-10px 22px 30px;position:static}.DayPickerNavigation_leftButton__horizontalDefault{left:22px}.DayPickerNavigation_rightButton__horizontalDefault{right:22px}.DayPickerNavigation_button__verticalDefault{background:#fff;box-shadow:0 0 5px 2px #0000001a;display:inline-block;height:100%;padding:5px;position:relative;text-align:center;width:50%}.DayPickerNavigation_nextButton__verticalDefault{border-left:0}.DayPickerNavigation_nextButton__verticalScrollableDefault,.DayPickerNavigation_prevButton__verticalScrollableDefault{width:100%}.DayPickerNavigation_svg__horizontal{display:block;fill:#82888a;height:19px;width:19px}.DayPickerNavigation_svg__vertical{fill:#484848;height:42px;width:42px}.DayPickerNavigation_svg__disabled{fill:#f2f2f2}.DayPicker{position:relative;text-align:left}.DayPicker,.DayPicker__horizontal{background:#fff}.DayPicker__verticalScrollable{height:100%}.DayPicker__hidden{visibility:hidden}.DayPicker__withBorder{border-radius:3px;box-shadow:0 2px 6px #0000000d,0 0 0 1px #00000012}.DayPicker_portal__horizontal{box-shadow:none;left:50%;position:absolute;top:50%}.DayPicker_portal__vertical{position:static}.DayPicker_focusRegion{outline:0}.DayPicker_calendarInfo__horizontal,.DayPicker_wrapper__horizontal{display:inline-block;vertical-align:top}.DayPicker_weekHeaders{position:relative}.DayPicker_weekHeaders__horizontal{margin-left:9px}.DayPicker_weekHeader{color:#757575;position:absolute;text-align:left;top:62px;z-index:2}.DayPicker_weekHeader__vertical{left:50%}.DayPicker_weekHeader__verticalScrollable{background:#fff;border-bottom:1px solid #dbdbdb;display:table-row;left:0;margin-left:0;text-align:center;top:0;width:100%}.DayPicker_weekHeader_ul{font-size:14px;list-style:none;margin:1px 0;padding-left:0;padding-right:0}.DayPicker_weekHeader_li{display:inline-block;text-align:center}.DayPicker_transitionContainer{border-radius:3px;overflow:hidden;position:relative}.DayPicker_transitionContainer__horizontal{-webkit-transition:height .2s ease-in-out;-moz-transition:height .2s ease-in-out;transition:height .2s ease-in-out}.DayPicker_transitionContainer__vertical{width:100%}.DayPicker_transitionContainer__verticalScrollable{bottom:0;height:100%;left:0;overflow-y:scroll;padding-top:20px;position:absolute;right:0;top:0}.DateInput{background:#fff;display:inline-block;margin:0;padding:0;position:relative;vertical-align:middle;width:130px}.DateInput__small{width:97px}.DateInput__block{width:100%}.DateInput__disabled{background:#f2f2f2;color:#dbdbdb}.DateInput_input{background-color:#fff;border:0;border-bottom:2px solid #0000;border-radius:0;color:#484848;font-size:19px;font-weight:200;line-height:24px;padding:11px 11px 9px;width:100%}.DateInput_input__small{font-size:15px;letter-spacing:.2px;line-height:18px;padding:7px 7px 5px}.DateInput_input__regular{font-weight:auto}.DateInput_input__readOnly{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DateInput_input__focused{background:#fff;border:0;border-bottom:2px solid #008489;outline:0}.DateInput_input__disabled{background:#f2f2f2;font-style:italic}.DateInput_screenReaderMessage{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DateInput_fang{height:10px;left:22px;position:absolute;width:20px;z-index:2}.DateInput_fangShape{fill:#fff}.DateInput_fangStroke{fill:#0000;stroke:#dbdbdb}.DateRangePickerInput{background-color:#fff;display:inline-block}.DateRangePickerInput__disabled{background:#f2f2f2}.DateRangePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.DateRangePickerInput__rtl{direction:rtl}.DateRangePickerInput__block{display:block}.DateRangePickerInput__showClearDates{padding-right:30px}.DateRangePickerInput_arrow{color:#484848;display:inline-block;vertical-align:middle}.DateRangePickerInput_arrow_svg{fill:#484848;height:24px;vertical-align:middle;width:24px}.DateRangePickerInput_clearDates{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0 10px 0 5px;overflow:visible;padding:10px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.DateRangePickerInput_clearDates__small{padding:6px}.DateRangePickerInput_clearDates_default:focus,.DateRangePickerInput_clearDates_default:hover{background:#dbdbdb;border-radius:50%}.DateRangePickerInput_clearDates__hide{visibility:hidden}.DateRangePickerInput_clearDates_svg{fill:#82888a;height:12px;vertical-align:middle;width:15px}.DateRangePickerInput_clearDates_svg__small{height:9px}.DateRangePickerInput_calendarIcon{background:0 0;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0 5px 0 10px;overflow:visible;padding:10px;vertical-align:middle}.DateRangePickerInput_calendarIcon_svg{fill:#82888a;height:15px;vertical-align:middle;width:14px}.DateRangePicker{display:inline-block;position:relative}.DateRangePicker__block{display:block}.DateRangePicker_picker{background-color:#fff;position:absolute;z-index:1}.DateRangePicker_picker__rtl{direction:rtl}.DateRangePicker_picker__directionLeft{left:0}.DateRangePicker_picker__directionRight{right:0}.DateRangePicker_picker__portal{background-color:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%}.DateRangePicker_picker__fullScreenPortal{background-color:#fff}.DateRangePicker_closeButton{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:15px;position:absolute;right:0;top:0;z-index:2}.DateRangePicker_closeButton:focus,.DateRangePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.DateRangePicker_closeButton_svg{fill:#cacccd;height:15px;width:15px}\n.impact-portal-container{position:absolute;z-index:9999}.impact-dateRangePicker-main-container{display:flex;font-family:Manrope,sans-serif}.impact-dateRangePicker-main-container.label-flex-row{align-items:center;flex-direction:row;gap:16px}.impact-dateRangePicker-main-container.label-flex-column{flex-direction:column}.impact-dateRangePicker-main-container.label-flex-column .dateRangePicker-label{margin-bottom:6px}.impact-dateRangePicker-main-container .dateRangePicker-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:18px}.impact-dateRangePicker-main-container .dateRangePicker-container{position:relative;width:240px}.impact-dateRangePicker-main-container .dateRangePicker-input-container{box-sizing:border-box;display:flex;height:32px;width:100%}.impact-dateRangePicker-main-container .dateRangePicker-input-container:hover .dateRangePicker-input-start-date{border:1px solid #4259ee;border-right:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container:hover .dateRangePicker-input-end-date{border:1px solid #4259ee;border-left:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-start-date{border:1px solid #c3c8d4;border-radius:8px 0 0 8px;border-right:none;box-sizing:border-box;flex:.8 1 0;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;padding-left:12px;width:100%}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-start-date:focus{outline:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-start-date:focus::placeholder{color:#4259ee}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date{background-color:#fff;background-position:center right 12px;border:1px solid #c3c8d4;border-left:none;border-radius:0 8px 8px 0;box-sizing:border-box;flex:1 1 0;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;width:100%}@media screen and (max-width:1399px) and (min-width:1200px){.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date{background-position:center right 10px;background-size:13px;padding-left:10px}}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date:focus{outline:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date:focus::placeholder{color:#4259ee}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled:hover .dateRangePicker-input-start-date{border:1px solid #d9dde7;border-right:none}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled:hover .dateRangePicker-input-end-date{border:1px solid #d9dde7;border-left:none}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-start-date{background-color:#f2f4fb;border-bottom:1px solid #d9dde7;border-left:1px solid #d9dde7;border-top:1px solid #d9dde7;pointer-events:none!important}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-start-date:hover{border:1px solid #d9dde7}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-end-date{background-color:#f2f4fb;border-bottom:1px solid #d9dde7;border-right:1px solid #d9dde7;border-top:1px solid #d9dde7;pointer-events:none!important}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-end-date:hover{border:1px solid #d9dde7}.impact-dateRangePicker-main-container .impact-dateRangePicker-error:hover .dateRangePicker-input-start-date{border:1px solid red;border-right:none}.impact-dateRangePicker-main-container .impact-dateRangePicker-error:hover .dateRangePicker-input-end-date{border:1px solid red;border-left:none}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-start-date{border-bottom:1px solid red;border-left:1px solid red;border-top:1px solid red}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-start-date:focus::placeholder{color:red}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-end-date{border-bottom:1px solid red;border-right:1px solid red;border-top:1px solid red}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-end-date:focus::placeholder{color:red}.impact-dateRangePicker-full-width-main-container .dateRangePicker-container{width:100%}.impact-dateRangePicker-dropdown-container{background-color:#fff;border:none;border-radius:8px;box-shadow:0 1px 6px #00000029;display:flex;flex-direction:row;left:0;position:absolute;top:35px;width:auto;z-index:9999}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container{width:450px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker{background-color:#00f;height:fit-content;width:432px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker>div{height:inherit;width:432px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker>div>div{height:inherit;width:432px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker__withBorder{border-radius:unset;box-shadow:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker__horizontal{background:#0000}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarMonth_caption{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;padding-bottom:30px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader_li small{line-height:20px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader_li{display:inline-block;margin-left:5px;text-align:center;width:20px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader{left:0;padding:0 12px;top:50px;width:269px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader ul{font-family:Manrope,sans-serif;font-size:12px;font-weight:400;padding-left:1px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader:after{background-color:#d4d4d4;bottom:-2px;content:"";height:1px;left:15px;position:absolute;width:70%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation{position:relative;z-index:2}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__horizontal{height:0}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__verticalScrollable_prevNav{z-index:1}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__verticalDefault{bottom:0;height:52px;left:0;position:absolute;width:100%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__verticalScrollableDefault{position:relative}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__bottom{height:auto}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__bottomDefault{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button{border:0;cursor:pointer;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__default{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/accordion-chevron.svg) no-repeat;background-size:12px;transform:rotate(90deg)}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__default svg{display:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__disabled{opacity:.8}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__horizontalDefault{border-radius:3px;line-height:.78;padding:6px;position:absolute;top:25px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_bottomButton__horizontalDefault{margin:-10px 22px 30px;position:static}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_leftButton__horizontalDefault{left:20px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_rightButton__horizontalDefault{right:15px;transform:rotate(-90deg)}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__verticalDefault{background:#fff;box-shadow:0 0 5px 2px #0000001a;display:inline-block;height:100%;padding:5px;position:relative;text-align:center;width:50%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_nextButton__verticalDefault{border-left:0}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_nextButton__verticalScrollableDefault,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_prevButton__verticalScrollableDefault{width:100%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_svg__vertical{fill:#484848;height:42px;width:42px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_svg__disabled{fill:#f2f2f2}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarMonth{background:#0000}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarMonth_table{border-collapse:initial;border-spacing:5px 6px;padding-top:8px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__default{border:none;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:12px;font-weight:400;height:20px!important;line-height:16.39px;padding-top:2px;width:20px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__hovered_span,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected_span{background:#e7eaff;position:relative}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__hovered_span:after,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected_span:after{background:#eceefd;bottom:0;content:"";left:-4px;position:absolute;right:-4px;top:0;z-index:-1}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__default:hover{background:#eceefd!important;border-radius:8px;color:#4259ee;outline:1px solid #b3bdf8}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected:active,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected:hover{background:#4259ee!important;border:none;border-radius:8px;color:#fff}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__blocked_out_of_range{color:#c3c8d4!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:10px 19px;position:relative}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container:before{background-color:#d4d4d4;content:"";height:1px;left:10px;position:absolute;top:0;width:95%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container .dateRangePicker-footer-label-container{align-items:center;color:#60697d;display:flex;flex-direction:row;font-size:12px;font-weight:500;gap:4px;line-height:18px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container .dateRangePicker-footer-label-container .dateRangePicker-footer-value{color:#0d152c;font-weight:600}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container .dateRangePicker-buttons-right-container{align-items:center;display:flex;flex-direction:row;gap:8px}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container{padding:16px 8px;position:relative;width:100%;z-index:1}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container:before{background-color:#d4d4d4;content:"";height:85%;left:0;position:absolute;top:20px;width:1px}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container .dateRangePicker-shortcut-heading{color:#60697d;font-size:12px;font-weight:500;line-height:18px;margin-bottom:8px;text-align:center}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container .dateRangePicker-shortcut-list .ia-radioButton{margin:0!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container .dateRangePicker-shortcut-list .ia-radioButton .MuiTypography-root{font-size:12px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .DayPicker_weekHeader ul{padding-left:10px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .DayPickerNavigation_rightButton__horizontalDefault{right:3px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .DayPicker_weekHeader:after{left:20px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarMonth_table{left:10px;padding-top:4px;position:relative}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarMonth_table tbody{position:relative}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarMonth_table tbody:before{background-color:#d4d4d4;content:"";height:130px;left:-5px;position:absolute;top:0;width:1px;z-index:1}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarDayWeekNumber{border-right:none!important;color:#757575;display:none;display:block;font-family:Manrope,sans-serif;font-size:11px;font-weight:500;left:-30px;position:absolute;width:18px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .suppress-click-on-week-number{pointer-events:none}.showRangeSelector{width:550px}.date-range-picker-show-month-year-select-container{align-items:center;display:flex;justify-content:space-between;left:20px;position:relative;top:-6px;width:150px;z-index:9999}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container{width:80px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-styled-dropdown-main-button{min-width:80px;width:80px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-styled-dropdown-main-button .ia-select-button-text-full-width{width:80px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-button-clear-icon{display:none}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-chevron-icon{display:none;margin-left:-50px;width:10px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-button-text-span{width:60px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container{width:66px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-styled-dropdown-main-button{min-width:66px;width:66px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-styled-dropdown-main-button .ia-select-button-text-full-width{width:66px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-button-clear-icon{display:none}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-chevron-icon{display:none;margin-left:-110px;width:10px}.date-range-picker-month-select-dropdown,.date-range-picker-year-select-dropdown{min-width:115px!important;width:115px!important;z-index:9999}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.PresetDateRangePicker_panel{padding:0 22px 11px}.PresetDateRangePicker_button{background:0 0;border:2px solid #00a699;-moz-box-sizing:border-box;box-sizing:border-box;color:#00a699;cursor:pointer;font:inherit;font-weight:700;height:100%;line-height:normal;margin-right:8px;overflow:visible;padding:4px 12px;position:relative;text-align:center}.PresetDateRangePicker_button:active{outline:0}.PresetDateRangePicker_button__selected{background:#00a699;color:#fff}.SingleDatePickerInput{background-color:#fff;display:inline-block}.SingleDatePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.SingleDatePickerInput__rtl{direction:rtl}.SingleDatePickerInput__disabled{background-color:#f2f2f2}.SingleDatePickerInput__block{display:block}.SingleDatePickerInput__showClearDate{padding-right:30px}.SingleDatePickerInput_clearDate{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0 10px 0 5px;overflow:visible;padding:10px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.SingleDatePickerInput_clearDate__default:focus,.SingleDatePickerInput_clearDate__default:hover{background:#dbdbdb;border-radius:50%}.SingleDatePickerInput_clearDate__small{padding:6px}.SingleDatePickerInput_clearDate__hide{visibility:hidden}.SingleDatePickerInput_clearDate_svg{fill:#82888a;height:12px;vertical-align:middle;width:15px}.SingleDatePickerInput_clearDate_svg__small{height:9px}.SingleDatePickerInput_calendarIcon{background:0 0;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0 5px 0 10px;overflow:visible;padding:10px;vertical-align:middle}.SingleDatePickerInput_calendarIcon_svg{fill:#82888a;height:15px;vertical-align:middle;width:14px}.SingleDatePicker{display:inline-block;position:relative}.SingleDatePicker__block{display:block}.SingleDatePicker_picker{background-color:#fff;position:absolute;z-index:1}.SingleDatePicker_picker__rtl{direction:rtl}.SingleDatePicker_picker__directionLeft{left:0}.SingleDatePicker_picker__directionRight{right:0}.SingleDatePicker_picker__portal{background-color:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%}.SingleDatePicker_picker__fullScreenPortal{background-color:#fff}.SingleDatePicker_closeButton{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:15px;position:absolute;right:0;top:0;z-index:2}.SingleDatePicker_closeButton:focus,.SingleDatePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.SingleDatePicker_closeButton_svg{fill:#cacccd;height:15px;width:15px}.DayPickerKeyboardShortcuts_buttonReset{background:0 0;border:0;border-radius:0;color:inherit;cursor:pointer;font:inherit;font-size:14px;line-height:normal;overflow:visible;padding:0}.DayPickerKeyboardShortcuts_buttonReset:active{outline:0}.DayPickerKeyboardShortcuts_show{height:26px;position:absolute;width:33px;z-index:2}.DayPickerKeyboardShortcuts_show:before{content:"";display:block;position:absolute}.DayPickerKeyboardShortcuts_show__bottomRight{bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:before{border-right:33px solid #00a699;border-top:26px solid #0000;bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topRight{right:0;top:0}.DayPickerKeyboardShortcuts_show__topRight:before{border-bottom:26px solid #0000;border-right:33px solid #00a699;right:0;top:0}.DayPickerKeyboardShortcuts_show__topRight:hover:before{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topLeft{left:0;top:0}.DayPickerKeyboardShortcuts_show__topLeft:before{border-bottom:26px solid #0000;border-left:33px solid #00a699;left:0;top:0}.DayPickerKeyboardShortcuts_show__topLeft:hover:before{border-left:33px solid #008489}.DayPickerKeyboardShortcuts_showSpan{color:#fff;position:absolute}.DayPickerKeyboardShortcuts_showSpan__bottomRight{bottom:0;right:5px}.DayPickerKeyboardShortcuts_showSpan__topRight{right:5px;top:1px}.DayPickerKeyboardShortcuts_showSpan__topLeft{left:5px;top:1px}.DayPickerKeyboardShortcuts_panel{background:#fff;border:1px solid #dbdbdb;border-radius:2px;bottom:0;left:0;margin:33px;overflow:auto;padding:22px;position:absolute;right:0;text-align:left;top:0;z-index:2}.DayPickerKeyboardShortcuts_title{font-size:16px;font-weight:700;margin:0}.DayPickerKeyboardShortcuts_list{font-size:14px;list-style:none;padding:0}.DayPickerKeyboardShortcuts_close{position:absolute;right:22px;top:22px;z-index:2}.DayPickerKeyboardShortcuts_close:active{outline:0}.DayPickerKeyboardShortcuts_closeSvg{fill:#cacccd;height:15px;width:15px}.DayPickerKeyboardShortcuts_closeSvg:focus,.DayPickerKeyboardShortcuts_closeSvg:hover{fill:#82888a}.CalendarDay{-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:14px;text-align:center}.CalendarDay:active{outline:0}.CalendarDay__defaultCursor{cursor:default}.CalendarDay__default{background:#fff;border:1px solid #e4e7e7;color:#484848}.CalendarDay__default:hover{background:#e4e7e7;border:1px solid #e4e7e7;color:inherit}.CalendarDay__hovered_offset{background:#f4f5f5;border:1px double #e4e7e7;color:inherit}.CalendarDay__outside{background:#fff;border:0;color:#484848}.CalendarDay__outside:hover{border:0}.CalendarDay__blocked_minimum_nights{background:#fff;border:1px solid #eceeee;color:#cacccd}.CalendarDay__blocked_minimum_nights:active,.CalendarDay__blocked_minimum_nights:hover{background:#fff;color:#cacccd}.CalendarDay__highlighted_calendar{background:#ffe8bc;color:#484848}.CalendarDay__highlighted_calendar:active,.CalendarDay__highlighted_calendar:hover{background:#ffce71;color:#484848}.CalendarDay__selected_span{background:#66e2da;border:1px double #33dacd;color:#fff}.CalendarDay__selected_span:active,.CalendarDay__selected_span:hover{background:#33dacd;border:1px double #33dacd;color:#fff}.CalendarDay__selected,.CalendarDay__selected:active,.CalendarDay__selected:hover{background:#00a699;border:1px double #00a699;color:#fff}.CalendarDay__hovered_span,.CalendarDay__hovered_span:hover{background:#b2f1ec;border:1px double #80e8e0;color:#007a87}.CalendarDay__hovered_span:active{background:#80e8e0;border:1px double #80e8e0;color:#007a87}.CalendarDay__blocked_calendar,.CalendarDay__blocked_calendar:active,.CalendarDay__blocked_calendar:hover{background:#cacccd;border:1px solid #cacccd;color:#82888a}.CalendarDay__blocked_out_of_range,.CalendarDay__blocked_out_of_range:active,.CalendarDay__blocked_out_of_range:hover{background:#fff;border:1px solid #e4e7e7;color:#cacccd}.CalendarDay__hovered_start_first_possible_end{background:#eceeee;border:1px double #eceeee}.CalendarDay__hovered_start_blocked_min_nights{background:#eceeee;border:1px double #e4e7e7}.CalendarMonth{background:#fff;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top}.CalendarMonth_table{border-collapse:collapse;border-spacing:0}.CalendarMonth_verticalSpacing{border-collapse:initial}.CalendarMonth_caption{caption-side:top;color:#484848;font-size:18px;padding-bottom:37px;padding-top:22px;text-align:center}.CalendarMonth_caption__verticalScrollable{padding-bottom:7px;padding-top:12px}.CalendarMonthGrid{background:#fff;text-align:left;z-index:0}.CalendarMonthGrid__animating{z-index:1}.CalendarMonthGrid__horizontal{left:9px;position:absolute}.CalendarMonthGrid__vertical,.CalendarMonthGrid__vertical_scrollable{margin:0 auto}.CalendarMonthGrid_month__horizontal{display:inline-block;min-height:100%;vertical-align:top}.CalendarMonthGrid_month__hideForAnimation{opacity:0;pointer-events:none;position:absolute;z-index:-1}.CalendarMonthGrid_month__hidden{visibility:hidden}.DayPickerNavigation{position:relative;z-index:2}.DayPickerNavigation__horizontal{height:0}.DayPickerNavigation__verticalScrollable_prevNav{z-index:1}.DayPickerNavigation__verticalDefault{bottom:0;height:52px;left:0;position:absolute;width:100%}.DayPickerNavigation__verticalScrollableDefault{position:relative}.DayPickerNavigation__bottom{height:auto}.DayPickerNavigation__bottomDefault{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.DayPickerNavigation_button{border:0;cursor:pointer;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DayPickerNavigation_button__default{background-color:#fff;border:1px solid #e4e7e7;color:#757575}.DayPickerNavigation_button__default:focus,.DayPickerNavigation_button__default:hover{border:1px solid #c4c4c4}.DayPickerNavigation_button__default:active{background:#f2f2f2}.DayPickerNavigation_button__disabled{border:1px solid #f2f2f2;cursor:default}.DayPickerNavigation_button__disabled:focus,.DayPickerNavigation_button__disabled:hover{border:1px solid #f2f2f2}.DayPickerNavigation_button__disabled:active{background:0 0}.DayPickerNavigation_button__horizontalDefault{border-radius:3px;line-height:.78;padding:6px 9px;position:absolute;top:18px}.DayPickerNavigation_bottomButton__horizontalDefault{margin:-10px 22px 30px;position:static}.DayPickerNavigation_leftButton__horizontalDefault{left:22px}.DayPickerNavigation_rightButton__horizontalDefault{right:22px}.DayPickerNavigation_button__verticalDefault{background:#fff;box-shadow:0 0 5px 2px #0000001a;display:inline-block;height:100%;padding:5px;position:relative;text-align:center;width:50%}.DayPickerNavigation_nextButton__verticalDefault{border-left:0}.DayPickerNavigation_nextButton__verticalScrollableDefault,.DayPickerNavigation_prevButton__verticalScrollableDefault{width:100%}.DayPickerNavigation_svg__horizontal{display:block;fill:#82888a;height:19px;width:19px}.DayPickerNavigation_svg__vertical{fill:#484848;height:42px;width:42px}.DayPickerNavigation_svg__disabled{fill:#f2f2f2}.DayPicker{position:relative;text-align:left}.DayPicker,.DayPicker__horizontal{background:#fff}.DayPicker__verticalScrollable{height:100%}.DayPicker__hidden{visibility:hidden}.DayPicker__withBorder{border-radius:3px;box-shadow:0 2px 6px #0000000d,0 0 0 1px #00000012}.DayPicker_portal__horizontal{box-shadow:none;left:50%;position:absolute;top:50%}.DayPicker_portal__vertical{position:static}.DayPicker_focusRegion{outline:0}.DayPicker_calendarInfo__horizontal,.DayPicker_wrapper__horizontal{display:inline-block;vertical-align:top}.DayPicker_weekHeaders{position:relative}.DayPicker_weekHeaders__horizontal{margin-left:9px}.DayPicker_weekHeader{color:#757575;position:absolute;text-align:left;top:62px;z-index:2}.DayPicker_weekHeader__vertical{left:50%}.DayPicker_weekHeader__verticalScrollable{background:#fff;border-bottom:1px solid #dbdbdb;display:table-row;left:0;margin-left:0;text-align:center;top:0;width:100%}.DayPicker_weekHeader_ul{font-size:14px;list-style:none;margin:1px 0;padding-left:0;padding-right:0}.DayPicker_weekHeader_li{display:inline-block;text-align:center}.DayPicker_transitionContainer{border-radius:3px;overflow:hidden;position:relative}.DayPicker_transitionContainer__horizontal{-webkit-transition:height .2s ease-in-out;-moz-transition:height .2s ease-in-out;transition:height .2s ease-in-out}.DayPicker_transitionContainer__vertical{width:100%}.DayPicker_transitionContainer__verticalScrollable{bottom:0;height:100%;left:0;overflow-y:scroll;padding-top:20px;position:absolute;right:0;top:0}.DateInput{background:#fff;display:inline-block;margin:0;padding:0;position:relative;vertical-align:middle;width:130px}.DateInput__small{width:97px}.DateInput__block{width:100%}.DateInput__disabled{background:#f2f2f2;color:#dbdbdb}.DateInput_input{background-color:#fff;border:0;border-bottom:2px solid #0000;border-radius:0;color:#484848;font-size:19px;font-weight:200;line-height:24px;padding:11px 11px 9px;width:100%}.DateInput_input__small{font-size:15px;letter-spacing:.2px;line-height:18px;padding:7px 7px 5px}.DateInput_input__regular{font-weight:auto}.DateInput_input__readOnly{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DateInput_input__focused{background:#fff;border:0;border-bottom:2px solid #008489;outline:0}.DateInput_input__disabled{background:#f2f2f2;font-style:italic}.DateInput_screenReaderMessage{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DateInput_fang{height:10px;left:22px;position:absolute;width:20px;z-index:2}.DateInput_fangShape{fill:#fff}.DateInput_fangStroke{fill:#0000;stroke:#dbdbdb}.DateRangePickerInput{background-color:#fff;display:inline-block}.DateRangePickerInput__disabled{background:#f2f2f2}.DateRangePickerInput__withBorder{border:1px solid #dbdbdb;border-radius:2px}.DateRangePickerInput__rtl{direction:rtl}.DateRangePickerInput__block{display:block}.DateRangePickerInput__showClearDates{padding-right:30px}.DateRangePickerInput_arrow{color:#484848;display:inline-block;vertical-align:middle}.DateRangePickerInput_arrow_svg{fill:#484848;height:24px;vertical-align:middle;width:24px}.DateRangePickerInput_clearDates{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;margin:0 10px 0 5px;overflow:visible;padding:10px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.DateRangePickerInput_clearDates__small{padding:6px}.DateRangePickerInput_clearDates_default:focus,.DateRangePickerInput_clearDates_default:hover{background:#dbdbdb;border-radius:50%}.DateRangePickerInput_clearDates__hide{visibility:hidden}.DateRangePickerInput_clearDates_svg{fill:#82888a;height:12px;vertical-align:middle;width:15px}.DateRangePickerInput_clearDates_svg__small{height:9px}.DateRangePickerInput_calendarIcon{background:0 0;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0 5px 0 10px;overflow:visible;padding:10px;vertical-align:middle}.DateRangePickerInput_calendarIcon_svg{fill:#82888a;height:15px;vertical-align:middle;width:14px}.DateRangePicker{display:inline-block;position:relative}.DateRangePicker__block{display:block}.DateRangePicker_picker{background-color:#fff;position:absolute;z-index:1}.DateRangePicker_picker__rtl{direction:rtl}.DateRangePicker_picker__directionLeft{left:0}.DateRangePicker_picker__directionRight{right:0}.DateRangePicker_picker__portal{background-color:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%}.DateRangePicker_picker__fullScreenPortal{background-color:#fff}.DateRangePicker_closeButton{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:normal;overflow:visible;padding:15px;position:absolute;right:0;top:0;z-index:2}.DateRangePicker_closeButton:focus,.DateRangePicker_closeButton:hover{color:darken(#cacccd,10%);text-decoration:none}.DateRangePicker_closeButton_svg{fill:#cacccd;height:15px;width:15px}\n.impact-portal-container{position:absolute;z-index:9999}.impact-dateRangePicker-main-container{display:flex;font-family:Manrope,sans-serif}.impact-dateRangePicker-main-container.label-flex-row{align-items:center;flex-direction:row;gap:16px}.impact-dateRangePicker-main-container.label-flex-column{flex-direction:column}.impact-dateRangePicker-main-container.label-flex-column .dateRangePicker-label{margin-bottom:6px}.impact-dateRangePicker-main-container .dateRangePicker-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:18px}.impact-dateRangePicker-main-container .dateRangePicker-container{position:relative;width:240px}.impact-dateRangePicker-main-container .dateRangePicker-input-container{box-sizing:border-box;display:flex;height:32px;width:100%}.impact-dateRangePicker-main-container .dateRangePicker-input-container:focus-within .dateRangePicker-input-start-date,.impact-dateRangePicker-main-container .dateRangePicker-input-container:hover .dateRangePicker-input-start-date{border:1px solid #4259ee;border-right:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container:focus-within .dateRangePicker-input-end-date,.impact-dateRangePicker-main-container .dateRangePicker-input-container:hover .dateRangePicker-input-end-date{border:1px solid #4259ee;border-left:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-start-date{border:1px solid #c3c8d4;border-radius:8px 0 0 8px;border-right:none;box-sizing:border-box;flex:.8 1 0;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;padding-left:12px;width:100%}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-start-date:focus{outline:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-start-date:focus::placeholder{color:#4259ee}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date{background-color:#fff;background-position:center right 12px;border:1px solid #c3c8d4;border-left:none;border-radius:0 8px 8px 0;box-sizing:border-box;flex:1 1 0;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;width:100%}@media screen and (max-width:1399px) and (min-width:1200px){.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date{background-position:center right 10px;background-size:13px;padding-left:10px}}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date:focus{outline:none}.impact-dateRangePicker-main-container .dateRangePicker-input-container .dateRangePicker-input-end-date:focus::placeholder{color:#4259ee}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled:hover .dateRangePicker-input-start-date{border:1px solid #d9dde7;border-right:none}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled:hover .dateRangePicker-input-end-date{border:1px solid #d9dde7;border-left:none}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-start-date{background-color:#f2f4fb;border-bottom:1px solid #d9dde7;border-left:1px solid #d9dde7;border-top:1px solid #d9dde7;pointer-events:none!important}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-start-date:hover{border:1px solid #d9dde7}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-end-date{background-color:#f2f4fb;border-bottom:1px solid #d9dde7;border-right:1px solid #d9dde7;border-top:1px solid #d9dde7;pointer-events:none!important}.impact-dateRangePicker-main-container .dateRangePicker-input-disabled .dateRangePicker-input-end-date:hover{border:1px solid #d9dde7}.impact-dateRangePicker-main-container .impact-dateRangePicker-error:hover .dateRangePicker-input-start-date{border:1px solid red;border-right:none}.impact-dateRangePicker-main-container .impact-dateRangePicker-error:hover .dateRangePicker-input-end-date{border:1px solid red;border-left:none}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-start-date{border-bottom:1px solid red;border-left:1px solid red;border-top:1px solid red}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-start-date:focus::placeholder{color:red}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-end-date{border-bottom:1px solid red;border-right:1px solid red;border-top:1px solid red}.impact-dateRangePicker-main-container .impact-dateRangePicker-error .dateRangePicker-input-end-date:focus::placeholder{color:red}.impact-dateRangePicker-full-width-main-container .dateRangePicker-container{width:100%}.impact-dateRangePicker-dropdown-container{background-color:#fff;border:none;border-radius:8px;box-shadow:0 1px 6px #00000029;display:flex;flex-direction:row;left:0;position:absolute;top:35px;width:auto;z-index:9999}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container{width:450px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker{background-color:#00f;height:fit-content;width:432px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker>div{height:inherit;width:432px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker>div>div{height:inherit;width:432px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker__withBorder{border-radius:unset;box-shadow:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker__horizontal{background:#0000}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarMonth_caption{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;padding-bottom:30px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader_li small{line-height:20px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader_li{display:inline-block;margin-left:5px;text-align:center;width:20px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader{left:0;padding:0 12px;top:50px;width:269px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader ul{font-family:Manrope,sans-serif;font-size:12px;font-weight:400;padding-left:1px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPicker_weekHeader:after{background-color:#d4d4d4;bottom:-2px;content:"";height:1px;left:15px;position:absolute;width:70%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation{position:relative;z-index:2}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__horizontal{height:0}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__verticalScrollable_prevNav{z-index:1}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__verticalDefault{bottom:0;height:52px;left:0;position:absolute;width:100%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__verticalScrollableDefault{position:relative}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__bottom{height:auto}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation__bottomDefault{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button{border:0;cursor:pointer;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__default{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/accordion-chevron.svg) no-repeat;background-size:12px;transform:rotate(90deg)}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__default svg{display:none}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__disabled{opacity:.8}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__horizontalDefault{border-radius:3px;line-height:.78;padding:6px;position:absolute;top:25px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_bottomButton__horizontalDefault{margin:-10px 22px 30px;position:static}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_leftButton__horizontalDefault{left:20px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_rightButton__horizontalDefault{right:15px;transform:rotate(-90deg)}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_button__verticalDefault{background:#fff;box-shadow:0 0 5px 2px #0000001a;display:inline-block;height:100%;padding:5px;position:relative;text-align:center;width:50%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_nextButton__verticalDefault{border-left:0}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_nextButton__verticalScrollableDefault,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_prevButton__verticalScrollableDefault{width:100%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_svg__vertical{fill:#484848;height:42px;width:42px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .DayPickerNavigation_svg__disabled{fill:#f2f2f2}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarMonth{background:#0000}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarMonth_table{border-collapse:initial;border-spacing:5px 6px;padding-top:8px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__default{border:none;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:12px;font-weight:400;height:20px!important;line-height:16.39px;padding-top:2px;width:20px!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__hovered_span,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected_span{background:#e7eaff;position:relative}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__hovered_span:after,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected_span:after{background:#eceefd;bottom:0;content:"";left:-4px;position:absolute;right:-4px;top:0;z-index:-1}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__default:hover{background:#eceefd!important;border-radius:8px;color:#4259ee;outline:1px solid #b3bdf8}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected:active,.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__selected:hover{background:#4259ee!important;border:none;border-radius:8px;color:#fff}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .CalendarDay__blocked_out_of_range{color:#c3c8d4!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:10px 19px;position:relative}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container:before{background-color:#d4d4d4;content:"";height:1px;left:10px;position:absolute;top:0;width:95%}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container .dateRangePicker-footer-label-container{align-items:center;color:#60697d;display:flex;flex-direction:row;font-size:12px;font-weight:500;gap:4px;line-height:18px}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container .dateRangePicker-footer-label-container .dateRangePicker-footer-value{color:#0d152c;font-weight:600}.impact-dateRangePicker-dropdown-container .dateRangePicker-left-container .dateRangePicker-footer-container .dateRangePicker-buttons-right-container{align-items:center;display:flex;flex-direction:row;gap:8px}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container{padding:16px 8px;position:relative;width:100%;z-index:1}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container:before{background-color:#d4d4d4;content:"";height:85%;left:0;position:absolute;top:20px;width:1px}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container .dateRangePicker-shortcut-heading{color:#60697d;font-size:12px;font-weight:500;line-height:18px;margin-bottom:8px;text-align:center}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container .dateRangePicker-shortcut-list .ia-radioButton{margin:0!important}.impact-dateRangePicker-dropdown-container .dateRangePicker-show-range-main-container .dateRangePicker-shortcut-list .ia-radioButton .MuiTypography-root{font-size:12px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .DayPicker_weekHeader ul{padding-left:10px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .DayPickerNavigation_rightButton__horizontalDefault{right:3px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .DayPicker_weekHeader:after{left:20px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarMonth_table{left:10px;padding-top:4px;position:relative}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarMonth_table tbody{position:relative}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarMonth_table tbody:before{background-color:#d4d4d4;content:"";height:130px;left:-5px;position:absolute;top:0;width:1px;z-index:1}.impact-dateRangePicker-dropdown-container .showWeekNumbers .CalendarDayWeekNumber{border-right:none!important;color:#757575;display:none;display:block;font-family:Manrope,sans-serif;font-size:11px;font-weight:500;left:-30px;position:absolute;width:18px}.impact-dateRangePicker-dropdown-container .showWeekNumbers .suppress-click-on-week-number{pointer-events:none}.showRangeSelector{width:550px}.date-range-picker-show-month-year-select-container{align-items:center;display:flex;justify-content:space-between;left:20px;position:relative;top:-6px;width:150px;z-index:9999}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container{width:80px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-styled-dropdown-main-button{min-width:80px;width:80px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-styled-dropdown-main-button .ia-select-button-text-full-width{width:80px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-button-clear-icon{display:none}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-chevron-icon{display:none;margin-left:-50px;width:10px}.date-range-picker-show-month-year-select-container .date-range-picker-month-select-container .ia-select-button-text-span{width:60px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container{width:66px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-styled-dropdown-main-button{min-width:66px;width:66px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-styled-dropdown-main-button .ia-select-button-text-full-width{width:66px}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-button-clear-icon{display:none}.date-range-picker-show-month-year-select-container .date-range-picker-year-select-container .ia-select-chevron-icon{display:none;margin-left:-110px;width:10px}.date-range-picker-month-select-dropdown,.date-range-picker-year-select-dropdown{min-width:115px!important;width:115px!important;z-index:9999}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useState, useCallback, useEffect } from "react";
 import moment from "moment";
@@ -53,7 +53,8 @@ const DateRangePicker = forwardRef(
     customIcon,
     className,
     id,
-    "data-testid": dataTestId
+    "data-testid": dataTestId,
+    ...rest
   }, ref) => {
     const dateRangePickerMainContainerRef = useRef(null);
     const inputContainerRef = useRef(null);
@@ -120,9 +121,11 @@ const DateRangePicker = forwardRef(
       [handleFocusChange]
     );
     const handleRangeSelectorChange = useCallback((event) => {
+      setStartDate == null ? void 0 : setStartDate(startDate ?? null);
+      setEndDate == null ? void 0 : setEndDate(endDate ?? null);
       setSelectedRange(event.target.value);
       setFocusedInput("startDate");
-    }, []);
+    }, [setStartDate, setEndDate, startDate, endDate]);
     const handleClickOutside = useCallback(
       (event) => {
         const target = event.target;
@@ -313,7 +316,8 @@ const DateRangePicker = forwardRef(
                 withPortal,
                 onDatesChange,
                 onFocusChange,
-                onSecondaryButtonClick
+                onSecondaryButtonClick,
+                ...rest
               }
             )
           ] }),

package/dist/components/DateRangePicker/showMonthYearSelect.d.ts

@@ -0,0 +1,13 @@
+import { Moment } from 'moment';
+
+export interface DateRangePickerShowMonthYearSelectProps {
+    customYears?: {
+        label: string;
+        value: string;
+    }[];
+    month: Moment;
+    onMonthSelect: (month: Moment, value: string) => void;
+    onYearSelect: (month: Moment, value: string) => void;
+}
+export declare function ShowMonthYearSelect({ customYears, month, onMonthSelect, onYearSelect, }: DateRangePickerShowMonthYearSelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=showMonthYearSelect.d.ts.map

package/dist/components/DateRangePicker/showMonthYearSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"showMonthYearSelect.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/showMonthYearSelect.tsx"],"names":[],"mappings":"AACA,OAAe,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AAI7C,MAAM,WAAW,uCAAuC;IACtD,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtD;AAID,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,KAAK,EACL,aAAa,EACb,YAAY,GACb,EAAE,uCAAuC,2CAmFzC"}

package/dist/components/DateRangePicker/showMonthYearSelect.js

@@ -0,0 +1,94 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import moment from "moment";
+import { Select } from "../Select/index.js";
+const DEFAULT_YEARS_COUNT = 10;
+function ShowMonthYearSelect({
+  customYears,
+  month,
+  onMonthSelect,
+  onYearSelect
+}) {
+  const years = useMemo(() => {
+    if (customYears && customYears.length > 0) {
+      return customYears;
+    }
+    const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+    return Array.from({ length: DEFAULT_YEARS_COUNT }, (_, i) => {
+      const y = (currentYear - 5 + i).toString();
+      return { label: y, value: y };
+    });
+  }, [customYears]);
+  const months = useMemo(
+    () => moment.months().map((label, value) => ({
+      label,
+      value
+    })),
+    []
+  );
+  const [open1, setOpen1] = useState(false);
+  const [currentOptions1, setCurrentOptions1] = useState(months);
+  const [open2, setOpen2] = useState(false);
+  const [currentOptions2, setCurrentOptions2] = useState(years);
+  const selectedOptions1 = {
+    label: month.format("MMMM"),
+    value: month.month()
+  };
+  const selectedOptions2 = {
+    label: month.year().toString(),
+    value: month.year().toString()
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "date-range-picker-show-month-year-select-container", children: [
+    /* @__PURE__ */ jsx("div", { className: "date-range-picker-month-select-container", children: /* @__PURE__ */ jsx(
+      Select,
+      {
+        name: "year-select",
+        withPortal: true,
+        isWithSearch: true,
+        placeholder: "month",
+        dropDownPortalClassName: "date-range-picker-month-select-dropdown",
+        isOpen: open1,
+        setIsOpen: setOpen1,
+        currentOptions: currentOptions1,
+        setCurrentOptions: setCurrentOptions1,
+        initialOptions: months,
+        selectedOptions: selectedOptions1,
+        setSelectedOptions: () => {
+        },
+        handleChange: (val) => {
+          if (val && !Array.isArray(val)) {
+            onMonthSelect(month, String(val.value));
+          }
+        },
+        minWidth: "80px"
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "date-range-picker-year-select-container", children: /* @__PURE__ */ jsx(
+      Select,
+      {
+        name: "month-select",
+        placeholder: "year",
+        isWithSearch: true,
+        withPortal: true,
+        dropDownPortalClassName: "date-range-picker-year-select-dropdown",
+        isOpen: open2,
+        setIsOpen: setOpen2,
+        currentOptions: currentOptions2,
+        setCurrentOptions: setCurrentOptions2,
+        initialOptions: years,
+        selectedOptions: selectedOptions2,
+        setSelectedOptions: () => {
+        },
+        handleChange: (val) => {
+          if (val && !Array.isArray(val)) {
+            onYearSelect(month, String(val.value));
+          }
+        },
+        minWidth: "66px"
+      }
+    ) })
+  ] });
+}
+export {
+  ShowMonthYearSelect
+};