@scripso-homepad/ui 0.4.31 → 0.4.33

package/dist/index.js

@@ -1476,7 +1476,7 @@ var calendarDropdownMetrics = StyleSheet.create({
       boxSizing: "border-box"
     } : null
   },
-  dayCellPast: {
+  dayCellDisabled: {
     backgroundColor: colors.stormGray50
   },
   dayCellSelected: {
@@ -1599,6 +1599,10 @@ function resolveCalendarDropdownLeft(anchor, panelWidth = CALENDAR_PANEL_WIDTH)
   const maxLeft = Math.max(0, windowWidth - panelWidth);
   return Math.max(0, Math.min(anchor.x, maxLeft));
 }
+function resolveCalendarDropdownLeftCentered(panelWidth = CALENDAR_PANEL_WIDTH) {
+  const windowWidth = Dimensions.get("window").width;
+  return Math.max(0, (windowWidth - panelWidth) / 2);
+}
 var calendarFieldMetrics = StyleSheet.create({
   container: {
     flexDirection: "row",
@@ -2015,10 +2019,9 @@ function resolveDayCellStyle(day) {
   if (day.isSelected) {
     return [calendarDropdownMetrics.dayCell, calendarDropdownMetrics.dayCellSelected];
   }
-  const useMutedBackground = day.inCurrentMonth && !day.isToday && (day.isPast || day.isDisabled);
   return [
     calendarDropdownMetrics.dayCell,
-    useMutedBackground ? calendarDropdownMetrics.dayCellPast : null
+    day.isDisabled ? calendarDropdownMetrics.dayCellDisabled : null
   ];
 }
 function resolveDayLabelStyle(day) {
@@ -2031,7 +2034,7 @@ function resolveDayLabelStyle(day) {
   if (day.isToday) {
     return [calendarDropdownMetrics.dayLabel, calendarDropdownMetrics.dayLabelToday];
   }
-  if (day.isPast || day.isDisabled) {
+  if (day.isDisabled) {
     return [calendarDropdownMetrics.dayLabel, calendarDropdownMetrics.dayLabelMuted];
   }
   return [calendarDropdownMetrics.dayLabel, calendarDropdownMetrics.dayLabelFuture];
@@ -2309,6 +2312,7 @@ function CalendarIcon({
     }
   ) });
 }
+var isDesktopCalendar = Platform.OS === "web";
 function DatePicker(props) {
   const {
     label,
@@ -2391,9 +2395,8 @@ function DatePicker(props) {
   };
   const helperMessage = error ?? hint;
   const panelWidth = CALENDAR_PANEL_WIDTH;
-  const panelLeft = anchor ? resolveCalendarDropdownLeft(anchor, panelWidth) : 0;
+  const panelLeft = anchor ? isDesktopCalendar ? resolveCalendarDropdownLeft(anchor, panelWidth) : resolveCalendarDropdownLeftCentered(panelWidth) : 0;
   const dropdownTop = anchor ? resolveCalendarDropdownTop(anchor) : 0;
-  const resolvedDefaultViewDate = defaultViewDate ?? (props.mode === "range" ? props.value?.start : props.value) ?? today;
   function closePicker() {
     setOpen(false);
     setAnchor(null);
@@ -2407,6 +2410,7 @@ function DatePicker(props) {
       setOpen(true);
     });
   }
+  const resolvedDefaultViewDate = defaultViewDate ?? (props.mode === "range" ? props.value?.start : props.value) ?? today;
   function handleSingleSelect(date) {
     if (props.mode === "range") {
       return;