@dreamstack-us/kaal 0.0.1 → 0.0.3

package/lib/module/components/CalendarGrid/CalendarGrid.web.js

@@ -0,0 +1,265 @@
+"use strict";
+
+/// <reference lib="dom" />
+import React, { memo, useCallback, useMemo } from 'react';
+import { FlatList, Pressable, StyleSheet, Text, View } from 'react-native';
+import { useDatePickerOverrides } from "../../context/ThemeOverrideContext.js";
+import { addMonths, compareDates, formatYearMonth, getDayOfWeek, getFirstDayOfMonth, getMonthDays, isSameDay, today } from "../../utils/date.js";
+import { DayCell } from './DayCell';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CELL_SIZE = 44;
+
+// Week day labels starting from Sunday
+const WEEK_DAYS_SUNDAY_START = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+const WEEK_DAYS_MONDAY_START = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];
+
+// Default colors (light theme for web)
+const DEFAULT_COLORS = {
+  backgroundColor: '#FFFFFF',
+  primaryColor: '#007AFF',
+  textColor: '#1C1C1E',
+  weekdayColor: '#8E8E93',
+  borderRadius: 14,
+  padding: 16
+};
+
+/**
+ * Generate padding days for the month grid based on week start day
+ * TODO: This logic should be refactored when adding locale support
+ */
+const generateMonthDays = (currentMonth, weekStartsOn) => {
+  const firstDay = getFirstDayOfMonth(currentMonth);
+  // getDayOfWeek returns 0 for Sunday, 1 for Monday, etc.
+  const dayOfWeek = getDayOfWeek(firstDay);
+
+  // Calculate padding days based on week start
+  let paddingDays;
+  if (weekStartsOn === 0) {
+    // Sunday start: Sunday = 0 padding, Monday = 1, etc.
+    paddingDays = dayOfWeek;
+  } else {
+    // Monday start: Monday = 0 padding, Sunday = 6 padding
+    paddingDays = dayOfWeek === 0 ? 6 : dayOfWeek - 1;
+  }
+  const days = [];
+  for (let i = 0; i < paddingDays; i++) {
+    days.push(null);
+  }
+  const monthDays = getMonthDays(currentMonth.getUTCFullYear(), currentMonth.getUTCMonth());
+  for (const day of monthDays) {
+    days.push(day);
+  }
+  const remaining = 7 - days.length % 7;
+  if (remaining < 7) {
+    for (let i = 0; i < remaining; i++) {
+      days.push(null);
+    }
+  }
+  return days;
+};
+
+// Web-compatible styles (no unistyles dependency)
+const webStyles = StyleSheet.create({
+  container: {
+    backgroundColor: '#FFFFFF',
+    borderRadius: 14,
+    padding: 16
+  },
+  header: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: 16,
+    paddingHorizontal: 8
+  },
+  navButton: {
+    width: 40,
+    height: 40,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 8
+  },
+  navText: {
+    fontSize: 24,
+    color: '#007AFF',
+    fontWeight: '600'
+  },
+  monthTitle: {
+    fontSize: 17,
+    fontWeight: '600',
+    color: '#1C1C1E'
+  },
+  weekDays: {
+    flexDirection: 'row',
+    marginBottom: 8
+  },
+  weekDayText: {
+    flex: 1,
+    textAlign: 'center',
+    fontSize: 13,
+    fontWeight: '600',
+    color: '#8E8E93'
+  }
+});
+export const CalendarGrid = /*#__PURE__*/memo(props => {
+  const {
+    minDate,
+    maxDate,
+    disabledDates,
+    themeMode,
+    weekStartsOn = 0,
+    selectionMode = 'single'
+  } = props;
+
+  // Extract mode-specific props
+  const singleValue = selectionMode === 'single' ? props.value : null;
+  const singleOnChange = selectionMode === 'single' ? props.onChange : null;
+  const rangeStart = selectionMode === 'range' ? props.startDate : null;
+  const rangeEnd = selectionMode === 'range' ? props.endDate : null;
+  const rangeOnChange = selectionMode === 'range' ? props.onRangeChange : null;
+  const overrides = useDatePickerOverrides();
+  const [currentMonth, setCurrentMonth] = React.useState(() => getFirstDayOfMonth(singleValue ?? rangeStart ?? new Date()));
+  const days = useMemo(() => generateMonthDays(currentMonth, weekStartsOn), [currentMonth, weekStartsOn]);
+  const weekDays = weekStartsOn === 0 ? WEEK_DAYS_SUNDAY_START : WEEK_DAYS_MONDAY_START;
+  const todayDate = useMemo(() => today(), []);
+  const isDisabled = useCallback(date => {
+    if (!date) return true;
+    if (minDate && compareDates(date, minDate) < 0) return true;
+    if (maxDate && compareDates(date, maxDate) > 0) return true;
+    if (disabledDates?.some(d => isSameDay(date, d))) return true;
+    return false;
+  }, [minDate, maxDate, disabledDates]);
+  const navigateMonth = useCallback(direction => {
+    setCurrentMonth(prev => addMonths(prev, direction));
+  }, []);
+
+  // Handle date press for both single and range modes
+  const handleDatePress = useCallback(date => {
+    if (selectionMode === 'single' && singleOnChange) {
+      singleOnChange(date);
+    } else if (selectionMode === 'range' && rangeOnChange) {
+      // Range selection logic:
+      // 1. If no start date, set start date
+      // 2. If start date but no end date, set end date (if after start)
+      // 3. If both dates exist, reset to new start date
+      if (!rangeStart || rangeStart && rangeEnd) {
+        rangeOnChange({
+          startDate: date,
+          endDate: null
+        });
+      } else {
+        // Have start but no end
+        if (compareDates(date, rangeStart) < 0) {
+          // Clicked before start - make this the new start
+          rangeOnChange({
+            startDate: date,
+            endDate: null
+          });
+        } else if (isSameDay(date, rangeStart)) {
+          // Clicked same day - clear selection
+          rangeOnChange({
+            startDate: date,
+            endDate: null
+          });
+        } else {
+          // Clicked after start - set as end date
+          rangeOnChange({
+            startDate: rangeStart,
+            endDate: date
+          });
+        }
+      }
+    }
+  }, [selectionMode, singleOnChange, rangeOnChange, rangeStart, rangeEnd]);
+
+  // Check if date is in range (between start and end)
+  const isDateInRange = useCallback(date => {
+    if (!date || selectionMode !== 'range' || !rangeStart || !rangeEnd) {
+      return false;
+    }
+    return compareDates(date, rangeStart) > 0 && compareDates(date, rangeEnd) < 0;
+  }, [selectionMode, rangeStart, rangeEnd]);
+  const renderDay = useCallback(({
+    item
+  }) => {
+    const isRangeStart = selectionMode === 'range' && item && rangeStart ? isSameDay(item, rangeStart) : false;
+    const isRangeEnd = selectionMode === 'range' && item && rangeEnd ? isSameDay(item, rangeEnd) : false;
+    const isSelected = selectionMode === 'single' && item && singleValue ? isSameDay(item, singleValue) : false;
+    return /*#__PURE__*/_jsx(DayCell, {
+      date: item,
+      isSelected: isSelected,
+      isToday: item ? isSameDay(item, todayDate) : false,
+      isDisabled: isDisabled(item),
+      isWeekend: item ? getDayOfWeek(item) === 0 || getDayOfWeek(item) === 6 : false,
+      isRangeStart: isRangeStart,
+      isRangeEnd: isRangeEnd,
+      isInRange: isDateInRange(item),
+      onPress: item && !isDisabled(item) ? () => handleDatePress(item) : undefined
+    });
+  }, [selectionMode, singleValue, rangeStart, rangeEnd, todayDate, isDisabled, isDateInRange, handleDatePress]);
+  const keyExtractor = useCallback((item, index) => item?.toISOString() ?? `empty-${index}`, []);
+  const getItemLayout = useCallback((_data, index) => ({
+    length: CELL_SIZE,
+    offset: CELL_SIZE * Math.floor(index / 7),
+    index
+  }), []);
+
+  // Build override styles
+  const containerStyle = useMemo(() => ({
+    backgroundColor: overrides?.backgroundColor ?? DEFAULT_COLORS.backgroundColor,
+    borderRadius: overrides?.borderRadius ?? DEFAULT_COLORS.borderRadius,
+    padding: overrides?.padding ?? DEFAULT_COLORS.padding
+  }), [overrides]);
+  const navTextStyle = useMemo(() => ({
+    color: overrides?.primaryColor ?? DEFAULT_COLORS.primaryColor
+  }), [overrides]);
+  const monthTitleStyle = useMemo(() => ({
+    color: overrides?.textColor ?? DEFAULT_COLORS.textColor
+  }), [overrides]);
+  const weekDayTextStyle = useMemo(() => ({
+    color: overrides?.textWeekendColor ?? DEFAULT_COLORS.weekdayColor
+  }), [overrides]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [webStyles.container, containerStyle],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: webStyles.header,
+      children: [/*#__PURE__*/_jsx(Pressable, {
+        onPress: () => navigateMonth(-1),
+        style: webStyles.navButton,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [webStyles.navText, navTextStyle],
+          children: "\u2039"
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [webStyles.monthTitle, monthTitleStyle],
+        children: formatYearMonth(currentMonth)
+      }), /*#__PURE__*/_jsx(Pressable, {
+        onPress: () => navigateMonth(1),
+        style: webStyles.navButton,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [webStyles.navText, navTextStyle],
+          children: "\u203A"
+        })
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      style: webStyles.weekDays,
+      children: weekDays.map(day => /*#__PURE__*/_jsx(Text, {
+        style: [webStyles.weekDayText, weekDayTextStyle],
+        children: day
+      }, day))
+    }), /*#__PURE__*/_jsx(FlatList, {
+      data: days,
+      renderItem: renderDay,
+      keyExtractor: keyExtractor,
+      getItemLayout: getItemLayout,
+      numColumns: 7,
+      scrollEnabled: false,
+      removeClippedSubviews: true,
+      maxToRenderPerBatch: 14,
+      windowSize: 3,
+      initialNumToRender: 42
+    })]
+  });
+});
+CalendarGrid.displayName = 'CalendarGrid';
+//# sourceMappingURL=CalendarGrid.web.js.map

