@gobrand/calendar-core 0.0.18 → 0.0.19

package/dist/index.cjs

@@ -177,6 +177,7 @@ function buildMonth(year, month, options) {
     }
     const dateKey = currentDate.toString();
     weeks[weeks.length - 1].push({
+      id: `${yearMonth.toString()}-${dateKey}`,
       date: currentDate,
       isCurrentMonth: currentDate.month === month,
       isToday: import_polyfill2.Temporal.PlainDate.compare(currentDate, today) === 0,
@@ -218,6 +219,7 @@ function buildDay(date, options) {
     }
   }
   const timeSlots = [];
+  const dateStr = date.toString();
   let currentHour = startHour;
   let currentMinute = 0;
   while (currentHour < endHour) {
@@ -244,6 +246,7 @@ function buildDay(date, options) {
       }
     }
     timeSlots.push({
+      id: `${dateStr}-${String(currentHour).padStart(2, "0")}:${String(currentMinute).padStart(2, "0")}`,
       hour: currentHour,
       minute: currentMinute,
       time: slotStart,
@@ -256,6 +259,7 @@ function buildDay(date, options) {
     }
   }
   return {
+    id: dateStr,
     date,
     isToday: import_polyfill3.Temporal.PlainDate.compare(date, today) === 0,
     timeSlots,
@@ -302,6 +306,7 @@ function buildWeek(date, options) {
       timeSlots = dayView.timeSlots;
     }
     days.push({
+      id: `${weekStart.toString()}-${dateKey}`,
       date: currentDate,
       isToday: import_polyfill4.Temporal.PlainDate.compare(currentDate, today) === 0,
       items: itemsByDate.get(dateKey) ?? [],

package/dist/index.d.cts

@@ -7,6 +7,8 @@ type CalendarAccessor<TItem> = {
     getEnd?: (item: TItem) => Temporal.ZonedDateTime;
 };
 type CalendarDay<TItem = unknown> = {
+    /** Unique identifier for this day within the view context. Use as React/Vue key. */
+    id: string;
     date: Temporal.PlainDate;
     isCurrentMonth: boolean;
     isToday: boolean;
@@ -18,6 +20,8 @@ type CalendarMonth<TItem = unknown> = {
     month: Temporal.PlainYearMonth;
 };
 type WeekDay<TItem = unknown> = {
+    /** Unique identifier for this day within the view context. Use as React/Vue key. */
+    id: string;
     date: Temporal.PlainDate;
     isToday: boolean;
     items: TItem[];
@@ -29,12 +33,16 @@ type CalendarWeekView<TItem = unknown> = {
     weekEnd: Temporal.PlainDate;
 };
 type TimeSlot<TItem = unknown> = {
+    /** Unique identifier for this time slot. Use as React/Vue key. */
+    id: string;
     hour: number;
     minute: number;
     time: Temporal.PlainTime;
     items: TItem[];
 };
 type CalendarDayView<TItem = unknown> = {
+    /** Unique identifier for this day view. Use as React/Vue key. */
+    id: string;
     date: Temporal.PlainDate;
     isToday: boolean;
     timeSlots: TimeSlot<TItem>[];

package/dist/index.d.ts

@@ -7,6 +7,8 @@ type CalendarAccessor<TItem> = {
     getEnd?: (item: TItem) => Temporal.ZonedDateTime;
 };
 type CalendarDay<TItem = unknown> = {
+    /** Unique identifier for this day within the view context. Use as React/Vue key. */
+    id: string;
     date: Temporal.PlainDate;
     isCurrentMonth: boolean;
     isToday: boolean;
@@ -18,6 +20,8 @@ type CalendarMonth<TItem = unknown> = {
     month: Temporal.PlainYearMonth;
 };
 type WeekDay<TItem = unknown> = {
+    /** Unique identifier for this day within the view context. Use as React/Vue key. */
+    id: string;
     date: Temporal.PlainDate;
     isToday: boolean;
     items: TItem[];
@@ -29,12 +33,16 @@ type CalendarWeekView<TItem = unknown> = {
     weekEnd: Temporal.PlainDate;
 };
 type TimeSlot<TItem = unknown> = {
+    /** Unique identifier for this time slot. Use as React/Vue key. */
+    id: string;
     hour: number;
     minute: number;
     time: Temporal.PlainTime;
     items: TItem[];
 };
 type CalendarDayView<TItem = unknown> = {
+    /** Unique identifier for this day view. Use as React/Vue key. */
+    id: string;
     date: Temporal.PlainDate;
     isToday: boolean;
     timeSlots: TimeSlot<TItem>[];

package/dist/index.js

@@ -123,6 +123,7 @@ function buildMonth(year, month, options) {
     }
     const dateKey = currentDate.toString();
     weeks[weeks.length - 1].push({
+      id: `${yearMonth.toString()}-${dateKey}`,
       date: currentDate,
       isCurrentMonth: currentDate.month === month,
       isToday: Temporal2.PlainDate.compare(currentDate, today) === 0,
@@ -164,6 +165,7 @@ function buildDay(date, options) {
     }
   }
   const timeSlots = [];
+  const dateStr = date.toString();
   let currentHour = startHour;
   let currentMinute = 0;
   while (currentHour < endHour) {
@@ -190,6 +192,7 @@ function buildDay(date, options) {
       }
     }
     timeSlots.push({
+      id: `${dateStr}-${String(currentHour).padStart(2, "0")}:${String(currentMinute).padStart(2, "0")}`,
       hour: currentHour,
       minute: currentMinute,
       time: slotStart,
@@ -202,6 +205,7 @@ function buildDay(date, options) {
     }
   }
   return {
+    id: dateStr,
     date,
     isToday: Temporal3.PlainDate.compare(date, today) === 0,
     timeSlots,
@@ -248,6 +252,7 @@ function buildWeek(date, options) {
       timeSlots = dayView.timeSlots;
     }
     days.push({
+      id: `${weekStart.toString()}-${dateKey}`,
       date: currentDate,
       isToday: Temporal4.PlainDate.compare(currentDate, today) === 0,
       items: itemsByDate.get(dateKey) ?? [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gobrand/calendar-core",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "Lightweight utility library for building calendars using the Temporal API",
   "private": false,
   "publishConfig": {