@synerise/ds-date-range-picker 2.1.1 → 2.1.3

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.1.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@2.1.2...@synerise/ds-date-range-picker@2.1.3) (2026-09-22)
+
+
+### Bug Fixes
+
+* **core:** move test helpers to a ./testing subpath export ([b38cd82](https://github.com/Synerise/synerise-design/commit/b38cd82c956111d2331d5c1e0efd1935366f1139))
+
+
+
+
+
+## [2.1.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@2.1.1...@synerise/ds-date-range-picker@2.1.2) (2026-09-18)
+
+**Note:** Version bump only for package @synerise/ds-date-range-picker
+
+
+
+
+
 ## [2.1.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@2.1.0...@synerise/ds-date-range-picker@2.1.1) (2026-09-16)
 
 **Note:** Version bump only for package @synerise/ds-date-range-picker

package/dist/DateRangePicker.js

@@ -3,10 +3,10 @@ import isEqual from "lodash.isequal";
 import { forwardRef, useState, useMemo, useEffect, useCallback } from "react";
 import { useIntl } from "react-intl";
 import { getPlacement, Popover, PopoverContent } from "@synerise/ds-popover";
+import { POPOVER_SHIFT_CONFIG, POPOVER_FLIP_CONFIG, POPOVER_OFFSET_CONFIG } from "./constants.js";
 import { PickerWrapper, DateRangePickerOverlay, PickerTrigger } from "./DateRangePicker.styles.js";
 import RangePickerInput from "./RangePickerInput/RangePickerInput.js";
 import { RawDateRangePicker } from "./RawDateRangePicker.js";
-import { POPOVER_SHIFT_CONFIG, POPOVER_FLIP_CONFIG, POPOVER_OFFSET_CONFIG } from "./constants.js";
 import { getDefaultTexts } from "./utils.js";
 const DateRangePicker = forwardRef((props, forwardedRef) => {
   const {

package/dist/DateRangePicker.types.d.ts

@@ -2,13 +2,13 @@ import { ReactNode } from 'react';
 import { IntlShape } from 'react-intl';
 import { DateToFormatOptions } from '@synerise/ds-core';
 import { LegacyPlacement, PopoverProps } from '@synerise/ds-popover';
+import { DateFilter, DateRange, DateRangePreset, RelativeUnits } from './date.types';
 import { Props as FooterProps } from './Footer/Footer.types';
+import { RangeFilterType } from './RangeFilter/constants';
 import { FilterDefinition } from './RangeFilter/RangeFilter.types';
 import { SavedFilter } from './RangeFilter/Shared/FilterDropdown/FilterDropdown.types';
 import { DateLimitMode, RangeDisplayMode } from './RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.types';
-import { RangeFilterType } from './RangeFilter/constants';
 import { RangePickerInputProps } from './RangePickerInput/RangePickerInput.types';
-import { DateFilter, DateRange, DateRangePreset, RelativeUnits } from './date.types';
 export type DateRangePickerProps = {
     /**
      * @deprecated use `valueFormatOptions` instead

package/dist/Footer/Footer.js

@@ -5,8 +5,8 @@ import Button from "@synerise/ds-button";
 import { useDataFormat, getDefaultDataTimeOptions } from "@synerise/ds-core";
 import Icon, { ArrowRightS } from "@synerise/ds-icon";
 import Tooltip from "@synerise/ds-tooltip";
-import { isLifetime } from "../RelativeRangePicker/Elements/RangeDropdown/RangeDropdown.js";
 import { ALL_TIME } from "../constants.js";
+import { isLifetime } from "../RelativeRangePicker/Elements/RangeDropdown/RangeDropdown.js";
 import { ChosenRange, InvisibleTextContent, Container, ActionsPlaceholder, Actions } from "./Footer.styles.js";
 const Footer = ({
   canApply,
@@ -41,10 +41,10 @@ const Footer = ({
       return /* @__PURE__ */ jsx(ChosenRange, { className: "ds-date-range-picker-value", children: value?.translationKey ? texts[value.translationKey] ?? value.translationKey : value?.key || "LIFETIME" });
     }
     return /* @__PURE__ */ jsxs(ChosenRange, { className: displayDateContainerClass, children: [
-      !!value && !!value.from ? footerDateToString(value?.from) : texts.startDatePlaceholder,
+      value && value.from ? footerDateToString(value?.from) : texts.startDatePlaceholder,
       /* @__PURE__ */ jsx(InvisibleTextContent, { children: " – " }),
       /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(ArrowRightS, {}) }),
-      !!value && !!value.to ? footerDateToString(value?.to) : texts.endDatePlaceholder
+      value && value.to ? footerDateToString(value?.to) : texts.endDatePlaceholder
     ] });
   }, [value, texts, displayDateContainerClass, footerDateToString]);
   return /* @__PURE__ */ jsxs(Container, { className: "ds-date-range-picker-footer", ...rest, children: [

package/dist/RangeFilter/Filters/MonthlyFilter/MonthlyFilter.js

@@ -7,8 +7,8 @@ import { theme } from "@synerise/ds-core";
 import { ContentItem } from "@synerise/ds-manageable-list";
 import Tag, { TagShape } from "@synerise/ds-tag";
 import { getDefaultTexts } from "../../../utils.js";
-import TimeWindow from "../../Shared/TimeWindow/TimeWindow.js";
 import { defaultId, DEFAULT_DAYS_OF_PERIODS, DEFAULT_COUNTED_FROM, MONTH_DAYS, DAYS_OF_PERIOD_ENUM, COUNTED_FROM_ENUM, SPACE_UNICODE } from "../../constants.js";
+import TimeWindow from "../../Shared/TimeWindow/TimeWindow.js";
 import { PeriodMode, Select, MonthlyFilterWrapper, ContentWrapper, DropdownHeader, DropdownLabel, AddContainer } from "./MonthlyFilter.styles.js";
 const _MonthlyFilter = class _MonthlyFilter extends PureComponent {
   constructor() {
@@ -280,7 +280,7 @@ const _MonthlyFilter = class _MonthlyFilter extends PureComponent {
         tag: /* @__PURE__ */ jsx(Tag, { name: String(key + 1), shape: TagShape.SINGLE_CHARACTER_ROUND, color: theme.palette["grey-100"], textColor: theme.palette["grey-500"] }),
         canDelete: !disabled && deletableDueToEntriesLimit(key),
         id: item.id,
-        // @ts-ignore
+        // @ts-expect-error
         name: /* @__PURE__ */ jsxs(DropdownHeader, { onClick: (event) => event.stopPropagation(), className: visible[item.id] ? "dropdown-header-visible" : "dropdown-header", children: [
           /* @__PURE__ */ jsxs(DropdownLabel, { children: [
             allTexts.daysOf,

package/dist/RangeFilter/Filters/MonthlyFilter/MonthlyFilter.types.d.ts

@@ -1,10 +1,10 @@
 import { IntlShape } from 'react-intl';
 import { TimePickerProps } from '@synerise/ds-time-picker';
 import { WithTranslations } from '../../../DateRangePicker.types';
+import { COUNTED_FROM_ENUM, DAYS_OF_PERIOD_ENUM } from '../../constants';
 import { DenormalizedFilter, FilterDefinition, MonthlySelectValue, WithDisabledProp } from '../../RangeFilter.types';
 import { DateLimitMode, RangeDisplayMode } from '../../Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.types';
 import { RangeActions } from '../../Shared/TimeWindow/TimeWindow.types';
-import { COUNTED_FROM_ENUM, DAYS_OF_PERIOD_ENUM } from '../../constants';
 export type MonthlyFilterProps = {
     maxEntries?: number;
     value: Month[];

package/dist/RangeFilter/Filters/new/Daily/Daily.js

@@ -54,7 +54,7 @@ const Daily = ({
     onChange([...updatedSchedule]);
   }, [value, onChange]);
   const getDayValue = useCallback((index) => {
-    if (typeof index === "number" && !!value[index]) {
+    if (typeof index === "number" && value[index]) {
       return value[index];
     }
     return defaultDayValue;

package/dist/RangeFilter/Filters/new/Monthly/Monthly.js

@@ -5,6 +5,7 @@ import { useIntl } from "react-intl";
 import { v4 } from "uuid";
 import { useDataFormat } from "@synerise/ds-core";
 import { getDefaultTexts } from "../../../../utils.js";
+import { DAYS_OF_PERIOD_ENUM, MONTHLY_SCHEDULER_INTL_KEYS_WEEKDAYS_LONG, MONTHLY_SCHEDULER_INTL_KEYS_NTH_WEEK, MONTHLY_SCHEDULER_INTL_KEYS_WEEKDAYS_SHORT, MONTH_DAYS, COUNTED_FROM_ENUM } from "../../../constants.js";
 import { NewFilterContainer } from "../../../RangeFilter.styles.js";
 import AddButton from "../../../Shared/AddButton/AddButton.js";
 import "@synerise/ds-button";
@@ -20,11 +21,10 @@ import "@synerise/ds-input";
 import SelectionCount from "../../../Shared/SelectionCount/SelectionCount.js";
 import SelectionHint from "../../../Shared/SelectionHint/SelectionHint.js";
 import "../../../Shared/TimeWindow/TimeWindow.js";
+import { US_NOTATION_WEEK_DAYS_INDEXES } from "../../../Shared/TimeWindow/constants/timeWindow.constants.js";
 import Day from "../../../Shared/TimeWindow/Day/Day.js";
 import Grid from "../../../Shared/TimeWindow/Grid/Grid.js";
 import RangeFormContainer from "../../../Shared/TimeWindow/RangeFormContainer/RangeFormContainer.js";
-import { US_NOTATION_WEEK_DAYS_INDEXES } from "../../../Shared/TimeWindow/constants/timeWindow.constants.js";
-import { DAYS_OF_PERIOD_ENUM, MONTHLY_SCHEDULER_INTL_KEYS_WEEKDAYS_LONG, MONTHLY_SCHEDULER_INTL_KEYS_NTH_WEEK, MONTHLY_SCHEDULER_INTL_KEYS_WEEKDAYS_SHORT, MONTH_DAYS, COUNTED_FROM_ENUM } from "../../../constants.js";
 import { DEFAULT_RANGE_END, DEFAULT_RANGE_START, NOOP, DEFAULT_TIME_FORMAT, EMPTY_OBJECT, DEFAULT_MAX_ENTRIES, RENDER_EMPTY_NODE_FN } from "../constants.js";
 import { useShiftAndControlKeys } from "../hooks/useShiftAndControlKeys.js";
 import { range, haveActiveDaysCommonRange, canAddAnotherRange } from "./utils.js";
@@ -135,7 +135,7 @@ const Monthly = ({
     onChange(updatedSchedule);
   }, [value, onChange]);
   const getDayValue = useCallback((dayKey, guid) => {
-    if (typeof dayKey === "number" && value[guid] && !!value[guid][dayKey]) {
+    if (typeof dayKey === "number" && value[guid] && value[guid][dayKey]) {
       return value[guid][dayKey];
     }
     return defaultDayValue;

package/dist/RangeFilter/Filters/new/Monthly/Monthly.types.d.ts

@@ -1,9 +1,9 @@
 import { Texts } from '../../../../DateRangePicker.types';
+import { COUNTED_FROM_ENUM, DAYS_OF_PERIOD_ENUM } from '../../../constants';
 import { WithDisabledProp } from '../../../RangeFilter.types';
 import { DateLimitMode } from '../../../Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.types';
 import { FilterErrorType } from '../../../Shared/TimeWindow/RangeFormContainer/RangeFormContainer.types';
 import { DayOptions } from '../../../Shared/TimeWindow/TimeWindow.types';
-import { COUNTED_FROM_ENUM, DAYS_OF_PERIOD_ENUM } from '../../../constants';
 import { FilterBaseProps } from '../Filters.types';
 export type MonthlyScheduleDayValue = DayOptions & {
     mode: DateLimitMode;

package/dist/RangeFilter/Filters/new/Weekly/Weekly.js

@@ -20,10 +20,10 @@ import "@synerise/ds-input";
 import SelectionCount from "../../../Shared/SelectionCount/SelectionCount.js";
 import SelectionHint from "../../../Shared/SelectionHint/SelectionHint.js";
 import "../../../Shared/TimeWindow/TimeWindow.js";
+import { US_NOTATION_WEEK_DAYS_INDEXES, EU_NOTATION_WEEK_DAYS_INDEXES } from "../../../Shared/TimeWindow/constants/timeWindow.constants.js";
 import Day from "../../../Shared/TimeWindow/Day/Day.js";
 import Grid from "../../../Shared/TimeWindow/Grid/Grid.js";
 import RangeFormContainer from "../../../Shared/TimeWindow/RangeFormContainer/RangeFormContainer.js";
-import { US_NOTATION_WEEK_DAYS_INDEXES, EU_NOTATION_WEEK_DAYS_INDEXES } from "../../../Shared/TimeWindow/constants/timeWindow.constants.js";
 import { DEFAULT_RANGE_END, DEFAULT_RANGE_START, DEFAULT_TIME_FORMAT, NOOP, EMPTY_OBJECT, DEFAULT_MAX_ENTRIES, RENDER_EMPTY_NODE_FN } from "../constants.js";
 import { useShiftAndControlKeys } from "../hooks/useShiftAndControlKeys.js";
 import { removeEmptyEntries, haveActiveDaysCommonRange, range, canAddAnotherRange } from "./utils.js";
@@ -94,7 +94,7 @@ const Weekly = ({
     onChange(updatedSchedule);
   }, [value, onChange]);
   const getDayValue = useCallback((dayKey, guid) => {
-    if (typeof dayKey === "number" && value[guid] && !!value[guid][dayKey]) {
+    if (typeof dayKey === "number" && value[guid] && value[guid][dayKey]) {
       return value[guid][dayKey];
     }
     return defaultDayValue;

package/dist/RangeFilter/RangeFilter.js

@@ -6,10 +6,10 @@ import { v4 } from "uuid";
 import Button from "@synerise/ds-button";
 import ButtonGroup from "@synerise/ds-button-group";
 import { getDefaultTexts } from "../utils.js";
+import { TYPES_DATA, TYPES } from "./constants.js";
 import { Container, Header, Title, Body, MainComponentWrapper, Footer, FooterSeparator } from "./RangeFilter.styles.js";
 import FilterDropdown from "./Shared/FilterDropdown/FilterDropdown.js";
 import SaveFilterForm from "./Shared/SaveFilterForm/SaveFilterForm.js";
-import { TYPES_DATA, TYPES } from "./constants.js";
 import { normalizeValue, addSuffixToDuplicate, denormalizeValue, isValidValue } from "./utils.js";
 const _RangeFilter = class _RangeFilter extends React.PureComponent {
   constructor(props) {

package/dist/RangeFilter/RangeFilter.types.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
 import { IntlShape } from 'react-intl';
 import { DateRangePickerProps, Texts } from '../DateRangePicker.types';
+import { COUNTED_FROM_ENUM, DAYS_OF_PERIOD_ENUM, RangeFilterType } from './constants';
 import { SavedFilter } from './Shared/FilterDropdown/FilterDropdown.types';
 import { DateLimitMode, RangeDisplayMode } from './Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.types';
-import { COUNTED_FROM_ENUM, DAYS_OF_PERIOD_ENUM, RangeFilterType } from './constants';
 export type FilterValue<T = FilterDefinition> = {
     definition?: Partial<T>;
     type: string;

package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.utils.js

@@ -1,6 +1,6 @@
 import dayjs from "dayjs";
-import END_OF from "../../../../../dateUtils/endOf.js";
-import START_OF from "../../../../../dateUtils/startOf.js";
+import endOf from "../../../../../dateUtils/endOf.js";
+import startOf from "../../../../../dateUtils/startOf.js";
 const numberToDate = (number, max, isRangeStart) => {
   if (number === max) {
     return dayjs().endOf("day").toDate();
@@ -8,7 +8,7 @@ const numberToDate = (number, max, isRangeStart) => {
   const hours = Math.floor(number);
   const minutes = 60 * (number % 1);
   const result = dayjs().hour(hours).minute(minutes).toDate();
-  return isRangeStart ? START_OF.MINUTES(result) : END_OF.MINUTES(result);
+  return isRangeStart ? startOf.MINUTES(result) : endOf.MINUTES(result);
 };
 const dateToNumber = (date) => {
   const integer = date.getHours();

package/dist/RangeFilter/Shared/TimeWindow/TimeWindow.js

@@ -2,17 +2,17 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import dayjs from "dayjs";
 import range from "lodash.range";
 import { PureComponent, createRef } from "react";
-import { injectIntl, FormattedMessage } from "react-intl";
+import { FormattedMessage, injectIntl } from "react-intl";
 import { withDataFormat } from "@synerise/ds-core";
 import { DEFAULT_RANGE_END, DEFAULT_RANGE_START, TIME_FORMAT } from "../../constants.js";
 import AddButton from "../AddButton/AddButton.js";
 import SelectionCount from "../SelectionCount/SelectionCount.js";
 import SelectionHint from "../SelectionHint/SelectionHint.js";
+import { EU_NOTATION_WEEK_DAYS_INDEXES, EU_NOTATION_MONTH_DAYS_INDEXES, US_NOTATION_WEEK_DAYS_INDEXES, US_NOTATION_MONTH_DAYS_INDEXES } from "./constants/timeWindow.constants.js";
 import Day from "./Day/Day.js";
 import Grid from "./Grid/Grid.js";
 import RangeFormContainer from "./RangeFormContainer/RangeFormContainer.js";
 import { TimeWindowContainer, AddButtonWrapper } from "./TimeWindow.styles.js";
-import { EU_NOTATION_WEEK_DAYS_INDEXES, EU_NOTATION_MONTH_DAYS_INDEXES, US_NOTATION_WEEK_DAYS_INDEXES, US_NOTATION_MONTH_DAYS_INDEXES } from "./constants/timeWindow.constants.js";
 import { getDateFromDayValue } from "./utils.js";
 const DEFAULT_LIMIT_MODE = "Range";
 const _TimeWindowBase = class _TimeWindowBase extends PureComponent {

package/dist/RangeFilter/utils.js

@@ -33,7 +33,7 @@ const denormMapTimeSchema = (item) => {
 const normalizeValue = ({
   type,
   definition
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  // biome-ignore lint/suspicious/noExplicitAny: upstream type is not expressible here
 }) => {
   const result = {
     type,
@@ -62,7 +62,7 @@ const normalizeValue = ({
           rules.push({
             weeks: Object.entries(groupBy(days, "week")).map(([week, daysArray]) => ({
               week: +week + 1,
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              // biome-ignore lint/suspicious/noExplicitAny: upstream type is not expressible here
               days: daysArray.map((day) => {
                 const dayOfWeek = (day.day - 1) % 7 + 1;
                 return {
@@ -114,7 +114,7 @@ const createWeeklyRange = (days) => range(0, 8).reduce((acc, i) => {
   } : acc;
 }, {});
 const createMonthlyWeekDayRange = (rules) => (
-  // eslint-disable-next-line @typescript-eslint/no-empty-object-type
+  // biome-ignore lint/complexity/noBannedTypes: intentional empty shape
   range(0, 7 * 5 + 1).reduce((acc, i) => {
     const weekStartIndex = Math.floor(i / 7);
     const week = weekStartIndex;
@@ -143,7 +143,7 @@ const createMonthlyWeekDayRange = (rules) => (
   }, {})
 );
 const createMonthlyDayRange = (rules) => (
-  // eslint-disable-next-line @typescript-eslint/no-empty-object-type
+  // biome-ignore lint/complexity/noBannedTypes: intentional empty shape
   range(0, 32).reduce((acc, i) => {
     const day = rules.days && rules.days.find((d) => d.day === i);
     return day ? {
@@ -168,7 +168,7 @@ const denormalizers = {
       period: value.type,
       id: Math.random(),
       periodType: value.inverted ? COUNTED_FROM_ENUM.ENDING : COUNTED_FROM_ENUM.BEGINNING,
-      // @ts-ignore
+      // @ts-expect-error
       definition: monthlyDenormalizers[value.type](value)
     }));
   }

package/dist/RangePicker/RangePicker.js

@@ -6,11 +6,11 @@ import { YearPicker, MonthPicker, fnsDifferenceInYears, DayPicker, localeUtils,
 import { DayBackground, DayText, DayForeground } from "@synerise/ds-date-picker/dist/Elements/DayPicker/DayPicker.styles";
 import Icon, { CalendarM, ClockM } from "@synerise/ds-icon";
 import Tooltip from "@synerise/ds-tooltip";
-import { Range } from "../RelativeRangePicker/RelativeRangePicker.styles.js";
 import { ABSOLUTE, COLUMNS, MODES } from "../constants.js";
 import ADD from "../dateUtils/add.js";
 import getDateFromString from "../dateUtils/getDateFromString.js";
 import toDateValue from "../dateUtils/toDateValue.js";
+import { Range } from "../RelativeRangePicker/RelativeRangePicker.styles.js";
 import { Sides, Side, PickerFooter, FooterSeparator, DateTimeModeSwitch } from "./RangePicker.styles.js";
 import { getModifiers, getDisabledTimeOptions, getSidesState } from "./utils.js";
 const isDayBefore = (day, reference) => isBefore(startOfDay(day), startOfDay(reference));

package/dist/RangePicker/utils.js

@@ -110,8 +110,8 @@ const getModifiers = (from, to, enteredTo) => {
     start: toDateValue(enteredStart),
     end: toDateValue(enteredEnd)
   }) : enteredTo;
-  const startModifier = isSelecting && !!enteredTo && !!from && enteredTo < from ? void 0 : from;
-  const endModifier = isSelecting && !!enteredTo && !!from && enteredTo < from ? from : to;
+  const startModifier = isSelecting && enteredTo && from && enteredTo < from ? void 0 : from;
+  const endModifier = isSelecting && enteredTo && from && enteredTo < from ? from : to;
   return {
     start: toDate(startModifier),
     end: toDate(endModifier),

package/dist/RawDateRangePicker.js

@@ -5,16 +5,16 @@ import omitBy from "lodash.omitby";
 import { useState, useEffect, useMemo, useCallback } from "react";
 import { useIntl } from "react-intl";
 import AddonCollapse from "./AddonCollapse/AddonCollapse.js";
+import { MODES, ALL_TIME, RELATIVE, ABSOLUTE, RELATIVE_PRESETS, ABSOLUTE_PRESETS, CUSTOM_RANGE_KEY } from "./constants.js";
 import { Container, Separator, Addon, DateRangePickerWrapper } from "./DateRangePicker.styles.js";
+import relativeToAbsolute from "./dateUtils/relativeToAbsolute.js";
+import toDateValue from "./dateUtils/toDateValue.js";
 import Footer from "./Footer/Footer.js";
 import RangeFilter from "./RangeFilter/RangeFilter.js";
 import RangeFilterStatus from "./RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.js";
 import RangePicker from "./RangePicker/RangePicker.js";
 import { isLifetime } from "./RelativeRangePicker/Elements/RangeDropdown/RangeDropdown.js";
 import RelativeRangePicker from "./RelativeRangePicker/RelativeRangePicker.js";
-import { MODES, ALL_TIME, RELATIVE, ABSOLUTE, RELATIVE_PRESETS, ABSOLUTE_PRESETS, CUSTOM_RANGE_KEY } from "./constants.js";
-import relativeToAbsolute from "./dateUtils/relativeToAbsolute.js";
-import toDateValue from "./dateUtils/toDateValue.js";
 import { normalizeRange, getDefaultTexts } from "./utils.js";
 import { toIsoString } from "@synerise/ds-core";
 const isRelative = (dateRange) => {
@@ -215,7 +215,7 @@ const RawDateRangePicker = ({
   }, [localValue]);
   const addons = useMemo(() => {
     const result = [];
-    if (showRelativePicker && !!relativeModes && relativeModes?.length > 0) {
+    if (showRelativePicker && relativeModes && relativeModes?.length > 0) {
       const addonKey = "relative-picker";
       const rangeTranslationKey = localValue?.translationKey;
       result.push({

package/dist/RelativeRangePicker/Elements/RangeButtons/RangeButtons.js

@@ -1,9 +1,9 @@
 import { jsx, Fragment } from "react/jsx-runtime";
-import { findMatchingPreset } from "../../utils/findMatchingPreset.utils.js";
-import "../../utils/setFuture.utils.js";
 import { ALL_TIME } from "../../../constants.js";
+import { findMatchingPreset } from "../../utils/findMatchingPreset.utils.js";
 import "ramda/src/lensPath";
 import "ramda/src/set";
+import "../../utils/setFuture.utils.js";
 import { Range } from "../../RelativeRangePicker.styles.js";
 import { isLifetime } from "../RangeDropdown/RangeDropdown.js";
 const RangeButtons = ({

package/dist/RelativeRangePicker/Elements/RangeDropdown/RangeDropdown.js

@@ -8,10 +8,10 @@ import Scrollbar from "@synerise/ds-scrollbar";
 import { useOnClickOutside } from "@synerise/ds-utils";
 import { ALL_TIME } from "../../../constants.js";
 import { OverlayWrapper, DropMenu, DropMenuItem, DropdownContainer, Range } from "../../RelativeRangePicker.styles.js";
-import "../../utils/setFuture.utils.js";
+import { findRangeByKey } from "../../utils/findRangeByKey.utils.js";
 import "ramda/src/lensPath";
 import "ramda/src/set";
-import { findRangeByKey } from "../../utils/findRangeByKey.utils.js";
+import "../../utils/setFuture.utils.js";
 const MAX_ITEMS_COUNT = 7;
 const ITEMS_HEIGHT = 32;
 const DROPDOWN_WIDTH = 160;

package/dist/RelativeRangePicker/RelativeRangePicker.js

@@ -10,12 +10,12 @@ import RangeButtons from "./Elements/RangeButtons/RangeButtons.js";
 import RangeDropdown from "./Elements/RangeDropdown/RangeDropdown.js";
 import { Container, Ranges, Range } from "./RelativeRangePicker.styles.js";
 import { findMatchingPreset } from "./utils/findMatchingPreset.utils.js";
-import { setFuture } from "./utils/setFuture.utils.js";
-import { updatePresetKey } from "./utils/updatePresetKey.utils.js";
+import { getCurrentGroupFromProps } from "./utils/getCurrentGroupFromProps.utils.js";
+import { getDefaultCustomRange } from "./utils/getDefaultCustomRange.utils.js";
 import { setDurationValue } from "./utils/setDurationValue.utils.js";
+import { setFuture } from "./utils/setFuture.utils.js";
 import { setOffsetValue } from "./utils/setOffsetValue.utils.js";
-import { getDefaultCustomRange } from "./utils/getDefaultCustomRange.utils.js";
-import { getCurrentGroupFromProps } from "./utils/getCurrentGroupFromProps.utils.js";
+import { updatePresetKey } from "./utils/updatePresetKey.utils.js";
 const _RelativeRangePicker = class _RelativeRangePicker extends React.PureComponent {
   constructor(props) {
     super(props);

package/dist/RelativeRangePicker/utils/getCurrentGroupFromProps.utils.js

@@ -1,7 +1,7 @@
 function getCurrentGroupFromProps({
   relativeModes
 }) {
-  if (!!relativeModes && relativeModes?.length > 0) {
+  if (relativeModes && relativeModes?.length > 0) {
     return relativeModes[0];
   }
   return null;

package/dist/RelativeRangePicker/utils/index.d.ts

@@ -1,9 +1,9 @@
 export { findMatchingPreset } from './findMatchingPreset.utils';
-export { setFuture } from './setFuture.utils';
-export { updatePresetKey } from './updatePresetKey.utils';
-export { setDurationValue } from './setDurationValue.utils';
-export { setOffsetValue } from './setOffsetValue.utils';
-export { getDefaultCustomRange } from './getDefaultCustomRange.utils';
+export { findRangeByKey } from './findRangeByKey.utils';
 export { getCurrentGroupFromProps } from './getCurrentGroupFromProps.utils';
+export { getDefaultCustomRange } from './getDefaultCustomRange.utils';
 export { isAbsolute } from './isAbsolute.utils';
-export { findRangeByKey } from './findRangeByKey.utils';
+export { setDurationValue } from './setDurationValue.utils';
+export { setFuture } from './setFuture.utils';
+export { setOffsetValue } from './setOffsetValue.utils';
+export { updatePresetKey } from './updatePresetKey.utils';

package/dist/RelativeRangePicker/utils/index.js

@@ -1,12 +1,12 @@
 import { findMatchingPreset } from "./findMatchingPreset.utils.js";
-import { setFuture } from "./setFuture.utils.js";
-import { updatePresetKey } from "./updatePresetKey.utils.js";
-import { setDurationValue } from "./setDurationValue.utils.js";
-import { setOffsetValue } from "./setOffsetValue.utils.js";
-import { getDefaultCustomRange } from "./getDefaultCustomRange.utils.js";
+import { findRangeByKey } from "./findRangeByKey.utils.js";
 import { getCurrentGroupFromProps } from "./getCurrentGroupFromProps.utils.js";
+import { getDefaultCustomRange } from "./getDefaultCustomRange.utils.js";
 import { isAbsolute } from "./isAbsolute.utils.js";
-import { findRangeByKey } from "./findRangeByKey.utils.js";
+import { setDurationValue } from "./setDurationValue.utils.js";
+import { setFuture } from "./setFuture.utils.js";
+import { setOffsetValue } from "./setOffsetValue.utils.js";
+import { updatePresetKey } from "./updatePresetKey.utils.js";
 export {
   findMatchingPreset,
   findRangeByKey,

package/dist/dateUtils/endOf.js

@@ -1,5 +1,5 @@
 import { endOfYear, endOfMonth, endOfISOWeek, endOfDay, endOfSecond, endOfMinute, endOfHour } from "date-fns";
-const END_OF = {
+const endOf = {
   HOURS: endOfHour,
   MINUTES: endOfMinute,
   SECONDS: endOfSecond,
@@ -9,5 +9,5 @@ const END_OF = {
   YEARS: endOfYear
 };
 export {
-  END_OF as default
+  endOf as default
 };

package/dist/dateUtils/relativeToAbsolute.js

@@ -1,7 +1,7 @@
 import { min, max } from "date-fns";
 import ADD from "./add.js";
-import END_OF from "./endOf.js";
-import START_OF from "./startOf.js";
+import endOf from "./endOf.js";
+import startOf from "./startOf.js";
 import toDateValue from "./toDateValue.js";
 const relativeToAbsolute = (range) => {
   const {
@@ -15,20 +15,20 @@ const relativeToAbsolute = (range) => {
   if (future) {
     left = toDateValue(
       // @ts-expect-error - requires type refactor
-      ADD[offset.type](START_OF[offset.type](now), offset.value)
+      ADD[offset.type](startOf[offset.type](now), offset.value)
     );
     right = toDateValue(
       // @ts-expect-error - requires type refactor
-      ADD[duration.type](END_OF[duration.type](left), duration.value - 1)
+      ADD[duration.type](endOf[duration.type](left), duration.value - 1)
     );
   } else {
     right = toDateValue(
       // @ts-expect-error - requires type refactor
-      ADD[offset.type](END_OF[offset.type](now), -offset.value)
+      ADD[offset.type](endOf[offset.type](now), -offset.value)
     );
     left = toDateValue(
       // @ts-expect-error - requires type refactor
-      ADD[duration.type](START_OF[duration.type](right), 1 - duration.value)
+      ADD[duration.type](startOf[duration.type](right), 1 - duration.value)
     );
   }
   const from = min([left, right]);

package/dist/dateUtils/startOf.js

@@ -1,5 +1,5 @@
 import { startOfYear, startOfMonth, startOfISOWeek, startOfDay, startOfSecond, startOfMinute, startOfHour } from "date-fns";
-const START_OF = {
+const startOf = {
   HOURS: startOfHour,
   MINUTES: startOfMinute,
   SECONDS: startOfSecond,
@@ -9,5 +9,5 @@ const START_OF = {
   YEARS: startOfYear
 };
 export {
-  START_OF as default
+  startOf as default
 };

package/dist/fns.d.ts

@@ -1,21 +1,2 @@
 import { addDays as fnsAddDays, addHours as fnsAddHours, addMinutes as fnsAddMinutes, addMonths as fnsAddMonths, addSeconds as fnsAddSeconds, addWeeks as fnsAddWeeks, addYears as fnsAddYears, endOfDay as fnsEndOfDay, endOfMonth as fnsEndOfMonth, format as fnsFormat, getYear as fnsGetYear, isAfter as fnsIsAfter, isBefore as fnsIsBefore, isSameMonth as fnsIsSameMonth, isSameYear as fnsIsSameYear, setDate as fnsSetDate, setMonth as fnsSetMonth, setYear as fnsSetYear, startOfDay as fnsStartOfDay, startOfMonth as fnsStartOfMonth } from 'date-fns';
-export { fnsAddSeconds };
-export { fnsAddMinutes };
-export { fnsAddWeeks };
-export { fnsAddHours };
-export { fnsAddDays };
-export { fnsStartOfMonth };
-export { fnsSetDate };
-export { fnsSetMonth };
-export { fnsSetYear };
-export { fnsStartOfDay };
-export { fnsEndOfDay };
-export { fnsAddYears };
-export { fnsEndOfMonth };
-export { fnsIsSameMonth };
-export { fnsIsBefore };
-export { fnsIsAfter };
-export { fnsAddMonths };
-export { fnsFormat };
-export { fnsIsSameYear };
-export { fnsGetYear };
+export { fnsAddDays, fnsAddHours, fnsAddMinutes, fnsAddMonths, fnsAddSeconds, fnsAddWeeks, fnsAddYears, fnsEndOfDay, fnsEndOfMonth, fnsFormat, fnsGetYear, fnsIsAfter, fnsIsBefore, fnsIsSameMonth, fnsIsSameYear, fnsSetDate, fnsSetMonth, fnsSetYear, fnsStartOfDay, fnsStartOfMonth, };

package/dist/index.d.ts

@@ -1,14 +1,14 @@
+export * as CONST from './constants';
+export { default } from './DateRangePicker';
+export type { DateRangePickerProps, Texts as DateRangePickerTexts, } from './DateRangePicker.types';
+export type { AbsoluteDateRange, AbsoluteDateRangePreset, DateFilter, DateRange, DateRangePreset, RelativeDateRange, RelativeDateRangePreset, RelativeUnits, } from './date.types';
+export { fnsFormat } from './fns';
+export { DEFAULT_RANGE_END, DEFAULT_RANGE_START, } from './RangeFilter/constants';
+export { default as MonthlyDateFilter } from './RangeFilter/Filters/MonthlyFilter/MonthlyFilter';
 export { default as DailyDateFilter } from './RangeFilter/Filters/new/Daily/Daily';
 export { default as WeeklyDateFilter } from './RangeFilter/Filters/new/Weekly/Weekly';
-export { default as MonthlyDateFilter } from './RangeFilter/Filters/MonthlyFilter/MonthlyFilter';
+export type { DayOfWeekIndex, WeeklyProps, WeeklySchedule, WeeklyScheduleDayValue, } from './RangeFilter/Filters/new/Weekly/Weekly.types';
 export { default as TimeWindow } from './RangeFilter/Shared/TimeWindow/TimeWindow';
+export { getDisabledTimeOptions } from './RangePicker/utils';
 export { RawDateRangePicker } from './RawDateRangePicker';
 export * as utils from './utils';
-export * as CONST from './constants';
-export { default } from './DateRangePicker';
-export { fnsFormat } from './fns';
-export type { WeeklyProps, WeeklyScheduleDayValue, WeeklySchedule, DayOfWeekIndex, } from './RangeFilter/Filters/new/Weekly/Weekly.types';
-export { getDisabledTimeOptions } from './RangePicker/utils';
-export type { AbsoluteDateRange, RelativeDateRange, DateRange, DateRangePreset, RelativeDateRangePreset, AbsoluteDateRangePreset, DateFilter, RelativeUnits, } from './date.types';
-export type { DateRangePickerProps, Texts as DateRangePickerTexts, } from './DateRangePicker.types';
-export { DEFAULT_RANGE_END, DEFAULT_RANGE_START, } from './RangeFilter/constants';

package/dist/index.js

@@ -1,24 +1,24 @@
-import { default as default2 } from "./RangeFilter/Filters/new/Daily/Daily.js";
-import { default as default3 } from "./RangeFilter/Filters/new/Weekly/Weekly.js";
-import { default as default4 } from "./RangeFilter/Filters/MonthlyFilter/MonthlyFilter.js";
-import { default as default5 } from "./RangeFilter/Shared/TimeWindow/TimeWindow.js";
-import { RawDateRangePicker } from "./RawDateRangePicker.js";
-import * as utils from "./utils.js";
 import * as constants from "./constants.js";
-import { default as default6 } from "./DateRangePicker.js";
+import { default as default2 } from "./DateRangePicker.js";
 import { format } from "date-fns";
-import { getDisabledTimeOptions } from "./RangePicker/utils.js";
 import { DEFAULT_RANGE_END, DEFAULT_RANGE_START } from "./RangeFilter/constants.js";
+import { default as default3 } from "./RangeFilter/Filters/MonthlyFilter/MonthlyFilter.js";
+import { default as default4 } from "./RangeFilter/Filters/new/Daily/Daily.js";
+import { default as default5 } from "./RangeFilter/Filters/new/Weekly/Weekly.js";
+import { default as default6 } from "./RangeFilter/Shared/TimeWindow/TimeWindow.js";
+import { getDisabledTimeOptions } from "./RangePicker/utils.js";
+import { RawDateRangePicker } from "./RawDateRangePicker.js";
+import * as utils from "./utils.js";
 export {
   constants as CONST,
   DEFAULT_RANGE_END,
   DEFAULT_RANGE_START,
-  default2 as DailyDateFilter,
-  default4 as MonthlyDateFilter,
+  default4 as DailyDateFilter,
+  default3 as MonthlyDateFilter,
   RawDateRangePicker,
-  default5 as TimeWindow,
-  default3 as WeeklyDateFilter,
-  default6 as default,
+  default6 as TimeWindow,
+  default5 as WeeklyDateFilter,
+  default2 as default,
   format as fnsFormat,
   getDisabledTimeOptions,
   utils

package/dist/utils.d.ts

@@ -3,7 +3,6 @@ import { Texts } from './DateRangePicker.types';
 import { DateRange } from './date.types';
 import { default as END_OF } from './dateUtils/endOf';
 import { default as START_OF } from './dateUtils/startOf';
-export { START_OF, END_OF };
 /**
  * Re-exported rather than implemented here. This package used to carry its own copy, which took
  * `Math.abs(offset) % 60` of an offset in *milliseconds* — so every zone that is not a whole number
@@ -14,6 +13,7 @@ export { START_OF, END_OF };
  * Kept exported because `utils` is part of this package's public surface (`export * as utils`).
  */
 export { toIsoString } from '@synerise/ds-core';
+export { END_OF, START_OF };
 export declare function toIsoStringWithoutZone(date: Date): string;
 export declare const normalizeRange: (range: DateRange) => DateRange;
 export declare const getDefaultTexts: (intl: IntlShape, disableDefault?: boolean, texts?: Partial<Texts>) => Texts;

package/dist/utils.js

@@ -2,8 +2,8 @@ import { min, max } from "date-fns";
 import omit from "lodash.omit";
 import { ABSOLUTE, RELATIVE, CUSTOM_RANGE_KEY } from "./constants.js";
 import ADD from "./dateUtils/add.js";
-import END_OF from "./dateUtils/endOf.js";
-import START_OF from "./dateUtils/startOf.js";
+import endOf from "./dateUtils/endOf.js";
+import startOf from "./dateUtils/startOf.js";
 import { toIsoString } from "@synerise/ds-core";
 const rmvTZOffset = (dateString) => {
   const date = dateString.toString();
@@ -45,11 +45,11 @@ const normalizeRange = (range) => {
         rightBoundaryRoundingUnit = unitGranularityOrder.indexOf(duration.type) < unitGranularityOrder.indexOf(offset.type) ? duration.type : offset.type;
       }
       if (future) {
-        left = ADD[offset.type](START_OF[offset.type](now), offset.value);
-        right = END_OF[duration.type](ADD[duration.type](left, duration.value - 1));
+        left = ADD[offset.type](startOf[offset.type](now), offset.value);
+        right = endOf[duration.type](ADD[duration.type](left, duration.value - 1));
       } else {
-        right = END_OF[rightBoundaryRoundingUnit](ADD[offset.type](now, -offset.value));
-        left = ADD[duration.type](START_OF[duration.type](right), 1 - duration.value);
+        right = endOf[rightBoundaryRoundingUnit](ADD[offset.type](now, -offset.value));
+        left = ADD[duration.type](startOf[duration.type](right), 1 - duration.value);
       }
     }
     const from = min([left, right]);
@@ -188,8 +188,8 @@ const DEFAULT_RANGE = normalizeRange({
 });
 export {
   DEFAULT_RANGE,
-  END_OF,
-  START_OF,
+  endOf as END_OF,
+  startOf as START_OF,
   getDefaultTexts,
   normalizeRange,
   toIsoString,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-date-range-picker",
-  "version": "2.1.1",
+  "version": "2.1.3",
   "description": "Date-Range-Picker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -42,26 +42,26 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-badge": "^2.0.3",
-    "@synerise/ds-button": "^2.0.3",
-    "@synerise/ds-button-group": "^2.0.3",
-    "@synerise/ds-date-picker": "^2.1.1",
-    "@synerise/ds-dropdown": "^2.1.0",
-    "@synerise/ds-form-field": "^2.0.3",
-    "@synerise/ds-icon": "^2.1.1",
-    "@synerise/ds-inline-edit": "^2.0.4",
-    "@synerise/ds-input": "^2.0.4",
-    "@synerise/ds-input-number": "^2.0.4",
-    "@synerise/ds-list-item": "^2.1.0",
-    "@synerise/ds-manageable-list": "^2.1.1",
-    "@synerise/ds-popover": "^2.0.1",
-    "@synerise/ds-scrollbar": "^2.0.2",
-    "@synerise/ds-select": "^2.1.0",
-    "@synerise/ds-slider": "^2.0.3",
-    "@synerise/ds-tag": "^2.0.3",
-    "@synerise/ds-time-picker": "^2.0.4",
-    "@synerise/ds-tooltip": "^2.0.3",
-    "@synerise/ds-utils": "^2.1.0",
+    "@synerise/ds-badge": "^2.0.5",
+    "@synerise/ds-button": "^2.1.0",
+    "@synerise/ds-button-group": "^2.0.5",
+    "@synerise/ds-date-picker": "^2.1.3",
+    "@synerise/ds-dropdown": "^2.1.2",
+    "@synerise/ds-form-field": "^2.0.5",
+    "@synerise/ds-icon": "^2.1.3",
+    "@synerise/ds-inline-edit": "^2.0.6",
+    "@synerise/ds-input": "^2.0.6",
+    "@synerise/ds-input-number": "^2.0.6",
+    "@synerise/ds-list-item": "^2.1.2",
+    "@synerise/ds-manageable-list": "^2.1.3",
+    "@synerise/ds-popover": "^2.0.3",
+    "@synerise/ds-scrollbar": "^2.0.4",
+    "@synerise/ds-select": "^2.1.2",
+    "@synerise/ds-slider": "^2.0.5",
+    "@synerise/ds-tag": "^2.0.5",
+    "@synerise/ds-time-picker": "^2.0.6",
+    "@synerise/ds-tooltip": "^2.0.5",
+    "@synerise/ds-utils": "^2.2.0",
     "date-fns": "^4.1.0",
     "dayjs": "^1.8.35",
     "lodash.clonedeep": "^4.5.0",
@@ -100,5 +100,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "71f08fdaba8e7b80731e29a03883dc6a33f2b9db"
+  "gitHead": "5e795fa4fd23f6b07277edb517a84bb9b5b6d256"
 }