package/lib/module/components/CalendarGrid/CalendarGrid.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","FlatList","Pressable","StyleSheet","Text","View","useDatePickerOverrides","addMonths","compareDates","formatYearMonth","getDayOfWeek","getFirstDayOfMonth","getMonthDays","isSameDay","today","DayCell","jsx","_jsx","jsxs","_jsxs","CELL_SIZE","WEEK_DAYS_SUNDAY_START","WEEK_DAYS_MONDAY_START","DEFAULT_COLORS","backgroundColor","primaryColor","textColor","weekdayColor","borderRadius","padding","generateMonthDays","currentMonth","weekStartsOn","firstDay","dayOfWeek","paddingDays","days","i","push","monthDays","getUTCFullYear","getUTCMonth","day","remaining","length","webStyles","create","container","header","flexDirection","justifyContent","alignItems","marginBottom","paddingHorizontal","navButton","width","height","navText","fontSize","color","fontWeight","monthTitle","weekDays","weekDayText","flex","textAlign","CalendarGrid","props","minDate","maxDate","disabledDates","themeMode","selectionMode","singleValue","value","singleOnChange","onChange","rangeStart","startDate","rangeEnd","endDate","rangeOnChange","onRangeChange","overrides","setCurrentMonth","useState","Date","todayDate","isDisabled","date","some","d","navigateMonth","direction","prev","handleDatePress","isDateInRange","renderDay","item","isRangeStart","isRangeEnd","isSelected","isToday","isWeekend","isInRange","onPress","undefined","keyExtractor","index","toISOString","getItemLayout","_data","offset","Math","floor","containerStyle","navTextStyle","monthTitleStyle","weekDayTextStyle","textWeekendColor","style","children","map","data","renderItem","numColumns","scrollEnabled","removeClippedSubviews","maxToRenderPerBatch","windowSize","initialNumToRender","displayName"],"sourceRoot":"../../../../src","sources":["components/CalendarGrid/CalendarGrid.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/CalendarGrid/DayCell.js

