@synerise/ds-date-picker 2.1.0 → 2.1.1

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.1.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@2.1.0...@synerise/ds-date-picker@2.1.1) (2026-09-16)
+
+### Bug Fixes
+
+- **date-picker:** keep the local clock when a day click crosses a DST boundary ([81fb588](https://github.com/Synerise/synerise-design/commit/81fb5883286faa1a938d3ec5909a1e48a6cb68b7))
+
 # [2.1.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@2.0.3...@synerise/ds-date-picker@2.1.0) (2026-09-10)
 
 ### Features

package/CLAUDE.md

@@ -30,7 +30,7 @@ src/
   fns.tsx                     — date-fns re-exports (named, from the package root)
   format.ts                   — fnsFormat wrapper
   localeUtils.ts              — weekday/month name tables; adapted into react-day-picker formatters/labels
-  utils.ts                    — changeDayWithHoursPreserved and other helpers
+  utils.ts                    — range / getDecadeRange / getCenturyRange helpers
   index.ts                    — public exports
 ```
 
@@ -140,7 +140,7 @@ import { RawDatePicker } from '@synerise/ds-date-picker';
 - **`readOnly` short-circuits the Dropdown** — when `readOnly={true}`, the component renders only the `PickerInput` (or `renderTrigger` output) with no calendar attached.
 - **Mode switching** — clicking the month name in `DayPicker` switches to `'month'` mode; clicking the year name switches to `'year'` mode. The back navigation in those modes returns to `'date'`. Selecting a day when `showTime=true` switches to `'time'` mode automatically.
 - **`useStartOfDay` / `useEndOfDay`** — applied on day click, before `onValueChange` fires. `useStartOfDay` takes precedence if both are set (implemented as `if/else if` in `handleDayClick`).
-- **Time preserved on day change** — when changing the day while already having a time selected (`changed=true`), hours/minutes/seconds from the previous value are preserved (`changeDayWithHoursPreserved`).
+- **Time preserved on day change** — clicking a day rewrites only the calendar fields of the current `value` (`setYear`/`setMonth`/`setDate`), so its local clock carries over. Local fields are the whole mechanism, and they are what makes this correct across a DST boundary; do not reintroduce a seconds-difference round-trip here. The removed `changeDayWithHoursPreserved` did exactly that and multiplied a calendar-day count by a hard-coded `86400`, so any pair of dates straddling a transition came out an hour wrong — and with `useStartOfDay`/`useEndOfDay` that hour crossed midnight and moved the day.
 - **Apply vs onChange** — `onValueChange` fires on every day/time interaction. `onApply` fires only when the user explicitly clicks Apply (or selects a quick pick), and also closes the dropdown.
 - **`dropdownProps.open`** — if provided, it OR-s with internal `dropVisible` state: `open={(dropdownProps?.open || dropVisible) && !disabled}`. This means both sources can open the dropdown independently.
 - **`format` has been removed** — use `valueFormatOptions: DateToFormatOptions` (from `@synerise/ds-core`). It took a token pattern, which no consumer passed and which disagreed with `formatValue` for every locale. `PickerInput` now renders a `Date` and an ISO string identically; whether a value is an *instant* is signalled by `isInstantValue`, not inferred from its runtime type.

package/dist/RawDatePicker/RawDatePicker.js

@@ -11,7 +11,6 @@ import TimePicker from "../Elements/TimePicker/TimePicker.js";
 import YearPicker from "../Elements/YearPicker/YearPicker.js";
 import { setYear, setMonth, setDate, startOfDay, endOfDay, addDays, startOfMonth } from "date-fns";
 import toDateValue from "../toDateValue.js";
-import { changeDayWithHoursPreserved } from "../utils.js";
 import { getDefaultTexts } from "../utils/getDefaultTexts.js";
 const _RawDatePicker = class _RawDatePicker extends React.Component {
   constructor(props) {
@@ -20,24 +19,11 @@ const _RawDatePicker = class _RawDatePicker extends React.Component {
       const {
         onValueChange
       } = this.props;
-      const {
-        mode,
-        value: valueFromState
-      } = this.state;
-      if (mode === "date" && !!valueFromState && !!value) {
-        const dateToBeUpdated = changeDayWithHoursPreserved(valueFromState, value);
-        this.setState({
-          value: dateToBeUpdated,
-          changed: true
-        });
-        onValueChange && onValueChange(dateToBeUpdated);
-      } else {
-        this.setState({
-          value,
-          changed: true
-        });
-        onValueChange && onValueChange(value);
-      }
+      this.setState({
+        value,
+        changed: true
+      });
+      onValueChange && onValueChange(value);
     };
     this.handleDayMouseEnter = (day) => this.setState({
       enteredTo: day
@@ -47,7 +33,6 @@ const _RawDatePicker = class _RawDatePicker extends React.Component {
     });
     this.handleDayClick = (day, modifiers) => {
       const {
-        changed: isChanged,
         value
       } = this.state;
       const {
@@ -58,7 +43,7 @@ const _RawDatePicker = class _RawDatePicker extends React.Component {
       if (modifiers.disabled) {
         return;
       }
-      let nextDateWithCurrentTime = isChanged && value ? value : /* @__PURE__ */ new Date();
+      let nextDateWithCurrentTime = value || /* @__PURE__ */ new Date();
       nextDateWithCurrentTime = setYear(nextDateWithCurrentTime, day.getFullYear());
       nextDateWithCurrentTime = setMonth(nextDateWithCurrentTime, day.getMonth());
       nextDateWithCurrentTime = setDate(nextDateWithCurrentTime, day.getDate());

package/dist/utils.d.ts

@@ -1,4 +1,3 @@
 export declare const range: (start: number, end: number) => number[];
 export declare function getDecadeRange(cursor: Date): number[];
 export declare function getCenturyRange(cursor: Date): number[];
-export declare function changeDayWithHoursPreserved(oldDate: Date, chosenDate: Date): Date;

package/dist/utils.js

@@ -1,5 +1,4 @@
-import { getYear, differenceInCalendarDays, differenceInSeconds, addSeconds } from "date-fns";
-import toDateValue from "./toDateValue.js";
+import { getYear } from "date-fns";
 const range = (start, end) => {
   if (end <= start) {
     return [];
@@ -17,14 +16,7 @@ function getCenturyRange(cursor) {
   const endYear = startYear + 99;
   return [startYear, endYear];
 }
-function changeDayWithHoursPreserved(oldDate, chosenDate) {
-  const dayDifferenceInSeconds = differenceInCalendarDays(toDateValue(oldDate), toDateValue(chosenDate)) * 24 * 60 * 60;
-  const difference = differenceInSeconds(oldDate, chosenDate) - dayDifferenceInSeconds;
-  const dateToBeUpdated = addSeconds(chosenDate, difference);
-  return dateToBeUpdated;
-}
 export {
-  changeDayWithHoursPreserved,
   getCenturyRange,
   getDecadeRange,
   range

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-date-picker",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "DatePicker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -30,7 +30,8 @@
     "build:watch": "vite build --watch",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
-    "test": "vitest run",
+    "test": "vitest run && pnpm test:dst",
+    "test:dst": "TZ=Europe/Warsaw vitest run -t DaylightSavings",
     "test:watch": "vitest",
     "types": "tsc --noEmit",
     "check:circular-dependencies": "madge --circular --extensions ts,tsx,js,jsx --ts-config tsconfig.json src/ --exclude '/dist/'",
@@ -42,14 +43,14 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^2.0.2",
-    "@synerise/ds-dropdown": "^2.0.3",
-    "@synerise/ds-icon": "^2.1.0",
-    "@synerise/ds-input": "^2.0.3",
-    "@synerise/ds-time-picker": "^2.0.3",
-    "@synerise/ds-tooltip": "^2.0.2",
-    "@synerise/ds-typography": "^2.0.2",
-    "@synerise/ds-utils": "^2.0.0",
+    "@synerise/ds-button": "^2.0.3",
+    "@synerise/ds-dropdown": "^2.1.0",
+    "@synerise/ds-icon": "^2.1.1",
+    "@synerise/ds-input": "^2.0.4",
+    "@synerise/ds-time-picker": "^2.0.4",
+    "@synerise/ds-tooltip": "^2.0.3",
+    "@synerise/ds-typography": "^2.0.3",
+    "@synerise/ds-utils": "^2.1.0",
     "classnames": "^2.5.1",
     "date-fns": "^4.1.0",
     "lodash.range": "^3.2.0",
@@ -66,5 +67,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "a49acd96b6f71f5617548ae5ce6126cb9b0985dc"
+  "gitHead": "71f08fdaba8e7b80731e29a03883dc6a33f2b9db"
 }