@northlight/ui 2.24.4 → 2.24.6

package/dist/es/northlight.d.ts

@@ -877,6 +877,7 @@ interface DateRangePickerProps extends Omit<AriaDateRangePickerProps<DateValue>,
     maxValue?: string | undefined;
     fiscalStartMonth?: number;
     fiscalStartDay?: number;
+    renderInPortal?: boolean;
 }
 interface DatePickerFieldProps extends Omit<InputProps, 'onChange'>, InputFieldProps {
     name: string;

package/dist/es/northlight.js

@@ -6895,15 +6895,16 @@ const getQuickSelectOptions = (state, locale, fiscalStartMonth, fiscalStartDay)
     },
     label: "Next Year"
   };
+  const offsetFiscalYear = thisDay.month < fiscalStartMonth || thisDay.month === fiscalStartMonth && thisDay.day < fiscalStartDay ? 1 : 0;
   const thisFiscalYear = {
     value: {
       start: startOfMonthWithDays(
-        startOfYear(thisDay),
+        startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
         { months: fiscalStartMonth, days: fiscalStartDay }
       ),
       end: endOfMonthWithDays(
-        startOfYear(thisDay),
-        { months: fiscalStartMonth + 11, days: fiscalStartDay }
+        startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+        { months: fiscalStartMonth + 12, days: fiscalStartDay }
       )
     },
     label: "This Fiscal Year"
@@ -6911,22 +6912,28 @@ const getQuickSelectOptions = (state, locale, fiscalStartMonth, fiscalStartDay)
   const lastFiscalYear = {
     value: {
       start: startOfMonthWithDays(
-        startOfYear(thisDay).subtract({ years: 1 }),
-        { months: fiscalStartMonth, days: fiscalStartDay - 1 }
+        startOfYear(thisDay).subtract({ years: offsetFiscalYear + 1 }),
+        {
+          months: fiscalStartMonth,
+          days: fiscalStartDay
+        }
       ),
       end: endOfMonthWithDays(
-        startOfYear(thisDay).subtract({ years: 1 }),
-        { months: fiscalStartMonth + 11, days: fiscalStartDay }
+        startOfYear(thisDay).subtract({ years: offsetFiscalYear + 1 }),
+        {
+          months: fiscalStartMonth + 12,
+          days: fiscalStartDay
+        }
       )
     },
     label: "Last Fiscal Year"
   };
   const yearToDate = {
     value: {
-      start: startOfMonthWithDays(
-        startOfYear(thisDay),
-        { months: fiscalStartMonth, days: fiscalStartDay }
-      ),
+      start: startOfMonthWithDays(startOfYear(thisDay), {
+        months: fiscalStartMonth,
+        days: fiscalStartDay
+      }),
       end: thisDay
     },
     label: "Year to Date"
@@ -6934,12 +6941,18 @@ const getQuickSelectOptions = (state, locale, fiscalStartMonth, fiscalStartDay)
   const F1 = {
     value: {
       start: startOfMonthWithDays(
-        startOfYear(thisDay),
-        { months: fiscalStartMonth, days: fiscalStartDay }
+        startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+        {
+          months: fiscalStartMonth,
+          days: fiscalStartDay
+        }
       ),
       end: endOfMonthWithDays(
-        startOfYear(thisDay),
-        { months: fiscalStartMonth + 3, days: fiscalStartDay }
+        startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+        {
+          months: fiscalStartMonth + 3,
+          days: fiscalStartDay
+        }
       )
     },
     label: fiscalStartMonth === 0 ? "Q1" : "FQ1"
@@ -6947,12 +6960,18 @@ const getQuickSelectOptions = (state, locale, fiscalStartMonth, fiscalStartDay)
   const F2 = {
     value: {
       start: startOfMonthWithDays(
-        startOfYear(thisDay),
-        { months: fiscalStartMonth + 3, days: fiscalStartDay }
+        startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+        {
+          months: fiscalStartMonth + 3,
+          days: fiscalStartDay
+        }
       ),
       end: endOfMonthWithDays(
-        startOfYear(thisDay),
-        { months: fiscalStartMonth + 6, days: fiscalStartDay }
+        startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+        {
+          months: fiscalStartMonth + 6,
+          days: fiscalStartDay
+        }
       )
     },
     label: fiscalStartMonth === 0 ? "Q2" : "FQ2"
@@ -6960,12 +6979,18 @@ const getQuickSelectOptions = (state, locale, fiscalStartMonth, fiscalStartDay)
   const F3 = {
     value: {
       start: startOfMonthWithDays(
-        startOfYear(thisDay),
-        { months: fiscalStartMonth + 6, days: fiscalStartDay }
+        startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+        {
+          months: fiscalStartMonth + 6,
+          days: fiscalStartDay
+        }
       ),
       end: endOfMonthWithDays(
-        startOfYear(thisDay),
-        { months: fiscalStartMonth + 9, days: fiscalStartDay }
+        startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+        {
+          months: fiscalStartMonth + 9,
+          days: fiscalStartDay
+        }
       )
     },
     label: fiscalStartMonth === 0 ? "Q3" : "FQ3"
@@ -6973,12 +6998,18 @@ const getQuickSelectOptions = (state, locale, fiscalStartMonth, fiscalStartDay)
   const F4 = {
     value: {
       start: startOfMonthWithDays(
-        startOfYear(thisDay),
-        { months: fiscalStartMonth + 9, days: fiscalStartDay }
+        startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+        {
+          months: fiscalStartMonth + 9,
+          days: fiscalStartDay
+        }
       ),
       end: endOfMonthWithDays(
-        startOfYear(thisDay),
-        { months: fiscalStartMonth + 12, days: fiscalStartDay }
+        startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+        {
+          months: fiscalStartMonth + 12,
+          days: fiscalStartDay
+        }
       )
     },
     label: fiscalStartMonth === 0 ? "Q4" : "FQ4"
@@ -7202,6 +7233,15 @@ const parseValue = (value) => {
     return null;
   return { start: parseDate(value.startDate), end: parseDate(value.endDate) };
 };
+const PortalWrapper = ({
+  renderInPortal,
+  children
+}) => {
+  if (renderInPortal) {
+    return /* @__PURE__ */ React.createElement(Portal, null, children);
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+};
 const DateRangePicker = (props) => {
   const {
     isDisabled,
@@ -7215,7 +7255,8 @@ const DateRangePicker = (props) => {
     onChange: onChangeCallback = identity,
     value,
     minValue = "1994-03-08",
-    maxValue
+    maxValue,
+    renderInPortal = false
   } = props;
   const ref = useRef();
   const { group } = useMultiStyleConfig("DatePicker");
@@ -7286,7 +7327,7 @@ const DateRangePicker = (props) => {
         icon: /* @__PURE__ */ React.createElement(Icon$1, { as: XCloseSolid })
       }
     ))),
-    /* @__PURE__ */ React.createElement(Portal, null, state.isOpen && /* @__PURE__ */ React.createElement(PopoverContent, __spreadProps$d(__spreadValues$1o({}, dialogProps), { ref, w: "max-content" }), /* @__PURE__ */ React.createElement(FocusScope, { contain: true, restoreFocus: true }, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(PortalWrapper, { renderInPortal }, state.isOpen && /* @__PURE__ */ React.createElement(PopoverContent, __spreadProps$d(__spreadValues$1o({}, dialogProps), { ref, w: "max-content" }), /* @__PURE__ */ React.createElement(FocusScope, { contain: true, restoreFocus: true }, /* @__PURE__ */ React.createElement(
       RangeCalendar,
       __spreadProps$d(__spreadValues$1o({}, calendarProps), {
         resetDate,