@@ -1,79 +1,103 @@
 "use strict";
 
-import { memo } from 'react';
-import { Pressable, Text } from 'react-native';
-import { StyleSheet } from 'react-native-unistyles';
+import { memo, useMemo } from 'react';
+import { Pressable, StyleSheet, Text } from 'react-native';
+import { useDatePickerOverrides } from "../../context/ThemeOverrideContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-const styles = StyleSheet.create(theme => ({
+// Default colors (dark theme)
+const DEFAULT_COLORS = {
+  cellBackground: 'transparent',
+  cellSelected: '#4DA6FF',
+  cellToday: '#1E3A5F',
+  cellInRange: 'rgba(77, 166, 255, 0.2)',
+  textDefault: '#FFFFFF',
+  textSelected: '#FFFFFF',
+  textDisabled: '#555555',
+  textWeekend: '#8E8E93',
+  textInRange: '#FFFFFF',
+  primary: '#4DA6FF',
+  cellBorderRadius: 22
+};
+const styles = StyleSheet.create({
   cell: {
     width: 44,
     height: 44,
     justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: theme.colors.datepicker.cellBackground,
-    variants: {
-      state: {
-        selected: {
-          backgroundColor: theme.colors.datepicker.cellSelected,
-          borderRadius: theme.radii.cell
-        },
-        today: {
-          backgroundColor: theme.colors.datepicker.cellToday,
-          borderRadius: theme.radii.cell,
-          borderWidth: 1,
-          borderColor: theme.colors.primary.default
-        },
-        disabled: {
-          opacity: 0.4
-        },
-        weekend: {}
-      }
-    }
+    alignItems: 'center'
   },
   text: {
-    fontSize: theme.typography.dayCell.fontSize,
-    fontWeight: theme.typography.dayCell.fontWeight,
-    color: theme.colors.datepicker.textDefault,
-    variants: {
-      state: {
-        selected: {
-          color: theme.colors.datepicker.textSelected,
-          fontWeight: '600'
-        },
-        today: {
-          color: theme.colors.primary.default,
-          fontWeight: '600'
-        },
-        disabled: {
-          color: theme.colors.datepicker.textDisabled
-        },
-        weekend: {
-          color: theme.colors.datepicker.textWeekend
-        }
-      }
-    }
+    fontSize: 17,
+    fontWeight: '400'
   }
-}));
+});
 export const DayCell = /*#__PURE__*/memo(({
   date,
   isSelected,
   isToday,
   isDisabled,
   isWeekend,
+  isRangeStart,
+  isRangeEnd,
+  isInRange,
   onPress
 }) => {
+  const overrides = useDatePickerOverrides();
+
+  // Build cell style based on state and overrides
+  // Use primaryColor as fallback for cellSelectedColor (consumer expectation)
+  const cellStyle = useMemo(() => {
+    const style = {
+      backgroundColor: DEFAULT_COLORS.cellBackground
+    };
+
+    // Range start/end get selected styling
+    if (isRangeStart || isRangeEnd || isSelected) {
+      style.backgroundColor = overrides?.cellSelectedColor ?? overrides?.primaryColor ?? DEFAULT_COLORS.cellSelected;
+      style.borderRadius = overrides?.cellBorderRadius ?? DEFAULT_COLORS.cellBorderRadius;
+    } else if (isInRange) {
+      // Dates in range get lighter background
+      style.backgroundColor = overrides?.cellInRangeColor ?? DEFAULT_COLORS.cellInRange;
+    } else if (isToday) {
+      style.backgroundColor = overrides?.cellTodayColor ?? DEFAULT_COLORS.cellToday;
+      style.borderRadius = overrides?.cellBorderRadius ?? DEFAULT_COLORS.cellBorderRadius;
+      style.borderWidth = 1;
+      style.borderColor = overrides?.primaryColor ?? DEFAULT_COLORS.primary;
+    }
+    if (isDisabled) {
+      style.opacity = 0.4;
+    }
+    return style;
+  }, [overrides, isSelected, isToday, isDisabled, isRangeStart, isRangeEnd, isInRange]);
+
+  // Build text style based on state and overrides
+  const textStyle = useMemo(() => {
+    const style = {
+      color: overrides?.textColor ?? DEFAULT_COLORS.textDefault,
+      fontWeight: '400'
+    };
+    if (isRangeStart || isRangeEnd || isSelected) {
+      style.color = overrides?.textSelectedColor ?? DEFAULT_COLORS.textSelected;
+      style.fontWeight = '600';
+    } else if (isInRange) {
+      style.color = overrides?.textInRangeColor ?? DEFAULT_COLORS.textInRange;
+    } else if (isToday) {
+      style.color = overrides?.primaryColor ?? DEFAULT_COLORS.primary;
+      style.fontWeight = '600';
+    } else if (isDisabled) {
+      style.color = overrides?.textDisabledColor ?? DEFAULT_COLORS.textDisabled;
+    } else if (isWeekend) {
+      style.color = overrides?.textWeekendColor ?? DEFAULT_COLORS.textWeekend;
+    }
+    return style;
+  }, [overrides, isSelected, isToday, isDisabled, isWeekend, isRangeStart, isRangeEnd, isInRange]);
   if (!date) {
     return /*#__PURE__*/_jsx(Pressable, {
       style: styles.cell,
       disabled: true
     });
   }
-  const state = isDisabled ? 'disabled' : isSelected ? 'selected' : isToday ? 'today' : isWeekend ? 'weekend' : undefined;
-  styles.useVariants({
-    state
-  });
   return /*#__PURE__*/_jsx(Pressable, {
-    style: styles.cell,
+    style: [styles.cell, cellStyle],
     onPress: onPress,
     disabled: isDisabled,
     accessibilityRole: "button",
@@ -87,10 +111,10 @@ export const DayCell = /*#__PURE__*/memo(({
       disabled: isDisabled
     },
     children: /*#__PURE__*/_jsx(Text, {
-      style: styles.text,
+      style: [styles.text, textStyle],
       children: date.getUTCDate()
     })
   });
-}, (prev, next) => prev.date?.getTime() === next.date?.getTime() && prev.isSelected === next.isSelected && prev.isToday === next.isToday && prev.isDisabled === next.isDisabled);
+}, (prev, next) => prev.date?.getTime() === next.date?.getTime() && prev.isSelected === next.isSelected && prev.isToday === next.isToday && prev.isDisabled === next.isDisabled && prev.isRangeStart === next.isRangeStart && prev.isRangeEnd === next.isRangeEnd && prev.isInRange === next.isInRange);
 DayCell.displayName = 'DayCell';
 //# sourceMappingURL=DayCell.js.map

