@synerise/ds-date-range-picker 2.0.3 → 2.0.4

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@2.0.3...@synerise/ds-date-range-picker@2.0.4) (2026-09-08)
+
+### Bug Fixes
+
+- **date-range-picker:** encode non-whole-hour timezone offsets correctly ([a51b393](https://github.com/Synerise/synerise-design/commit/a51b393cad84dcb2da67dcc3da2dabf7d22cf37a))
+
 ## [2.0.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@2.0.2...@synerise/ds-date-range-picker@2.0.3) (2026-09-07)
 
 **Note:** Version bump only for package @synerise/ds-date-range-picker

package/CLAUDE.md

@@ -12,7 +12,7 @@ src/
   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
+  utils.ts                  — normalizeRange, getDefaultTexts, DEFAULT_RANGE (toIsoString is re-exported from ds-core)
   fns.ts                    — re-exports / wrappers around date-fns
   RangePicker/              — absolute date picker (dual-month calendar)
   RelativeRangePicker/      — relative preset + custom range picker
@@ -114,7 +114,7 @@ Re-export of `format` from `date-fns` — use for consistent date formatting acr
 
 ### `utils`
 
-Namespace export: `normalizeRange`, `toIsoString`, `toIsoStringWithoutZone`, `getDefaultTexts`, `DEFAULT_RANGE`, `START_OF`, `END_OF`.
+Namespace export: `normalizeRange`, `toIsoString` (re-exported from `@synerise/ds-core`), `toIsoStringWithoutZone`, `getDefaultTexts`, `DEFAULT_RANGE`, `START_OF`, `END_OF`.
 
 ### `CONST`
 
@@ -198,7 +198,7 @@ Addons (relative picker, filter) appear below the calendar and are toggled via `
 
 - `react-day-picker ^10` — calendar grid rendering inside `RangePicker` (see the v10 notes in `ds-date-picker`'s CLAUDE.md; day cells now contain a `<button class="DayPicker-Day-Button">`)
 - `@synerise/ds-popover` — floating popover (floating-ui underneath)
-- `date-fns ^2` + `date-fns-tz 1.1.4` — date arithmetic and timezone support
+- `date-fns ^2` — date arithmetic. Timezone handling is not this package's: `toIsoString` is re-exported from `@synerise/ds-core`, which owns the wall-clock convention and the `@date-fns/tz` dependency behind it
 - `dayjs ^1.8` — used in parts of `RangeFilter`
 - `ramda ^0.27` — functional utilities in `RangeFilter`
 - `react-intl` — i18n (peer dependency via host app)

package/dist/RawDateRangePicker.js

@@ -16,7 +16,8 @@ import { isLifetime } from "./RelativeRangePicker/Elements/RangeDropdown/RangeDr
 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 { normalizeRange, getDefaultTexts, toIsoString } from "./utils.js";
+import { normalizeRange, getDefaultTexts } from "./utils.js";
+import { toIsoString } from "@synerise/ds-core";
 const isRelative = (dateRange) => {
   const isLegacyCustom = Object.keys(dateRange).includes("key") && dateRange.key === void 0;
   return dateRange.key && (RELATIVE_PRESETS.map((preset) => preset.key).includes(dateRange.key) || dateRange.key === CUSTOM_RANGE_KEY) || isLegacyCustom;

package/dist/utils.d.ts

@@ -4,7 +4,16 @@ 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 };
-export declare function toIsoString(date: Date, timeZone?: string | undefined): string;
+/**
+ * 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
+ * of hours ahead of UTC (India, Adelaide, Kathmandu, Chatham, Newfoundland) encoded as `:00`
+ * minutes. It also looked the offset up against the date's UTC fields rather than the wall clock it
+ * carries, which picked the wrong side of a DST transition.
+ *
+ * Kept exported because `utils` is part of this package's public surface (`export * as utils`).
+ */
+export { toIsoString } from '@synerise/ds-core';
 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

@@ -1,4 +1,3 @@
-import { getTimezoneOffset } from "date-fns-tz";
 import fnsMax from "date-fns/max";
 import fnsMin from "date-fns/min";
 import omit from "lodash.omit";
@@ -6,20 +5,13 @@ 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 { toIsoString } from "@synerise/ds-core";
 const rmvTZOffset = (dateString) => {
   const date = dateString.toString();
   const finalDate = date.replace(/[+-]\d\d:\d\d$/, "");
   return finalDate;
 };
 const pad = (num) => (num < 10 ? "0" : "") + num;
-function toIsoString(date, timeZone = "UTC") {
-  if (!timeZone) {
-    return new Date(date).toISOString();
-  }
-  const timeZoneOffset = getTimezoneOffset(timeZone, date);
-  const dif = timeZoneOffset >= 0 ? "+" : "-";
-  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}${dif}${pad(Math.floor(Math.abs(timeZoneOffset) / 60 / 60 / 1e3))}:${pad(Math.abs(timeZoneOffset) % 60)}`;
-}
 function toIsoStringWithoutZone(date) {
   return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-date-range-picker",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "description": "Date-Range-Picker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -43,28 +43,27 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@date-fns/upgrade": "^1.0.3",
-    "@synerise/ds-badge": "^2.0.1",
-    "@synerise/ds-button": "^2.0.1",
-    "@synerise/ds-button-group": "^2.0.1",
-    "@synerise/ds-date-picker": "^2.0.2",
-    "@synerise/ds-dropdown": "^2.0.2",
-    "@synerise/ds-form-field": "^2.0.1",
+    "@synerise/ds-badge": "^2.0.2",
+    "@synerise/ds-button": "^2.0.2",
+    "@synerise/ds-button-group": "^2.0.2",
+    "@synerise/ds-date-picker": "^2.0.3",
+    "@synerise/ds-dropdown": "^2.0.3",
+    "@synerise/ds-form-field": "^2.0.2",
     "@synerise/ds-icon": "^2.1.0",
-    "@synerise/ds-inline-edit": "^2.0.2",
-    "@synerise/ds-input": "^2.0.2",
-    "@synerise/ds-input-number": "^2.0.2",
-    "@synerise/ds-list-item": "^2.0.1",
-    "@synerise/ds-manageable-list": "^2.0.2",
-    "@synerise/ds-popover": "^2.0.0",
+    "@synerise/ds-inline-edit": "^2.0.3",
+    "@synerise/ds-input": "^2.0.3",
+    "@synerise/ds-input-number": "^2.0.3",
+    "@synerise/ds-list-item": "^2.0.2",
+    "@synerise/ds-manageable-list": "^2.1.0",
+    "@synerise/ds-popover": "^2.0.1",
     "@synerise/ds-scrollbar": "^2.0.1",
-    "@synerise/ds-select": "^2.0.3",
-    "@synerise/ds-slider": "^2.0.1",
-    "@synerise/ds-tag": "^2.0.1",
-    "@synerise/ds-time-picker": "^2.0.2",
-    "@synerise/ds-tooltip": "^2.0.1",
+    "@synerise/ds-select": "^2.0.4",
+    "@synerise/ds-slider": "^2.0.2",
+    "@synerise/ds-tag": "^2.0.2",
+    "@synerise/ds-time-picker": "^2.0.3",
+    "@synerise/ds-tooltip": "^2.0.2",
     "@synerise/ds-utils": "^2.0.0",
     "date-fns": "^2.16.1",
-    "date-fns-tz": "1.1.4",
     "dayjs": "^1.8.35",
     "lodash.clonedeep": "^4.5.0",
     "lodash.flatten": "^4.4.0",
@@ -102,5 +101,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "788eba77544b291f7e938864a3994df4b4d904e2"
+  "gitHead": "e0dced8fd3a1194eff2fafc1b7e385b29238af88"
 }