@synerise/ds-date-range-picker 1.7.11 → 1.7.13

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.7.13](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@1.7.12...@synerise/ds-date-range-picker@1.7.13) (2026-07-24)
+
+**Note:** Version bump only for package @synerise/ds-date-range-picker
+
+## [1.7.12](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@1.7.11...@synerise/ds-date-range-picker@1.7.12) (2026-07-23)
+
+### Bug Fixes
+
+- **date-range-picker:** portal day range tooltip so overlay scroll can't clip it ([8ed5637](https://github.com/Synerise/synerise-design/commit/8ed5637b422d053ce572e9e70e8b445726dd7fe7))
+- **date-range-picker:** trigger day range tooltip from the top day layer ([8b4fc77](https://github.com/Synerise/synerise-design/commit/8b4fc77ff0841aebd75c82a4aa1e24f5d3d493cf))
+
 ## [1.7.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@1.7.10...@synerise/ds-date-range-picker@1.7.11) (2026-07-16)
 
 **Note:** Version bump only for package @synerise/ds-date-range-picker

package/CLAUDE.md

@@ -0,0 +1,215 @@
+# DateRangePicker (`@synerise/ds-date-range-picker`)
+
+> Full-featured date range selector supporting absolute ranges, relative presets, custom relative ranges, time selection, and recurring schedule filters (daily/weekly/monthly) — wrapped in a floating popover.
+
+## Package structure
+
+```
+src/
+  DateRangePicker.tsx       — main component (forwardRef, popover wrapper)
+  DateRangePicker.types.ts  — DateRangePickerProps, Texts, RelativeMode, AddonType
+  DateRangePicker.styles.ts — top-level styled-components
+  RawDateRangePicker.tsx    — core picker logic without popover
+  date.types.ts             — DateRange, DateFilter, RelativeUnits, RangeKey
+  constants.tsx             — MODES, COLUMNS, presets, POPOVER_*_CONFIG
+  utils.ts                  — normalizeRange, getDefaultTexts, toIsoString, DEFAULT_RANGE
+  fns.ts                    — re-exports / wrappers around date-fns
+  RangePicker/              — absolute date picker (dual-month calendar)
+  RelativeRangePicker/      — relative preset + custom range picker
+  RangePickerInput/         — trigger input displaying selected range
+  Footer/                   — apply button + selected range summary
+  RangeFilter/              — recurring schedule filters (Daily/Weekly/Monthly)
+  AddonCollapse/            — collapsible section used by relative picker and filter
+  dateUtils/                — date utility functions (add, sub, format, startOf, endOf, …)
+```
+
+## Public exports
+
+### `DateRangePicker` (default export)
+
+Popover-wrapped picker. Uses `forwardRef<HTMLDivElement>` — the ref points to the trigger wrapper element.
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `value` | `DateRange` | — | **Required.** Controlled value |
+| `onApply` | `(value: Partial<DateFilter> \| undefined) => void` | — | **Required.** Fires when user clicks Apply |
+| `defaultValue` | `DateRange` | `undefined` | Fallback when value is undefined or user clears |
+| `placement` | `LegacyPlacement` | `'top'` | Popover placement |
+| `showTime` | `boolean` | `false` | Enable time selection |
+| `showRelativePicker` | `boolean` | `false` | Show relative range addon |
+| `relativePast` | `boolean` | `false` | Enable PAST mode in relative picker |
+| `relativeFuture` | `boolean` | `false` | Enable FUTURE mode in relative picker |
+| `relativeModes` | `RelativeMode[]` | `undefined` | Explicitly set available modes (`'PAST' \| 'FUTURE' \| 'SINCE'`) |
+| `showFilter` | `boolean` | `false` | Show recurring schedule filter addon |
+| `showCustomRange` | `boolean` | `true` | Show custom range form in relative picker |
+| `showNowButton` | `boolean` | `true` | Show "Now" button in time picker |
+| `forceAbsolute` | `boolean` | `false` | Convert relative ranges to absolute on apply |
+| `forceAdjacentMonths` | `boolean` | `false` | Force left/right calendars to always show adjacent months |
+| `disabledDate` | `(date?: Date) => boolean` | `undefined` | Disable individual dates |
+| `validate` | `(value: DateRange) => { valid: boolean; message?: string }` | `undefined` | Validate selected range before apply |
+| `ranges` | `DateRangePreset[]` | `[]` | Custom preset ranges |
+| `rangeUnits` | `RelativeUnits[]` | all units | Units available in relative picker |
+| `texts` | `Partial<Texts>` | `undefined` | Translations override — all keys optional |
+| `disableDefaultTexts` | `boolean` | `false` | Disable built-in i18n fallbacks (for testing completeness) |
+| `valueFormatOptions` | `DateToFormatOptions` | `undefined` | Format options for displayed value |
+| `onValueChange` | `(value: Partial<DateFilter> \| undefined) => void` | `undefined` | Fires on every change (before Apply) |
+| `onVisibleChange` | `(visible: boolean) => void` | `undefined` | Fires when popover opens/closes |
+| `onFilterSave` | `(filters: SavedFilter[]) => void` | `undefined` | Fires when a filter is saved |
+| `disabled` | `boolean` | `false` | Disables picker (no popover, input non-interactive) |
+| `readOnly` | `boolean` | `false` | Read-only (no popover, value displayed) |
+| `popoverTrigger` | `ReactNode` | `undefined` | Replace default `RangePickerInput` trigger |
+| `renderPopoverTrigger` | `(...args: any) => JSX.Element` | `() => undefined` | Render-prop alternative for custom trigger |
+| `popoverProps` | `Partial<Omit<PopoverProps, 'placement'>>` | `{}` | Pass-through to `@synerise/ds-popover` |
+| `rangePickerInputProps` | `Omit<RangePickerInputProps, 'disabled' \| 'readOnly'>` | `{}` | Pass-through to trigger input |
+| `footerProps` | `Partial<FooterProps>` | `undefined` | Pass-through to Footer |
+| `allowedFilterTypes` | `RangeFilterType[]` | `undefined` | Restrict schedule filter types (DAILY/WEEKLY/MONTHLY) |
+| `filterValueSelectionModes` | `DateLimitMode[]` | `["Range", "Hour"]` | Allowed modes in filter form |
+| `filterRangeDisplayMode` | `RangeDisplayMode` | `undefined` | How the time window is rendered |
+| `savedFilters` | `SavedFilter[]` | `undefined` | Pre-loaded saved filters |
+| `valueTransformer` | `(value: DateRange) => DateRange` | omits ALL_TIME props | Transform applied to value before emitting |
+| `isTruncateMs` | `boolean` | `undefined` | Truncate milliseconds from times |
+| `containerClass` | `string` | `'ds-date-range-picker'` | CSS class on the root wrapper |
+| `getPopupContainer` | `(node: HTMLElement) => HTMLElement` | `() => document.body` | Popover mount container |
+| `intl` | `IntlShape` | — | **Deprecated** — use `valueFormatOptions` |
+| `format` | `string` | — | **Deprecated** — use `valueFormatOptions` |
+
+### `RawDateRangePicker`
+
+Same API as `DateRangePicker` but renders the picker panel directly (no popover, no input trigger). Use when embedding the panel in a custom container.
+
+### `DailyDateFilter`
+
+Standalone daily schedule filter component.
+
+### `WeeklyDateFilter`
+
+Standalone weekly schedule filter component.
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `value` | `WeeklySchedule` | Controlled value |
+| `onChange` | `(v: WeeklySchedule) => void` | Change callback |
+| `texts` | `Partial<Texts>` | Translations |
+| …and more — see `WeeklyProps` | | |
+
+### `MonthlyDateFilter`
+
+Standalone monthly schedule filter component.
+
+### `TimeWindow`
+
+Visualises a time window range (used inside `RangeFilter`). Exported for standalone use.
+
+### `getDisabledTimeOptions`
+
+```ts
+getDisabledTimeOptions(startDate: Date, endDate: Date): DisabledTimeOptions
+```
+
+Returns disabled hour/minute/second options for Ant Design time pickers when a range is constrained.
+
+### `fnsFormat`
+
+Re-export of `format` from `date-fns` — use for consistent date formatting across the design system.
+
+### `utils`
+
+Namespace export: `normalizeRange`, `toIsoString`, `toIsoStringWithoutZone`, `getDefaultTexts`, `DEFAULT_RANGE`, `START_OF`, `END_OF`.
+
+### `CONST`
+
+Namespace export: all constants (`MODES`, `COLUMNS`, `RELATIVE_PRESETS`, `ABSOLUTE_PRESETS`, `TIME_OPTIONS`, mode strings, etc.).
+
+### Type exports
+
+`AbsoluteDateRange`, `RelativeDateRange`, `DateRange`, `DateRangePreset`, `RelativeDateRangePreset`, `AbsoluteDateRangePreset`, `DateRangePickerProps`, `DateRangePickerTexts`, `WeeklyProps`, `WeeklyScheduleDayValue`, `WeeklySchedule`, `DayOfWeekIndex`, `DEFAULT_RANGE_END`, `DEFAULT_RANGE_START`.
+
+## Core data types
+
+```ts
+// Absolute range
+{ type: 'ABSOLUTE', from?: Date | string | null, to?: Date | string | null, key?: RangeKey }
+
+// Relative range (last N units)
+{ type: 'RELATIVE', duration: { type: RelativeUnits, value: number }, offset: { type: RelativeUnits, value: number } }
+
+// Since a timestamp
+{ type: 'SINCE', duration: ..., offset: ... }
+
+type RelativeUnits = 'SECONDS' | 'MINUTES' | 'HOURS' | 'DAYS' | 'WEEKS' | 'MONTHS' | 'YEARS' | 'SINCE' | …
+
+type RangeKey = 'TODAY' | 'YESTERDAY' | 'LAST_7_DAYS' | 'ALL_TIME' | … (17 presets)
+```
+
+## Usage patterns
+
+```tsx
+import DateRangePicker from '@synerise/ds-date-range-picker';
+import type { DateRange } from '@synerise/ds-date-range-picker';
+
+// Minimal absolute
+const [value, setValue] = useState<DateRange>({ type: 'ABSOLUTE' });
+
+<DateRangePicker
+  value={value}
+  onApply={(v) => setValue(v as DateRange)}
+/>
+
+// With relative picker and time
+<DateRangePicker
+  value={value}
+  onApply={(v) => setValue(v as DateRange)}
+  showTime
+  showRelativePicker
+  relativePast
+  relativeFuture
+/>
+
+// Embed panel directly (no popover)
+import { RawDateRangePicker } from '@synerise/ds-date-range-picker';
+
+<RawDateRangePicker value={value} onApply={handleApply} showTime />
+```
+
+## Modes (panel layout)
+
+The inner panel has three modes controlled by `RawDateRangePicker`:
+
+| Mode | Description |
+|------|-------------|
+| `DATE` | Absolute dual-month calendar (`RangePicker`) |
+| `TIME` | Time-of-day picker (shown when `showTime=true`) |
+| `FILTER` | Recurring schedule filter (`RangeFilter`) |
+
+Addons (relative picker, filter) appear below the calendar and are toggled via `AddonCollapse`. Only one addon is expanded at a time.
+
+## i18n
+
+`DateRangePicker` calls `useIntl()` internally — **must be rendered inside a `react-intl` `IntlProvider`**. Built-in English translations are loaded automatically; pass `texts` for overrides or a different language. `disableDefaultTexts=true` disables the fallbacks (useful for testing translation completeness).
+
+## Styling
+
+- Main styles in `DateRangePicker.styles.ts` — panel is 636 px wide (`Container`)
+- All sub-components have co-located `*.styles.ts(x)` files
+- Uses `@synerise/ds-core` tokens — no hardcoded colour values
+- Popover overlay has `data-testid="ds-date-range-picker-overlay"` and class `ds-date-range-popover`
+
+## Key dependencies
+
+- `react-day-picker ^7` — calendar grid rendering inside `RangePicker`
+- `@synerise/ds-popover` — floating popover (floating-ui underneath)
+- `date-fns ^2` + `date-fns-tz 1.1.4` — date arithmetic and timezone support
+- `dayjs ^1.8` — used in parts of `RangeFilter`
+- `ramda ^0.27` — functional utilities in `RangeFilter`
+- `react-intl` — i18n (peer dependency via host app)
+
+## Implementation notes
+
+- `disabled` and `readOnly` both suppress the popover entirely — the component renders just the trigger element without `<Popover>`.
+- `renderPopoverTrigger` takes precedence if it returns a non-undefined value; `popoverTrigger` is checked before that; the default `RangePickerInput` is used otherwise.
+- `valueTransformer` is applied inside `RawDateRangePicker` before calling `onApply` — default transformer strips `ALL_TIME`-specific props.
+- `forceAbsolute` converts relative `DateRange` values to absolute bounds before emitting — useful when downstream systems don't understand relative types.
+- `RangePicker` (absolute calendar) is a class-based `PureComponent` — avoid passing new function references on every render to prevent unnecessary re-renders.
+- `RelativeRangePicker` is also a class-based `PureComponent`.
+- The `SINCE` mode is a variant of relative dating anchored to a specific timestamp rather than "now".
+- `normalizeRange()` from `utils` converts relative ranges to absolute `Date` objects — used internally and safe to call from consuming code.

package/dist/RangePicker/RangePicker.js

@@ -6,8 +6,9 @@ import { DateUtils } from "react-day-picker";
 import { legacyParse } from "@date-fns/upgrade/v2";
 import { withDataFormat, getDefaultDataTimeOptions } from "@synerise/ds-core";
 import { YearPicker, MonthPicker, fnsDifferenceInYears, DayPicker, localeUtils, TimePicker, datePickerFormat } from "@synerise/ds-date-picker";
-import { DayBackground, DayText, DayTooltip, DayForeground } from "@synerise/ds-date-picker/dist/Elements/DayPicker/DayPicker.styles";
+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";
@@ -222,17 +223,18 @@ class RangePicker extends PureComponent {
           ...getDefaultDataTimeOptions(true)
         });
       };