package/lib/module/components/CalendarGrid/DayCell.js.map

@@ -1 +1 @@
-{"version":3,"names":["memo","Pressable","Text","StyleSheet","jsx","_jsx","styles","create","theme","cell","width","height","justifyContent","alignItems","backgroundColor","colors","datepicker","cellBackground","variants","state","selected","cellSelected","borderRadius","radii","today","cellToday","borderWidth","borderColor","primary","default","disabled","opacity","weekend","text","fontSize","typography","dayCell","fontWeight","color","textDefault","textSelected","textDisabled","textWeekend","DayCell","date","isSelected","isToday","isDisabled","isWeekend","onPress","style","undefined","useVariants","accessibilityRole","accessibilityLabel","Intl","DateTimeFormat","weekday","month","day","format","accessibilityState","children","getUTCDate","prev","next","getTime","displayName"],"sourceRoot":"../../../../src","sources":["components/CalendarGrid/DayCell.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["memo","useMemo","Pressable","StyleSheet","Text","useDatePickerOverrides","jsx","_jsx","DEFAULT_COLORS","cellBackground","cellSelected","cellToday","cellInRange","textDefault","textSelected","textDisabled","textWeekend","textInRange","primary","cellBorderRadius","styles","create","cell","width","height","justifyContent","alignItems","text","fontSize","fontWeight","DayCell","date","isSelected","isToday","isDisabled","isWeekend","isRangeStart","isRangeEnd","isInRange","onPress","overrides","cellStyle","style","backgroundColor","cellSelectedColor","primaryColor","borderRadius","cellInRangeColor","cellTodayColor","borderWidth","borderColor","opacity","textStyle","color","textColor","textSelectedColor","textInRangeColor","textDisabledColor","textWeekendColor","disabled","accessibilityRole","accessibilityLabel","Intl","DateTimeFormat","weekday","month","day","format","accessibilityState","selected","children","getUTCDate","prev","next","getTime","displayName"],"sourceRoot":"../../../../src","sources":["components/CalendarGrid/DayCell.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/CalendarGrid/DayCell.web.js

@@ -0,0 +1,124 @@
+"use strict";
+
+/// <reference lib="dom" />
+
+import { memo, useMemo } from 'react';
+import { Pressable, StyleSheet, Text } from 'react-native';
+import { useDatePickerOverrides } from "../../context/ThemeOverrideContext.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+// Default colors (light theme for web)
+const DEFAULT_COLORS = {
+  cellBackground: 'transparent',
+  cellSelected: '#007AFF',
+  cellToday: 'rgba(0, 122, 255, 0.1)',
+  cellInRange: 'rgba(0, 122, 255, 0.15)',
+  textDefault: '#1C1C1E',
+  textSelected: '#FFFFFF',
+  textDisabled: '#8E8E93',
+  textWeekend: '#8E8E93',
+  textInRange: '#1C1C1E',
+  primary: '#007AFF',
+  cellBorderRadius: 22
+};
+
+// Web-compatible styles (no unistyles dependency)
+const webStyles = StyleSheet.create({
+  cell: {
+    width: 44,
+    height: 44,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  text: {
+    fontSize: 17,
+    fontWeight: '400'
+  }
+});
+export const DayCell = /*#__PURE__*/memo(({
+  date,
+  isSelected,
+  isToday,
+  isDisabled,
+  isWeekend,
+  isRangeStart,
+  isRangeEnd,
+  isInRange,
+  onPress
+}) => {
+  const overrides = useDatePickerOverrides();
+
+  // Build cell style based on state and overrides
+  // Use primaryColor as fallback for cellSelectedColor (consumer expectation)
+  const cellStyle = useMemo(() => {
+    const style = {
+      backgroundColor: DEFAULT_COLORS.cellBackground
+    };
+
+    // Range start/end get selected styling
+    if (isRangeStart || isRangeEnd || isSelected) {
+      style.backgroundColor = overrides?.cellSelectedColor ?? overrides?.primaryColor ?? DEFAULT_COLORS.cellSelected;
+      style.borderRadius = overrides?.cellBorderRadius ?? DEFAULT_COLORS.cellBorderRadius;
+    } else if (isInRange) {
+      // Dates in range get lighter background
+      style.backgroundColor = overrides?.cellInRangeColor ?? DEFAULT_COLORS.cellInRange;
+    } else if (isToday) {
+      style.backgroundColor = overrides?.cellTodayColor ?? DEFAULT_COLORS.cellToday;
+      style.borderRadius = overrides?.cellBorderRadius ?? DEFAULT_COLORS.cellBorderRadius;
+      style.borderWidth = 1;
+      style.borderColor = overrides?.primaryColor ?? DEFAULT_COLORS.primary;
+    }
+    if (isDisabled) {
+      style.opacity = 0.4;
+    }
+    return style;
+  }, [overrides, isSelected, isToday, isDisabled, isRangeStart, isRangeEnd, isInRange]);
+
+  // Build text style based on state and overrides
+  const textStyle = useMemo(() => {
+    const style = {
+      color: overrides?.textColor ?? DEFAULT_COLORS.textDefault,
+      fontWeight: '400'
+    };
+    if (isRangeStart || isRangeEnd || isSelected) {
+      style.color = overrides?.textSelectedColor ?? DEFAULT_COLORS.textSelected;
+      style.fontWeight = '600';
+    } else if (isInRange) {
+      style.color = overrides?.textInRangeColor ?? DEFAULT_COLORS.textInRange;
+    } else if (isToday) {
+      style.color = overrides?.primaryColor ?? DEFAULT_COLORS.primary;
+      style.fontWeight = '600';
+    } else if (isDisabled) {
+      style.color = overrides?.textDisabledColor ?? DEFAULT_COLORS.textDisabled;
+    } else if (isWeekend) {
+      style.color = overrides?.textWeekendColor ?? DEFAULT_COLORS.textWeekend;
+    }
+    return style;
+  }, [overrides, isSelected, isToday, isDisabled, isWeekend, isRangeStart, isRangeEnd, isInRange]);
+  if (!date) {
+    return /*#__PURE__*/_jsx(Pressable, {
+      style: webStyles.cell,
+      disabled: true
+    });
+  }
+  return /*#__PURE__*/_jsx(Pressable, {
+    style: [webStyles.cell, cellStyle],
+    onPress: onPress,
+    disabled: isDisabled,
+    accessibilityRole: "button",
+    accessibilityLabel: new Intl.DateTimeFormat('en-US', {
+      weekday: 'long',
+      month: 'long',
+      day: 'numeric'
+    }).format(date),
+    accessibilityState: {
+      selected: isSelected,
+      disabled: isDisabled
+    },
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [webStyles.text, textStyle],
+      children: date.getUTCDate()
+    })
+  });
+}, (prev, next) => prev.date?.getTime() === next.date?.getTime() && prev.isSelected === next.isSelected && prev.isToday === next.isToday && prev.isDisabled === next.isDisabled && prev.isRangeStart === next.isRangeStart && prev.isRangeEnd === next.isRangeEnd && prev.isInRange === next.isInRange);
+DayCell.displayName = 'DayCell';
+//# sourceMappingURL=DayCell.web.js.map

package/lib/module/components/CalendarGrid/DayCell.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useMemo","Pressable","StyleSheet","Text","useDatePickerOverrides","jsx","_jsx","DEFAULT_COLORS","cellBackground","cellSelected","cellToday","cellInRange","textDefault","textSelected","textDisabled","textWeekend","textInRange","primary","cellBorderRadius","webStyles","create","cell","width","height","justifyContent","alignItems","text","fontSize","fontWeight","DayCell","date","isSelected","isToday","isDisabled","isWeekend","isRangeStart","isRangeEnd","isInRange","onPress","overrides","cellStyle","style","backgroundColor","cellSelectedColor","primaryColor","borderRadius","cellInRangeColor","cellTodayColor","borderWidth","borderColor","opacity","textStyle","color","textColor","textSelectedColor","textInRangeColor","textDisabledColor","textWeekendColor","disabled","accessibilityRole","accessibilityLabel","Intl","DateTimeFormat","weekday","month","day","format","accessibilityState","selected","children","getUTCDate","prev","next","getTime","displayName"],"sourceRoot":"../../../../src","sources":["components/CalendarGrid/DayCell.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/CalendarGrid/index.js

@@ -1,4 +1,4 @@
 "use strict";
 
-export { CalendarGrid } from "./CalendarGrid.js";
+export { CalendarGrid } from './CalendarGrid';
 //# sourceMappingURL=index.js.map

package/lib/module/components/CalendarGrid/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["CalendarGrid"],"sourceRoot":"../../../../src","sources":["components/CalendarGrid/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,mBAAgB","ignoreList":[]}
+{"version":3,"names":["CalendarGrid"],"sourceRoot":"../../../../src","sources":["components/CalendarGrid/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,gBAAgB","ignoreList":[]}