@multiplatform.one/forms 6.7.0 → 7.1.0

package/dist/esm/fields/DatePicker/Calendar.native.js

@@ -1,11 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useMemo, useState } from "react";
-import { useAccentOnSurface, useResolvedKnobs } from "@multiplatform.one/theme";
-import { AnimatePresence, Separator, Text, View, XStack, YStack, useMedia } from "tamagui";
-import { Button } from "../../Button/index.native.js";
+import { Separator, Text, View, XStack, YStack, useMedia } from "tamagui";
 import { formCommonColors, formInputColors } from "../../shared/colorRamps.native.js";
 import { t } from "../../shared/t.native.js";
-import { CalendarHeader, MonthGrid, CalendarViewSwitcher, WeekView, YearGrid, dayCellRadius, isSameDay, toWeeks, useCalendarData, useDateAnimation, useDateNavigation, yearPageSize } from "./parts.native.js";
+import { CalendarDays, CalendarHeader, CalendarPanelFrame, CalendarViewSwitcher, isSameDay, useCalendarData, useCalendarKnobs, useDateNavigation, yearPageSize } from "./parts.native.js";
 function getRangeStatus(day, dates) {
   if (dates.length === 0) return "none";
   if (dates.length === 1 && isSameDay(day, dates[0])) return "selected-single";
@@ -25,126 +23,59 @@ function CalendarDayGrid(param) {
     minDate,
     maxDate
   } = param;
-  var {
-    knobProps
-  } = useResolvedKnobs();
-  var accentText = useAccentOnSurface();
-  var {
-    animation,
-    animationKey
-  } = useDateAnimation(`${calendarData.year}-${calendarData.month}`);
-  var weeks = toWeeks(calendarData.days);
-  return /* @__PURE__ */_jsx(AnimatePresence, {
-    children: /* @__PURE__ */_jsxs(View, {
-      width: "100%",
-      ...knobProps.gap,
-      transition: "medium",
-      ...animation,
-      children: [/* @__PURE__ */_jsx(WeekView, {}), /* @__PURE__ */_jsx(View, {
-        flexDirection: "column",
-        gap: "$1",
-        width: "100%",
-        children: weeks.map(function (week) {
-          var hasCurrentMonthDay = week.some(function (d) {
-            return d.getMonth() === calendarData.month;
-          });
-          if (!hasCurrentMonthDay) return /* @__PURE__ */_jsx(View, {
-            height: "$3"
-          }, week[0].toISOString());
-          return /* @__PURE__ */_jsx(View, {
-            flexDirection: "row",
-            justifyContent: "space-between",
-            width: "100%",
-            children: week.map(function (day) {
-              var isCurrentMonth = day.getMonth() === calendarData.month;
-              var isToday = isSameDay(calendarData.today, day);
-              var isOutOfRange = minDate != null && day < minDate || maxDate != null && day > maxDate;
-              var isDisabled = !isCurrentMonth || isOutOfRange;
-              if (!isCurrentMonth) {
-                return /* @__PURE__ */_jsx(View, {
-                  flex: 1,
-                  width: "100%"
-                }, day.toISOString());
-              }
-              var isSelected = mode === "range" ? function () {
-                var status = getRangeStatus(day, selectedDates);
-                return status === "range-start" || status === "range-end" || status === "selected-single";
-              }() : selectedDates.some(function (date) {
-                return isSameDay(date, day);
-              });
-              var rangeStatus = mode === "range" ? getRangeStatus(day, selectedDates) : "none";
-              var isInRange = rangeStatus === "in-range";
-              return /* @__PURE__ */_jsxs(View, {
-                flex: 1,
-                width: "100%",
-                justifyContent: "center",
-                alignItems: "center",
-                position: "relative",
-                children: [/* Range background stripe */
-                mode === "range" && (isInRange || rangeStatus === "range-start" || rangeStatus === "range-end") && /* @__PURE__ */_jsx(View, {
-                  transition: "quick",
-                  position: "absolute",
-                  height: "100%",
-                  zIndex: 0,
-                  backgroundColor: formInputColors.background.focus,
-                  enterStyle: {
-                    opacity: 0
-                  },
-                  exitStyle: {
-                    opacity: 0
-                  },
-                  opacity: 1,
-                  ...(rangeStatus === "range-start" ? {
-                    insetInlineStart: "50%",
-                    insetInlineEnd: 0,
-                    width: "50%"
-                  } : rangeStatus === "range-end" ? {
-                    insetInlineStart: 0,
-                    insetInlineEnd: "50%",
-                    width: "50%"
-                  } : {
-                    insetInlineStart: 0,
-                    insetInlineEnd: 0,
-                    width: "100%"
-                  })
-                }), /* @__PURE__ */_jsx(Button, {
-                  chromeless: true,
-                  circular: true,
-                  ...dayCellRadius(knobProps),
-                  disabled: isDisabled,
-                  onPress: function onPress() {
-                    return !isDisabled && onDayPress(day);
-                  },
-                  theme: isSelected ? "accent" : void 0,
-                  borderWidth: knobProps.borderRadius.borderWidth || 1,
-                  borderColor: isSelected ? "$backgroundStrong" : "transparent",
-                  backgroundColor: isSelected ? formInputColors.background.focus : "transparent",
-                  zIndex: 1,
-                  children: isSelected ? /* @__PURE__ */_jsx(Button.Text, {
-                    transition: "quick",
-                    enterStyle: {
-                      opacity: 0,
-                      y: 20
-                    },
-                    exitStyle: {
-                      opacity: 0,
-                      y: 20
-                    },
-                    opacity: 1,
-                    fontWeight: "bold",
-                    children: day.getDate()
-                  }, "text-selected") : /* @__PURE__ */_jsx(Button.Text, {
-                    color: isToday ? accentText : formCommonColors.text,
-                    children: day.getDate()
-                  }, "text-normal")
-                })]
-              }, day.toISOString());
-            })
-          }, week[0].toISOString());
+  return /* @__PURE__ */_jsx(CalendarDays, {
+    calendarData,
+    minDate,
+    maxDate,
+    skipEmptyWeeks: true,
+    isSelected: function isSelected(day) {
+      if (mode === "range") {
+        var status = getRangeStatus(day, selectedDates);
+        return status === "range-start" || status === "range-end" || status === "selected-single";
+      }
+      return selectedDates.some(function (date) {
+        return isSameDay(date, day);
+      });
+    },
+    onSelect: onDayPress,
+    selectedBackground: formInputColors.background.focus,
+    onToday: function onToday() {
+      return onDayPress(/* @__PURE__ */new Date());
+    },
+    rangeStripe: mode === "range" ? function (day) {
+      var rangeStatus = getRangeStatus(day, selectedDates);
+      if (rangeStatus !== "in-range" && rangeStatus !== "range-start" && rangeStatus !== "range-end") {
+        return null;
+      }
+      return /* @__PURE__ */_jsx(View, {
+        transition: "quick",
+        position: "absolute",
+        height: "100%",
+        zIndex: 0,
+        backgroundColor: formInputColors.background.focus,
+        enterStyle: {
+          opacity: 0
+        },
+        exitStyle: {
+          opacity: 0
+        },
+        opacity: 1,
+        ...(rangeStatus === "range-start" ? {
+          insetInlineStart: "50%",
+          insetInlineEnd: 0,
+          width: "50%"
+        } : rangeStatus === "range-end" ? {
+          insetInlineStart: 0,
+          insetInlineEnd: "50%",
+          width: "50%"
+        } : {
+          insetInlineStart: 0,
+          insetInlineEnd: 0,
+          width: "100%"
         })
-      })]
-    })
-  }, animationKey);
+      });
+    } : void 0
+  });
 }
 function CalendarPanel(param) {
   var {
@@ -172,11 +103,7 @@ function CalendarPanel(param) {
     setViewMode,
     yearPageStart,
     setYearPageStart,
-    children: /* @__PURE__ */_jsxs(View, {
-      flexDirection: "column",
-      alignItems: "center",
-      gap: "$4",
-      width: "100%",
+    children: /* @__PURE__ */_jsxs(CalendarPanelFrame, {
       children: [/* @__PURE__ */_jsx(CalendarHeader, {
         year: calendarData.year,
         monthName: calendarData.monthName,
@@ -218,7 +145,10 @@ function Calendar(param) {
   } = param;
   var {
     knobProps
-  } = useResolvedKnobs();
+  } = useCalendarKnobs();
+  var {
+    px
+  } = knobProps.nestedControl;
   var [internalMode, setInternalMode] = useState(modeProp !== null && modeProp !== void 0 ? modeProp : "range");
   var mode = modeProp !== null && modeProp !== void 0 ? modeProp : internalMode;
   var [internalDates, setInternalDates] = useState([]);
@@ -293,37 +223,33 @@ function Calendar(param) {
     date.setMonth(date.getMonth() - 1);
     return date;
   }, [displayDate]);
-  var [viewMode, setViewMode] = useState("day");
-  var calendarData = useCalendarData(displayDate);
-  var [yearPageStart, setYearPageStart] = useState(function () {
-    return calendarData.year - calendarData.year % yearPageSize;
-  });
   return /* @__PURE__ */_jsxs(YStack, {
-    ...knobProps.gapLg,
+    ...knobProps.gap,
     children: [showTabs && /* @__PURE__ */_jsx(XStack, {
       alignSelf: "center",
-      // Full control-tier fragment spread (AGENTS.md knob rule) so the
-      // cornerSmoothing class rides along with the radius; the pill's
-      // border chrome is ejected after the spread (owner-decided:
-      // divider hairline + min-1 width stay as designed).
+      width: px * 7,
       ...knobProps.borderRadius,
       borderWidth: knobProps.borderRadius.borderWidth || 1,
       borderColor: formCommonColors.divider,
       backgroundColor: "$backgroundStrong",
       padding: 2,
       children: ["range", "single", "multiple"].map(function (m) {
-        return /* @__PURE__ */_jsx(Button, {
-          size: knobProps.sizeToken,
-          chromeless: true,
+        return /* @__PURE__ */_jsx(View, {
           flex: 1,
+          height: px,
+          alignItems: "center",
+          justifyContent: "center",
+          cursor: "pointer",
           theme: mode === m ? "accent" : void 0,
           backgroundColor: mode === m ? "$background" : "transparent",
           onPress: function onPress() {
             return handleModeChange(m);
           },
+          "data-nested-px": px,
           children: /* @__PURE__ */_jsx(Text, {
-            fontSize: knobProps.sizeToken,
-            ...knobProps.body,
+            ...knobProps.label,
+            ...knobProps.textWeight,
+            fontWeight: mode === m ? "600" : "400",
             children: m === "range" ? t("Range") : m === "single" ? t("Single") : t("Multiple")
           })
         }, m);
@@ -331,15 +257,12 @@ function Calendar(param) {
     }), /* @__PURE__ */_jsxs(View, {
       backgroundColor: "$background",
       flexDirection: "row",
-      ...knobProps.gapLg,
+      ...knobProps.gap,
       ...knobProps.panelPadding,
-      // Full fragment spread (AGENTS.md knob rule) so the cornerSmoothing
-      // class rides along with the outer radius; border chrome stays the
-      // calendar's own (divider hairline, min-1 width).
       ...knobProps.borderRadiusOuter,
       borderWidth: knobProps.borderRadius.borderWidth || 1,
       borderColor: formCommonColors.divider,
-      children: [viewMode === "day" && !fullWidthMode && /* @__PURE__ */_jsx(CalendarPanel, {
+      children: [!fullWidthMode && /* @__PURE__ */_jsx(CalendarPanel, {
         displayDate,
         selectedDates,
         onDayPress: handleDayPress,
@@ -348,7 +271,7 @@ function Calendar(param) {
         mode,
         minDate,
         maxDate
-      }), viewMode === "day" && fullWidthMode && /* @__PURE__ */_jsxs(_Fragment, {
+      }), fullWidthMode && /* @__PURE__ */_jsxs(_Fragment, {
         children: [/* @__PURE__ */_jsx(CalendarPanel, {
           displayDate: prevMonthDate,
           selectedDates,
@@ -372,52 +295,6 @@ function Calendar(param) {
           maxDate,
           showPrev: false
         })]
-      }), viewMode === "month" && /* @__PURE__ */_jsxs(View, {
-        flexDirection: "column",
-        alignItems: "center",
-        ...knobProps.gapLg,
-        width: "100%",
-        children: [/* @__PURE__ */_jsx(Text, {
-          fontSize: knobProps.sizeToken,
-          alignSelf: "center",
-          ...knobProps.body,
-          ...knobProps.textWeight,
-          children: "Select a month"
-        }), /* @__PURE__ */_jsx(MonthGrid, {
-          currentYear: calendarData.year,
-          selectedMonth: calendarData.month,
-          onSelectMonth: function onSelectMonth(month) {
-            var newDate = new Date(displayDate);
-            newDate.setMonth(month);
-            setDisplayDate(newDate);
-            setViewMode("day");
-          }
-        })]
-      }), viewMode === "year" && /* @__PURE__ */_jsx(View, {
-        flexDirection: "column",
-        alignItems: "center",
-        ...knobProps.gapLg,
-        width: "100%",
-        children: /* @__PURE__ */_jsx(YearGrid, {
-          yearPageStart,
-          selectedYear: calendarData.year,
-          onSelectYear: function onSelectYear(year) {
-            var newDate = new Date(displayDate);
-            newDate.setFullYear(year);
-            setDisplayDate(newDate);
-            setViewMode("month");
-          },
-          onPrevPage: function onPrevPage() {
-            return setYearPageStart(function (s) {
-              return s - yearPageSize;
-            });
-          },
-          onNextPage: function onNextPage() {
-            return setYearPageStart(function (s) {
-              return s + yearPageSize;
-            });
-          }
-        })
       })]
     })]
   });

package/dist/esm/fields/DatePicker/Calendar.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useCallback","useMemo","useState","useAccentOnSurface","useResolvedKnobs","AnimatePresence","Separator","Text","View","XStack","YStack","useMedia","Button","formCommonColors","formInputColors","t","CalendarHeader","MonthGrid","CalendarViewSwitcher","WeekView","YearGrid","dayCellRadius","isSameDay","toWeeks","useCalendarData","useDateAnimation","useDateNavigation","yearPageSize","getRangeStatus","day","dates","length","start","end","CalendarDayGrid","param","calendarData","selectedDates","onDayPress","mode","minDate","maxDate","knobProps","accentText","animation","animationKey","year","month","weeks","days","children","width","gap","transition","flexDirection","map","week","hasCurrentMonthDay","some","d","getMonth","height","toISOString","justifyContent","isCurrentMonth","isToday","today","isOutOfRange","isDisabled","flex","isSelected","status","date","rangeStatus","isInRange","alignItems","position","zIndex","backgroundColor","background","focus","enterStyle","opacity","exitStyle","insetInlineStart","insetInlineEnd","chromeless","circular","disabled","onPress","theme","borderWidth","borderRadius","borderColor","y","fontWeight","getDate","color","text","CalendarPanel","displayDate","onNavigateMonth","onSetDisplayDate","showPrev","showNext","viewMode","setViewMode","yearPageStart","setYearPageStart","monthName","onPrevMonth","onNextMonth","onYearPress","onMonthPress","Calendar","modeProp","showTabs","controlledDates","onDatesChange","limit","internalMode","setInternalMode","internalDates","setInternalDates","setSelectedDates","setDisplayDate","navigateMonth","gtSm","fullWidthMode","handleModeChange","value","handleDayPress","existing","findIndex","filter","_","i","sort","a","b","getTime","pair","handleNavigate","months","handleSetDisplayForPrev","next","Date","setMonth","prevMonthDate","gapLg","alignSelf","divider","padding","m","size","sizeToken","fontSize","body","panelPadding","borderRadiusOuter","vertical","textWeight","currentYear","selectedMonth","onSelectMonth","newDate"],"sources":["../../../../src/fields/DatePicker/Calendar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useCallback","useMemo","useState","Separator","Text","View","XStack","YStack","useMedia","formCommonColors","formInputColors","t","CalendarDays","CalendarHeader","CalendarPanelFrame","CalendarViewSwitcher","isSameDay","useCalendarData","useCalendarKnobs","useDateNavigation","yearPageSize","getRangeStatus","day","dates","length","start","end","CalendarDayGrid","param","calendarData","selectedDates","onDayPress","mode","minDate","maxDate","skipEmptyWeeks","isSelected","status","some","date","onSelect","selectedBackground","background","focus","onToday","Date","rangeStripe","rangeStatus","transition","position","height","zIndex","backgroundColor","enterStyle","opacity","exitStyle","insetInlineStart","insetInlineEnd","width","CalendarPanel","displayDate","onNavigateMonth","onSetDisplayDate","showPrev","showNext","viewMode","setViewMode","yearPageStart","setYearPageStart","year","children","monthName","onPrevMonth","onNextMonth","onYearPress","onMonthPress","Calendar","modeProp","showTabs","controlledDates","onDatesChange","limit","knobProps","px","nestedControl","internalMode","setInternalMode","internalDates","setInternalDates","setSelectedDates","setDisplayDate","navigateMonth","gtSm","fullWidthMode","handleModeChange","value","handleDayPress","existing","findIndex","d","filter","_","i","sort","a","b","getTime","pair","handleNavigate","months","handleSetDisplayForPrev","next","setMonth","getMonth","prevMonthDate","gap","alignSelf","borderRadius","borderWidth","borderColor","divider","padding","map","m","flex","alignItems","justifyContent","cursor","theme","onPress","label","textWeight","fontWeight","flexDirection","panelPadding","borderRadiusOuter","vertical"],"sources":["../../../../src/fields/DatePicker/Calendar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/DatePicker/DateRangePicker.mjs

@@ -1,14 +1,13 @@
-import { formatAbsoluteDate, useAccentOnSurface, useResolvedKnobs } from "@multiplatform.one/theme";
+import { formatAbsoluteDate, useResolvedKnobs } from "@multiplatform.one/theme";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { AnimatePresence, Separator, View, useMedia, useProps } from "tamagui";
-import { Button } from "../../Button/index.mjs";
+import { Separator, View, useMedia, useProps } from "tamagui";
 import { Field, FieldLayout } from "../../fieldLayout.mjs";
-import { formCommonColors, formInputColors } from "../../shared/colorRamps.mjs";
+import { formInputColors } from "../../shared/colorRamps.mjs";
 import { t } from "../../shared/t.mjs";
 import { getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.mjs";
 import { Input as InputParts } from "../../InputParts/index.mjs";
 import { Skeleton } from "../../Skeleton/index.mjs";
-import { CalendarHeader, DatePickerInputTrigger, DatePickerPopoverShell, CalendarViewSwitcher, WeekView, dayCellRadius, isSameDay, toWeeks, useCalendarData, useDateAnimation, useDateNavigation, yearPageSize } from "./parts.mjs";
+import { CalendarDays, CalendarHeader, CalendarPanelFrame, DatePickerInputTrigger, DatePickerPopoverShell, CalendarViewSwitcher, isSameDay, useCalendarData, useDateNavigation, yearPageSize } from "./parts.mjs";
 import { FieldValueSync } from "./fieldValueSync.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function getRangeStatus(day, start, end) {
@@ -27,117 +26,52 @@ function RangeDayGrid({
   minDate,
   maxDate
 }) {
-  const {
-    knobProps
-  } = useResolvedKnobs();
-  const accentText = useAccentOnSurface();
-  const {
-    animation,
-    animationKey
-  } = useDateAnimation(`${calendarData.year}-${calendarData.month}`);
-  const weeks = toWeeks(calendarData.days);
-  return /* @__PURE__ */jsx(AnimatePresence, {
-    children: /* @__PURE__ */jsxs(View, {
-      width: "100%",
-      ...knobProps.gap,
-      transition: "medium",
-      ...animation,
-      children: [/* @__PURE__ */jsx(WeekView, {}), /* @__PURE__ */jsx(View, {
-        flexDirection: "column",
-        gap: "$1",
-        width: "100%",
-        children: weeks.map(week => {
-          const hasCurrentMonthDay = week.some(d => d.getMonth() === calendarData.month);
-          if (!hasCurrentMonthDay) {
-            return /* @__PURE__ */jsx(View, {
-              height: "$3"
-            }, week[0].toISOString());
-          }
-          return /* @__PURE__ */jsx(View, {
-            flexDirection: "row",
-            justifyContent: "space-between",
-            width: "100%",
-            children: week.map(day => {
-              const isCurrentMonth = day.getMonth() === calendarData.month;
-              const isToday = isSameDay(calendarData.today, day);
-              const isOutOfRange = minDate != null && day < minDate || maxDate != null && day > maxDate;
-              const isDisabled = !isCurrentMonth || isOutOfRange;
-              const rangeStatus = isCurrentMonth ? getRangeStatus(day, rangeStart, rangeEnd) : "none";
-              const isSelected = rangeStatus === "range-start" || rangeStatus === "range-end" || rangeStatus === "selected-single";
-              const isInRange = rangeStatus === "in-range";
-              if (!isCurrentMonth) {
-                return /* @__PURE__ */jsx(View, {
-                  flex: 1
-                }, day.toISOString());
-              }
-              return /* @__PURE__ */jsxs(View, {
-                flex: 1,
-                justifyContent: "center",
-                alignItems: "center",
-                position: "relative",
-                children: [(isInRange || rangeStatus === "range-start" || rangeStatus === "range-end") && /* @__PURE__ */jsx(View, {
-                  transition: "quick",
-                  position: "absolute",
-                  height: "100%",
-                  zIndex: 0,
-                  backgroundColor: formInputColors.background.focus,
-                  enterStyle: {
-                    opacity: 0
-                  },
-                  exitStyle: {
-                    opacity: 0
-                  },
-                  opacity: 1,
-                  ...(rangeStatus === "range-start" ? {
-                    insetInlineStart: "50%",
-                    insetInlineEnd: 0,
-                    width: "50%"
-                  } : rangeStatus === "range-end" ? {
-                    insetInlineStart: 0,
-                    insetInlineEnd: "50%",
-                    width: "50%"
-                  } : {
-                    insetInlineStart: 0,
-                    insetInlineEnd: 0,
-                    width: "100%"
-                  })
-                }), /* @__PURE__ */jsx(Button, {
-                  chromeless: true,
-                  circular: true,
-                  ...dayCellRadius(knobProps),
-                  size: knobProps.sizeToken,
-                  disabled: isDisabled,
-                  onPress: () => !isDisabled && onSelectDate(day),
-                  backgroundColor: isSelected ? formInputColors.background.focus : "transparent",
-                  theme: isSelected ? "accent" : void 0,
-                  borderWidth: knobProps.borderRadius.borderWidth || 1,
-                  borderColor: isSelected ? "$backgroundStrong" : "transparent",
-                  zIndex: 1,
-                  children: isSelected ? /* @__PURE__ */jsx(Button.Text, {
-                    transition: "quick",
-                    enterStyle: {
-                      opacity: 0,
-                      y: 20
-                    },
-                    exitStyle: {
-                      opacity: 0,
-                      y: 20
-                    },
-                    opacity: 1,
-                    fontWeight: "bold",
-                    children: day.getDate()
-                  }, "text-selected") : /* @__PURE__ */jsx(Button.Text, {
-                    color: isToday ? accentText : formCommonColors.text,
-                    children: day.getDate()
-                  }, "text-normal")
-                })]
-              }, day.toISOString());
-            })
-          }, week[0].toISOString());
+  return /* @__PURE__ */jsx(CalendarDays, {
+    calendarData,
+    minDate,
+    maxDate,
+    skipEmptyWeeks: true,
+    isSelected: day => {
+      const status = getRangeStatus(day, rangeStart, rangeEnd);
+      return status === "range-start" || status === "range-end" || status === "selected-single";
+    },
+    onSelect: onSelectDate,
+    selectedBackground: formInputColors.background.focus,
+    onToday: () => onSelectDate(/* @__PURE__ */new Date()),
+    rangeStripe: day => {
+      const rangeStatus = getRangeStatus(day, rangeStart, rangeEnd);
+      if (rangeStatus !== "in-range" && rangeStatus !== "range-start" && rangeStatus !== "range-end") {
+        return null;
+      }
+      return /* @__PURE__ */jsx(View, {
+        transition: "quick",
+        position: "absolute",
+        height: "100%",
+        zIndex: 0,
+        backgroundColor: formInputColors.background.focus,
+        enterStyle: {
+          opacity: 0
+        },
+        exitStyle: {
+          opacity: 0
+        },
+        opacity: 1,
+        ...(rangeStatus === "range-start" ? {
+          insetInlineStart: "50%",
+          insetInlineEnd: 0,
+          width: "50%"
+        } : rangeStatus === "range-end" ? {
+          insetInlineStart: 0,
+          insetInlineEnd: "50%",
+          width: "50%"
+        } : {
+          insetInlineStart: 0,
+          insetInlineEnd: 0,
+          width: "100%"
         })
-      })]
-    })
-  }, animationKey);
+      });
+    }
+  });
 }
 function SingleCalendar({
   displayDate,
@@ -151,9 +85,6 @@ function SingleCalendar({
   showPrev = true,
   showNext = true
 }) {
-  const {
-    knobProps
-  } = useResolvedKnobs();
   const [viewMode, setViewMode] = useState("day");
   const calendarData = useCalendarData(displayDate);
   const [yearPageStart, setYearPageStart] = useState(() => calendarData.year - calendarData.year % yearPageSize);
@@ -165,11 +96,7 @@ function SingleCalendar({
     setViewMode,
     yearPageStart,
     setYearPageStart,
-    children: /* @__PURE__ */jsxs(View, {
-      flexDirection: "column",
-      alignItems: "center",
-      ...knobProps.gapLg,
-      width: "100%",
+    children: /* @__PURE__ */jsxs(CalendarPanelFrame, {
       children: [/* @__PURE__ */jsx(CalendarHeader, {
         year: calendarData.year,
         monthName: calendarData.monthName,
@@ -424,9 +351,11 @@ function DateRangePicker(props) {
         value: formatRange(rangeStart, rangeEnd),
         placeholder,
         disabled,
+        open,
         onReset: () => handleClear(fieldChange),
         onButtonPress: openPicker,
         error: !!hasError,
+        id,
         "aria-required": required || void 0,
         "aria-invalid": hasError || void 0
       }),