+      const {
+        from,
+        to
+      } = value;
+      const rangeFrom = from ? legacyParse(from) : null;
+      const rangeTo = to ? legacyParse(to) : null;
+      const isSelectedRangeDay = !!rangeFrom && !!rangeTo && fnsIsValid(rangeFrom) && fnsIsValid(rangeTo) && !DateUtils.isDayBefore(day, rangeFrom) && !DateUtils.isDayBefore(rangeTo, day);
+      const dayForeground = /* @__PURE__ */ jsx(DayForeground, { className: "DayPicker-Day-FG" });
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(DayBackground, { className: "DayPicker-Day-BG" }),
-        /* @__PURE__ */ jsxs(DayText, { className: "DayPicker-Day-Text", "data-attr": text, children: [
-          value.to && value.from && /* @__PURE__ */ jsxs(DayTooltip, { children: [
-            formatDate(value.from),
-            " - ",
-            formatDate(value.to)
-          ] }),
-          text
-        ] }),
-        /* @__PURE__ */ jsx(DayForeground, { className: "DayPicker-Day-FG" })
+        /* @__PURE__ */ jsx(DayText, { className: "DayPicker-Day-Text", "data-attr": text, children: text }),
+        from && to && isSelectedRangeDay ? /* @__PURE__ */ jsx(Tooltip, { title: `${formatDate(from)} - ${formatDate(to)}`, children: dayForeground }) : dayForeground
       ] });
     };
     this.renderYearPicker = (side) => {

package/dist/RelativeRangePicker/Elements/CustomRangeForm/DurationField/DurationField.js

@@ -7,7 +7,6 @@ import Select from "@synerise/ds-select";
 import { RANGES_MODE, RELATIVE_DURATION_MAX, RELATIVE_UNITS } from "../../../../constants.js";
 import { Title, InputSelectGroup } from "../../../RelativeRangePicker.styles.js";
 const setDurationType = set(lensPath(["duration", "type"]));
-const SELECT_DROPDOWN_OFFSET = -4;
 const DurationField = ({
   currentGroup,
   currentRange,
@@ -36,10 +35,7 @@ const DurationField = ({
       }) => {
         !value && handleDurationValueChange(1);
       }, onChange: handleDurationValueChange, raw: true }),
-      /* @__PURE__ */ jsx(Select, { value: duration?.type, onChange: (type) => handleChange(setDurationType(type, currentRange)), dropdownAlign: {
-        points: ["bl", "tl"],
-        offset: [0, SELECT_DROPDOWN_OFFSET]
-      }, getPopupContainer: (node) => node.parentElement !== null ? node.parentElement : document.body, children: (rangeUnits || RELATIVE_UNITS).map((type) => /* @__PURE__ */ jsx(Select.Option, { value: type, children: texts[type.toLowerCase()] }, type)) })
+      /* @__PURE__ */ jsx(Select, { value: duration?.type, onChange: (type) => handleChange(setDurationType(type, currentRange)), getPopupContainer: (node) => node.parentElement !== null ? node.parentElement : document.body, children: (rangeUnits || RELATIVE_UNITS).map((type) => /* @__PURE__ */ jsx(Select.Option, { value: type, children: texts[type.toLowerCase()] }, type)) })
     ] })
   ] });
 };

