@dxos/react-ui-calendar 0.8.4-main.fffef41 → 0.8.4-staging.60fe92afc8

package/src/components/Calendar/util.ts

@@ -2,7 +2,7 @@
 // Copyright 2025 DXOS.org
 //
 
-import { type Day } from 'date-fns';
+import { type Day, differenceInCalendarDays } from 'date-fns';
 
 export const getDate = (start: Date, weekNumber: number, dayOfWeek: number, weekStartsOn: Day): Date => {
   const result = new Date(start);
@@ -12,6 +12,24 @@ export const getDate = (start: Date, weekNumber: number, dayOfWeek: number, week
   return result;
 };
 
+/**
+ * Inverse of {@link getDate}: returns the row index for a given date, matching
+ * the grid layout (which respects `weekStartsOn`).
+ *
+ * Uses `differenceInCalendarDays` (DST-safe) — naive ms subtraction silently
+ * loses an hour each DST transition, which accumulates over decades and
+ * eventually shifts the row boundary by one day. `differenceInWeeks` is also
+ * unsuitable because it computes raw 7-day chunks anchored at the start
+ * date's weekday rather than the grid's `weekStartsOn` column.
+ */
+export const getRowIndex = (start: Date, date: Date, weekStartsOn: Day): number => {
+  const startDayOfWeek = start.getDay();
+  const adjustedStartDay = (startDayOfWeek === 0 ? 7 : startDayOfWeek) - weekStartsOn;
+  const row0Start = new Date(start);
+  row0Start.setDate(start.getDate() - adjustedStartDay);
+  return Math.floor(differenceInCalendarDays(date, row0Start) / 7);
+};
+
 export const isSameDay = (date1: Date, date2: Date | undefined): boolean => {
   return (
     !!date2 &&

package/src/translations.ts

@@ -4,13 +4,13 @@
 
 import { type Resource } from '@dxos/react-ui';
 
-export const translationKey = 'react-ui-calendar';
+export const translationKey = '@dxos/react-ui-calendar';
 
 export const translations = [
   {
     'en-US': {
       [translationKey]: {
-        'today button': 'Today',
+        'today.button': 'Today',
       },
     },
   },