Fix in CalendarCell for date range selection (#1887)

## 📝 Changes

Fix in CalendarCell for date range selection. Date range was no longer
getting selected, the check never returned the proper boolean to
actually set the value. Updated to no longer have custom handling (not
sure how it was working before really) and just allow the underlying
react-aria to handle the selection.

## ✅ Checklist

Easy UI has certain UX standards that must be met. In general,
non-trivial changes should meet the following criteria:

- [X] Visuals match Design Specs in Figma
- [X] Stories accompany any component changes
- [X] Code is in accordance with our style guide
- [X] Design tokens are utilized
- [X] Unit tests accompany any component changes
- [X] TSDoc is written for any API surface area
- [X] Specs are up-to-date
- [X] Console is free from warnings
- [X] No accessibility violations are reported
- [X] Cross-browser check is performed (Chrome, Safari, Firefox)
- [X] Changeset is added

Author: ranebo

.changeset/open-friends-fall.md

@@ -0,0 +1,5 @@
+---
+"@easypost/easy-ui": patch
+---
+
+Fixes CalendarCell date range selection

easy-ui-react/src/Calendar/CalendarCell.tsx

@@ -30,26 +30,31 @@ export function CalendarCell({ state, date }: CalendarCellProps) {
   } = useCalendarCell({ date }, state, ref);
   const isRangeCalendar = has(state, "highlightedRange");
   const rangeState = state as unknown as RangeCalendarState;
-  const singleState = state as unknown as CalendarState;
   const isNextMonth = date.compare(state.visibleRange.end) > 0;
   const isPreviousMonth = date.compare(state.visibleRange.start) < 0;
 
-  const handleMonthNavigation = () => {
-    if (state.isDisabled || isUnavailable || state.isReadOnly) return;
-    if (isNextMonth && !isUnavailable) {
+  const handleMonthNavigation = (e: React.MouseEvent<HTMLDivElement>) => {
+    // Handle month navigation for dates outside current month
+    if (
+      isNextMonth &&
+      !isUnavailable &&
+      !state.isDisabled &&
+      !state.isReadOnly
+    ) {
       state.focusNextPage();
-    }
-    if (isPreviousMonth && !isUnavailable) {
+    } else if (
+      isPreviousMonth &&
+      !isUnavailable &&
+      !state.isDisabled &&
+      !state.isReadOnly
+    ) {
       state.focusPreviousPage();
     }
-    if (!state.isInvalid(date)) {
-      if (isRangeCalendar) {
-        if (!rangeState.anchorDate) {
-          rangeState.setValue(rangeState.highlightedRange);
-        }
-      } else {
-        singleState.setValue(date);
-      }
+
+    // Call react-aria's onClick handler to properly handle date selection
+    if (buttonProps.onClick) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      buttonProps.onClick(e as any);
     }
   };