package/dist/RelativeRangePicker/Elements/CustomRangeForm/OffsetField/OffsetField.js

@@ -5,7 +5,6 @@ import Select from "@synerise/ds-select";
 import { RANGES_MODE, RELATIVE_OFFSET_MAX, RELATIVE_UNITS } from "../../../../constants.js";
 import { Title, InputSelectGroup } from "../../../RelativeRangePicker.styles.js";
 import { setOffsetType } from "../CustomRangeForm.js";
-const SELECT_DROPDOWN_OFFSET = -4;
 const OffsetField = ({
   handleOffsetValueChange,
   currentGroup,
@@ -35,10 +34,7 @@ const OffsetField = ({
       }) => {
         !value && handleOffsetValueChange(0);
       }, onChange: handleOffsetValueChange }),
-      /* @__PURE__ */ jsx(Select, { value: offset?.type, onChange: (type) => handleChange(setOffsetType(type, currentRange)), dropdownAlign: {
-        points: ["bl", "tl"],
-        offset: [0, SELECT_DROPDOWN_OFFSET]
-      }, getPopupContainer: (node) => node.parentElement !== null ? node.parentElement : document.body, children: (rangeUnits || RELATIVE_UNITS).map((type) => /* @__PURE__ */ jsx(Select.Option, { value: type, children: texts[type.toLowerCase()] }, type)) })
+      /* @__PURE__ */ jsx(Select, { value: offset?.type, onChange: (type) => handleChange(setOffsetType(type, currentRange)), getPopupContainer: (node) => node.parentElement !== null ? node.parentElement : document.body, children: (rangeUnits || RELATIVE_UNITS).map((type) => /* @__PURE__ */ jsx(Select.Option, { value: type, children: texts[type.toLowerCase()] }, type)) })
     ] })
   ] });
 };

package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampDuration/TimestampDuration.js

@@ -3,7 +3,6 @@ import InputNumber from "@synerise/ds-input-number";
 import Select from "@synerise/ds-select";
 import { RELATIVE_DURATION_MAX, RELATIVE_UNITS, DURATION_MODIFIERS } from "../../../../constants.js";
 import { Title, InputSelectGroup } from "../../../RelativeRangePicker.styles.js";
-const SELECT_DROPDOWN_OFFSET = -4;
 const TimestampDuration = ({
   handleDurationValueChange,
   durationModifier,
@@ -21,19 +20,13 @@ const TimestampDuration = ({
         onDurationModifierChange(modifier);
       }, dropdownStyle: {
         minWidth: "125px"
-      }, dropdownAlign: {
-        points: ["bl", "tl"],
-        offset: [0, SELECT_DROPDOWN_OFFSET]
       }, getPopupContainer: (node) => node.parentElement !== null ? node.parentElement : document.body, children: durationModiferValues.map((modifier) => /* @__PURE__ */ jsx(Select.Option, { value: modifier, children: texts[modifier] }, modifier)) }),
       /* @__PURE__ */ jsx(InputNumber, { min: 1, max: RELATIVE_DURATION_MAX, step: 1, valueFormatOptions: {
         maximumFractionDigits: 0
       }, value, onChange: handleDurationValueChange }),
       /* @__PURE__ */ jsx(Select, { value: unit, dropdownStyle: {
         minWidth: "125px"
-      }, onChange: (type) => onDurationUnitChange(type), dropdownAlign: {
-        points: ["bl", "tl"],
-        offset: [0, SELECT_DROPDOWN_OFFSET]
-      }, getPopupContainer: (node) => node.parentElement !== null ? node.parentElement : document.body, children: RELATIVE_UNITS.map((type) => /* @__PURE__ */ jsx(Select.Option, { value: type, children: texts[type.toLowerCase()] }, type)) })
+      }, onChange: (type) => onDurationUnitChange(type), getPopupContainer: (node) => node.parentElement !== null ? node.parentElement : document.body, children: RELATIVE_UNITS.map((type) => /* @__PURE__ */ jsx(Select.Option, { value: type, children: texts[type.toLowerCase()] }, type)) })
     ] })
   ] });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-date-range-picker",
-  "version": "1.7.11",
+  "version": "1.7.13",
   "description": "Date-Range-Picker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -17,6 +17,7 @@
   "files": [
     "/dist",
     "CHANGELOG.md",
+    "CLAUDE.md",
     "README.md",
     "package.json",
     "LICENSE.md"
@@ -42,26 +43,26 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@date-fns/upgrade": "^1.0.3",
-    "@synerise/ds-badge": "^1.0.57",
-    "@synerise/ds-button": "^1.5.34",
-    "@synerise/ds-button-group": "^1.1.59",
-    "@synerise/ds-date-picker": "^1.4.21",
-    "@synerise/ds-dropdown": "^1.3.19",
-    "@synerise/ds-form-field": "^1.3.23",
-    "@synerise/ds-icon": "^1.18.4",
-    "@synerise/ds-inline-edit": "^1.1.47",
-    "@synerise/ds-input": "^1.7.12",
-    "@synerise/ds-input-number": "^1.2.49",
-    "@synerise/ds-list-item": "^1.6.1",
-    "@synerise/ds-manageable-list": "^1.8.10",
-    "@synerise/ds-popover": "^1.6.1",
-    "@synerise/ds-scrollbar": "^1.5.1",
-    "@synerise/ds-select": "^1.3.33",
-    "@synerise/ds-slider": "^1.1.26",
-    "@synerise/ds-tag": "^1.4.31",
-    "@synerise/ds-time-picker": "^1.2.41",
-    "@synerise/ds-tooltip": "^1.5.3",
-    "@synerise/ds-utils": "^1.10.1",
+    "@synerise/ds-badge": "^1.0.58",
+    "@synerise/ds-button": "^1.5.35",
+    "@synerise/ds-button-group": "^1.1.60",
+    "@synerise/ds-date-picker": "^1.4.23",
+    "@synerise/ds-dropdown": "^1.3.21",
+    "@synerise/ds-form-field": "^1.3.24",
+    "@synerise/ds-icon": "^1.18.5",
+    "@synerise/ds-inline-edit": "^1.1.49",
+    "@synerise/ds-input": "^1.7.14",
+    "@synerise/ds-input-number": "^1.2.51",
+    "@synerise/ds-list-item": "^1.6.2",
+    "@synerise/ds-manageable-list": "^1.8.12",
+    "@synerise/ds-popover": "^1.6.2",
+    "@synerise/ds-scrollbar": "^1.5.2",
+    "@synerise/ds-select": "^1.4.0",
+    "@synerise/ds-slider": "^1.1.27",
+    "@synerise/ds-tag": "^1.4.32",
+    "@synerise/ds-time-picker": "^1.2.43",
+    "@synerise/ds-tooltip": "^1.5.4",
+    "@synerise/ds-utils": "^1.10.2",
     "date-fns": "^2.16.1",
     "date-fns-tz": "1.1.4",
     "dayjs": "^1.8.35",
@@ -101,5 +102,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "a81ab6519d49a3dea9c0cfebcdc9104cbb4f4226"
+  "gitHead": "018414e0d7ffd102a07f8aa35fa2e2d3d4ed19e2"
 }