@super-calendar/native 2.3.2 → 2.4.0

package/README.md

@@ -62,6 +62,27 @@ export function MyCalendar() {
 }
 ```
 
+## Styling with Tailwind
+
+Every styleable part is a named slot that accepts a class (resolved by a Tailwind runtime such as [uniwind](https://docs.uniwind.dev) or NativeWind) and/or a style override. A classed slot drops its built-in themed styles, so your classes own the look:
+
+```tsx
+<Calendar
+  mode="month"
+  date={date}
+  events={events}
+  classNames={{
+    title: "text-center text-xl font-bold text-indigo-900",
+    weekday: "uppercase tracking-wider text-indigo-400",
+  }}
+  styles={{ more: { color: "#6366F1" } }}
+  onChangeDate={setDate}
+  onPressEvent={(event) => console.log(event.id)}
+/>
+```
+
+See the [styling guide](https://super-calendar.afonsojramos.me/guides/styling) for the slot list and the uniwind setup.
+
 ## Documentation
 
 See the [full documentation](https://super-calendar.afonsojramos.me) and the [quickstart](https://super-calendar.afonsojramos.me/quickstart), including theming, recurring events, time zones, and the headless picker.

package/dist/{DefaultMonthEvent-BW6qy50X.d.ts → DefaultMonthEvent-BSvuJUFk.d.ts}

@@ -1,9 +1,8 @@
 import { Locale } from "date-fns";
 import { ComponentType, ReactElement } from "react";
-import { StyleProp, TextStyle, ViewStyle } from "react-native";
+import { AccessibilityActionEvent, AccessibilityActionInfo, StyleProp, TextStyle, ViewStyle } from "react-native";
 import { SharedValue } from "react-native-reanimated";
 import { BusinessHours, CalendarColors, CalendarEvent, CalendarEvent as CalendarEvent$1, CalendarMode, CalendarMode as CalendarMode$1, DateRange, EventAccessibilityLabelContext, EventAccessibilityLabeler, EventAccessibilityLabeler as EventAccessibilityLabeler$1, EventKeyExtractor, ICalendarEvent, RecurrenceFrequency, RecurrenceRule, TimeGridMode, WeekStartsOn, WeekdayFormat, WeekdayFormat as WeekdayFormat$1 } from "@super-calendar/core";
-
 //#region src/theme.d.ts
 /**
  * The full set of colours, text styles and metrics the calendar paints with.
@@ -15,13 +14,21 @@ interface CalendarTheme {
   colors: CalendarColors;
   /** Text styles for the calendar's labels and the built-in event box. */
   text: {
-    /** The day number in a time-grid (week/day) column header. */dayNumber: TextStyle; /** The weekday label ("Mon") in a time-grid column header. */
-    columnHeaderWeekday: TextStyle; /** Short weekday label ("Mon") in the month grid's header row. */
-    weekday: TextStyle; /** The "MMMM yyyy" month title above the month grid. */
-    monthTitle: TextStyle; /** Date number inside a month cell. */
-    dateCell: TextStyle; /** Hour labels down the left of the time grid. */
-    hourLabel: TextStyle; /** The "+N more" overflow label in month cells. */
-    more: TextStyle; /** Title inside the built-in default event box. */
+    /** The day number in a time-grid (week/day) column header. */
+    dayNumber: TextStyle;
+    /** The weekday label ("Mon") in a time-grid column header. */
+    columnHeaderWeekday: TextStyle;
+    /** Short weekday label ("Mon") in the month grid's header row. */
+    weekday: TextStyle;
+    /** The "MMMM yyyy" month title above the month grid. */
+    monthTitle: TextStyle;
+    /** Date number inside a month cell. */
+    dateCell: TextStyle;
+    /** Hour labels down the left of the time grid. */
+    hourLabel: TextStyle;
+    /** The "+N more" overflow label in month cells. */
+    more: TextStyle;
+    /** Title inside the built-in default event box. */
     eventTitle: TextStyle;
   };
   /**
@@ -31,21 +38,37 @@ interface CalendarTheme {
    * out across the views; more slots as they land.)
    */
   containers: {
-    /** The month view's outer container (title + weekday header + grid). */monthContainer: ViewStyle; /** The weekday-label header row above a month grid. */
-    weekdayHeader: ViewStyle; /** Each week (row of 7 day cells) in the month grid. */
-    weekRow: ViewStyle; /** Each day cell in the month grid. */
-    dayCell: ViewStyle; /** The date badge (the circle) inside a month day cell. */
-    dayBadge: ViewStyle; /** An event chip inside a month day cell. */
-    monthEvent: ViewStyle; /** Each day's column header in the time grid. */
-    columnHeader: ViewStyle; /** The day-number badge (the circle) inside a time-grid column header. */
-    columnHeaderBadge: ViewStyle; /** A timed event's positioned box in the time grid (and resource timeline). */
-    timeGridEvent: ViewStyle; /** The current-time indicator line. */
-    nowIndicator: ViewStyle; /** Each resource row in the resource timeline. */
-    resourceRow: ViewStyle; /** The left-hand resource-label cell in the resource timeline. */
-    resourceLabel: ViewStyle; /** The schedule/agenda list's outer container. */
-    agendaList: ViewStyle; /** Each event row in the agenda list. */
-    agendaRow: ViewStyle; /** The all-day lane above the time grid. */
-    allDayLane: ViewStyle; /** Each day's column within the all-day lane. */
+    /** The month view's outer container (title + weekday header + grid). */
+    monthContainer: ViewStyle;
+    /** The weekday-label header row above a month grid. */
+    weekdayHeader: ViewStyle;
+    /** Each week (row of 7 day cells) in the month grid. */
+    weekRow: ViewStyle;
+    /** Each day cell in the month grid. */
+    dayCell: ViewStyle;
+    /** The date badge (the circle) inside a month day cell. */
+    dayBadge: ViewStyle;
+    /** An event chip inside a month day cell. */
+    monthEvent: ViewStyle;
+    /** Each day's column header in the time grid. */
+    columnHeader: ViewStyle;
+    /** The day-number badge (the circle) inside a time-grid column header. */
+    columnHeaderBadge: ViewStyle;
+    /** A timed event's positioned box in the time grid (and resource timeline). */
+    timeGridEvent: ViewStyle;
+    /** The current-time indicator line. */
+    nowIndicator: ViewStyle;
+    /** Each resource row in the resource timeline. */
+    resourceRow: ViewStyle;
+    /** The left-hand resource-label cell in the resource timeline. */
+    resourceLabel: ViewStyle;
+    /** The schedule/agenda list's outer container. */
+    agendaList: ViewStyle;
+    /** Each event row in the agenda list. */
+    agendaRow: ViewStyle;
+    /** The all-day lane above the time grid. */
+    allDayLane: ViewStyle;
+    /** Each day's column within the all-day lane. */
     allDayColumn: ViewStyle;
   };
   /** Corner radius of the today badge. Use a large value for a circle. */
@@ -108,12 +131,18 @@ type RenderEventArgs<T = unknown> = {
    * renderer draw "continues" affordances. `undefined` in month mode.
    */
   continuesBefore?: boolean;
-  continuesAfter?: boolean; /** True when this event is rendered in the all-day lane (week/day) or is an all-day event in month view. */
-  isAllDay?: boolean; /** Format the built-in renderer's time range in 12-hour AM/PM. Default false (24h). */
-  ampm?: boolean; /** Show the time range in the built-in renderer (day/week/schedule). Default true. */
-  showTime?: boolean; /** Add a trailing ellipsis (…) when a clipped title overflows in the built-in renderer; otherwise the text is hard-clipped. Default false. */
-  ellipsizeTitle?: boolean; /** Label shown for an all-day event in the schedule (and its screen-reader text). Default "All day". */
-  allDayLabel?: string; /** Per-event style resolved from `eventCellStyle`; the built-in renderer merges it onto the box. */
+  continuesAfter?: boolean;
+  /** True when this event is rendered in the all-day lane (week/day) or is an all-day event in month view. */
+  isAllDay?: boolean;
+  /** Format the built-in renderer's time range in 12-hour AM/PM. Default false (24h). */
+  ampm?: boolean;
+  /** Show the time range in the built-in renderer (day/week/schedule). Default true. */
+  showTime?: boolean;
+  /** Add a trailing ellipsis (…) when a clipped title overflows in the built-in renderer; otherwise the text is hard-clipped. Default false. */
+  ellipsizeTitle?: boolean;
+  /** Label shown for an all-day event in the schedule (and its screen-reader text). Default "All day". */
+  allDayLabel?: string;
+  /** Per-event style resolved from `eventCellStyle`; the built-in renderer merges it onto the box. */
   cellStyle?: StyleProp<ViewStyle>;
   /**
    * Screen-reader label to announce for the event, injected by a consumer's
@@ -121,7 +150,18 @@ type RenderEventArgs<T = unknown> = {
    * their default label; `undefined` falls back to that default.
    */
   accessibilityLabel?: string;
-  onPress: () => void; /** Wired when the consumer passes `onLongPressEvent`; otherwise undefined. */
+  /**
+   * Screen-reader actions the built-in renderer places on the event, so
+   * VoiceOver/TalkBack users can act on it without a gesture. On a draggable
+   * time-grid event these are move / resize steps; wired to the same commit path
+   * as dragging. A custom renderer should spread these (plus `onAccessibilityAction`)
+   * onto its pressable to keep the event operable by assistive tech.
+   */
+  accessibilityActions?: ReadonlyArray<AccessibilityActionInfo>;
+  /** Handles an `accessibilityActions` invocation; pair it with `accessibilityActions`. */
+  onAccessibilityAction?: (event: AccessibilityActionEvent) => void;
+  onPress: () => void;
+  /** Wired when the consumer passes `onLongPressEvent`; otherwise undefined. */
   onLongPress?: () => void;
 };
 /**
@@ -132,9 +172,45 @@ type RenderEventArgs<T = unknown> = {
  */
 type RenderEvent<T = unknown> = ComponentType<RenderEventArgs<T>>;
 //#endregion
+//#region src/utils/slots.d.ts
+/**
+ * Per-slot styling overrides. Give a slot a Tailwind class (uniwind/NativeWind)
+ * and/or a style override; missing slots keep the built-in look.
+ */
+interface SlotStyleProps<Slot extends string> {
+  /**
+   * Class names per slot. Supplying a class for a slot drops the built-in
+   * *themed* styles for that slot so the class fully controls its look; the
+   * *structural* styles the layout depends on are kept. Requires a Tailwind
+   * runtime (uniwind, NativeWind) in the consuming app.
+   */
+  classNames?: Partial<Record<Slot, string>>;
+  /** Style overrides per slot, merged last (win over defaults and classes). */
+  styles?: Partial<Record<Slot, StyleProp<TextStyle>>>;
+}
+/** A slot's built-in styling, split so classes can replace the look but not the layout. */
+interface SlotDefault {
+  /** Structural styles kept even when a class is supplied. */
+  base?: StyleProp<TextStyle>;
+  /** Themed styles (colour, type, spacing) dropped when a class is supplied. */
+  themed?: StyleProp<TextStyle>;
+}
+/** The props a resolved slot spreads onto an element. */
+interface ResolvedSlot {
+  style: StyleProp<TextStyle>;
+  className?: string;
+}
+//#endregion
 //#region src/components/MonthView.d.ts
+/**
+ * The styleable parts of {@link MonthView}. Mirrors the dom renderer's slot
+ * names where the structure matches; `dayBadgeText` is native-only (React
+ * Native text colour doesn't inherit from the badge). Event chips are styled
+ * by `renderEvent` (or the theme), not a slot.
+ */
+type MonthViewSlot = "title" | "weekdays" | "weekday" | "grid" | "week" | "day" | "dayBadge" | "dayBadgeText" | "rangeBand" | "more";
 /** Props for {@link MonthView}, the single-month grid. */
-type MonthViewProps<T> = {
+type MonthViewProps<T> = SlotStyleProps<MonthViewSlot> & {
   date: Date;
   events: CalendarEvent$1<T>[];
   /**
@@ -144,30 +220,48 @@ type MonthViewProps<T> = {
    * explicit value when using a custom `renderEvent`.
    */
   maxVisibleEventCount?: number;
-  weekStartsOn: WeekStartsOn; /** Weekday header label width: `narrow` ("M"), `short` ("Mon", default), or `long` ("Monday"). */
+  weekStartsOn: WeekStartsOn;
+  /** Weekday header label width: `narrow` ("M"), `short` ("Mon", default), or `long` ("Monday"). */
   weekdayFormat?: WeekdayFormat;
-  locale?: Locale; /** Sort each day's events by start time before slicing. Default true. */
-  sortedMonthView?: boolean; /** Template for the overflow label; `{moreCount}` is replaced. Default "{moreCount} More". */
-  moreLabel?: string; /** Show dimmed days from adjacent months in the grid. Default true. */
-  showAdjacentMonths?: boolean; /** Ignore taps on month-cell events (day-cell taps still fire). Default false. */
-  disableMonthEventCellPress?: boolean; /** Reverse the day order within each week (right-to-left). Default false. */
-  isRTL?: boolean; /** Always render six week rows, for a fixed-height grid. Default false. */
-  showSixWeeks?: boolean; /** Render the "MMMM yyyy" title above the grid. Default true. */
-  showTitle?: boolean; /** Render the weekday-label header row above the grid. Default true. */
-  showWeekdays?: boolean; /** Highlight this date instead of the real "today". */
-  activeDate?: Date; /** Days drawn as selected (a filled badge), in the month grid. */
-  selectedDates?: Date[]; /** A selected span: endpoints get a filled badge, the span gets the range band. */
+  locale?: Locale;
+  /** Sort each day's events by start time before slicing. Default true. */
+  sortedMonthView?: boolean;
+  /** Template for the overflow label; `{moreCount}` is replaced. Default "{moreCount} More". */
+  moreLabel?: string;
+  /** Show dimmed days from adjacent months in the grid. Default true. */
+  showAdjacentMonths?: boolean;
+  /** Ignore taps on month-cell events (day-cell taps still fire). Default false. */
+  disableMonthEventCellPress?: boolean;
+  /** Reverse the day order within each week (right-to-left). Default false. */
+  isRTL?: boolean;
+  /** Always render six week rows, for a fixed-height grid. Default false. */
+  showSixWeeks?: boolean;
+  /** Render the "MMMM yyyy" title above the grid. Default true. */
+  showTitle?: boolean;
+  /** Render the weekday-label header row above the grid. Default true. */
+  showWeekdays?: boolean;
+  /** Highlight this date instead of the real "today". */
+  activeDate?: Date;
+  /** Days drawn as selected (a filled badge), in the month grid. */
+  selectedDates?: Date[];
+  /** A selected span: endpoints get a filled badge, the span gets the range band. */
   selectedRange?: DateRange;
   /**
    * Fill the whole cell with the range band instead of the default centered
    * rounded "pill" strip. Default false.
    */
-  fillCellOnSelection?: boolean; /** Earliest selectable day (inclusive); earlier days render disabled. */
-  minDate?: Date; /** Latest selectable day (inclusive); later days render disabled. */
-  maxDate?: Date; /** Return true to render a specific day disabled (dimmed, taps ignored). */
-  isDateDisabled?: (date: Date) => boolean; /** Web drag-to-select relay: a pointer pressed down on this day's cell. */
-  onDayPointerDown?: (date: Date) => void; /** Web drag-to-select relay: a pressed pointer entered this day's cell. */
-  onDayPointerEnter?: (date: Date) => void; /** Per-date style merged onto the day cell. */
+  fillCellOnSelection?: boolean;
+  /** Earliest selectable day (inclusive); earlier days render disabled. */
+  minDate?: Date;
+  /** Latest selectable day (inclusive); later days render disabled. */
+  maxDate?: Date;
+  /** Return true to render a specific day disabled (dimmed, taps ignored). */
+  isDateDisabled?: (date: Date) => boolean;
+  /** Web drag-to-select relay: a pointer pressed down on this day's cell. */
+  onDayPointerDown?: (date: Date) => void;
+  /** Web drag-to-select relay: a pressed pointer entered this day's cell. */
+  onDayPointerEnter?: (date: Date) => void;
+  /** Per-date style merged onto the day cell. */
   calendarCellStyle?: (date: Date) => StyleProp<ViewStyle>;
   renderEvent: RenderEvent<T>;
   /**
@@ -188,41 +282,7 @@ type MonthViewProps<T> = {
    */
   renderCustomDateForMonth?: (date: Date) => React.ReactNode;
 };
-declare function MonthViewInner<T>({
-  date,
-  events,
-  maxVisibleEventCount,
-  weekStartsOn,
-  weekdayFormat,
-  locale,
-  sortedMonthView,
-  moreLabel,
-  showAdjacentMonths,
-  disableMonthEventCellPress,
-  isRTL,
-  showSixWeeks,
-  showTitle,
-  showWeekdays,
-  activeDate,
-  selectedDates: selectedDatesProp,
-  selectedRange: selectedRangeProp,
-  fillCellOnSelection,
-  minDate: minDateProp,
-  maxDate: maxDateProp,
-  isDateDisabled: isDateDisabledProp,
-  calendarCellStyle,
-  renderEvent,
-  eventAccessibilityLabel,
-  keyExtractor,
-  onPressDay,
-  onLongPressDay,
-  onPressEvent,
-  onLongPressEvent,
-  onPressMore,
-  renderCustomDateForMonth,
-  onDayPointerDown,
-  onDayPointerEnter
-}: MonthViewProps<T>): ReactElement;
+declare function MonthViewInner<T>({ date, events, maxVisibleEventCount, weekStartsOn, weekdayFormat, locale, sortedMonthView, moreLabel, showAdjacentMonths, disableMonthEventCellPress, isRTL, showSixWeeks, showTitle, showWeekdays, activeDate, selectedDates: selectedDatesProp, selectedRange: selectedRangeProp, fillCellOnSelection, minDate: minDateProp, maxDate: maxDateProp, isDateDisabled: isDateDisabledProp, calendarCellStyle, renderEvent, eventAccessibilityLabel, keyExtractor, onPressDay, onLongPressDay, onPressEvent, onLongPressEvent, onPressMore, renderCustomDateForMonth, onDayPointerDown, onDayPointerEnter, classNames, styles: styleOverrides }: MonthViewProps<T>): ReactElement;
 /**
  * A single month rendered as a 7-column grid of day cells, each showing its
  * event chips with a "+N more" overflow. Render it on its own for a static
@@ -267,38 +327,13 @@ type MonthPagerProps<T> = {
   freeSwipe?: boolean;
   swipeEnabled?: boolean;
   showSixWeeks?: boolean;
-  activeDate?: Date; /** Replace the weekday-label header above the month grid. Receives the week's days. */
-  renderHeaderForMonthView?: (weekDays: Date[]) => React.ReactNode; /** Replace the default date badge in each day cell. Receives the day. */
+  activeDate?: Date;
+  /** Replace the weekday-label header above the month grid. Receives the week's days. */
+  renderHeaderForMonthView?: (weekDays: Date[]) => React.ReactNode;
+  /** Replace the default date badge in each day cell. Receives the day. */
   renderCustomDateForMonth?: (date: Date) => React.ReactNode;
-};
-declare function MonthPagerInner<T>({
-  date,
-  events,
-  maxVisibleEventCount,
-  weekStartsOn,
-  weekdayFormat,
-  locale,
-  sortedMonthView,
-  moreLabel,
-  showAdjacentMonths,
-  disableMonthEventCellPress,
-  isRTL,
-  calendarCellStyle,
-  renderEvent,
-  keyExtractor,
-  onPressDay,
-  onLongPressDay,
-  onPressEvent,
-  onLongPressEvent,
-  onPressMore,
-  onChangeDate,
-  freeSwipe,
-  swipeEnabled,
-  showSixWeeks,
-  activeDate,
-  renderHeaderForMonthView,
-  renderCustomDateForMonth
-}: MonthPagerProps<T>): ReactElement;
+} & SlotStyleProps<MonthViewSlot>;
+declare function MonthPagerInner<T>({ date, events, maxVisibleEventCount, weekStartsOn, weekdayFormat, locale, sortedMonthView, moreLabel, showAdjacentMonths, disableMonthEventCellPress, isRTL, calendarCellStyle, renderEvent, keyExtractor, onPressDay, onLongPressDay, onPressEvent, onLongPressEvent, onPressMore, onChangeDate, freeSwipe, swipeEnabled, showSixWeeks, activeDate, renderHeaderForMonthView, renderCustomDateForMonth, classNames, styles: styleOverrides }: MonthPagerProps<T>): ReactElement;
 /**
  * A horizontally swipeable month carousel. Swipe left/right to page between
  * months; the committed month is reported through `onChangeDate`. It is the
@@ -320,11 +355,16 @@ declare function MonthPagerInner<T>({
 declare const MonthPager: typeof MonthPagerInner;
 //#endregion
 //#region src/components/MonthList.d.ts
+/** The styleable parts of {@link MonthList}: the same slots as {@link MonthView}. */
+type MonthListSlot = MonthViewSlot;
 /** Props for {@link MonthList}, the vertically scrolling list of months. */
 type MonthListProps<T> = {
-  /** The month scrolled to on mount. */date: Date; /** Events to render in the grids. Omit for an events-free date picker. */
+  /** The month scrolled to on mount. */
+  date: Date;
+  /** Events to render in the grids. Omit for an events-free date picker. */
   events?: CalendarEvent$1<T>[];
-  weekStartsOn: WeekStartsOn; /** Weekday header label width: `narrow` ("M"), `short` ("Mon", default), or `long` ("Monday"). */
+  weekStartsOn: WeekStartsOn;
+  /** Weekday header label width: `narrow` ("M"), `short` ("Mon", default), or `long` ("Monday"). */
   weekdayFormat?: WeekdayFormat;
   /**
    * Height of each week row (px). The month block sizes to its row count. Defaults
@@ -340,25 +380,29 @@ type MonthListProps<T> = {
   maxVisibleEventCount?: number;
   locale?: Locale;
   sortedMonthView?: boolean;
-  moreLabel?: string; /** Show dimmed adjacent-month days. Default false (each month shows only its own days). */
+  moreLabel?: string;
+  /** Show dimmed adjacent-month days. Default false (each month shows only its own days). */
   showAdjacentMonths?: boolean;
   disableMonthEventCellPress?: boolean;
   isRTL?: boolean;
   activeDate?: Date;
   selectedDates?: Date[];
-  selectedRange?: DateRange; /** Fill the whole cell on selection instead of the default rounded pill band. */
+  selectedRange?: DateRange;
+  /** Fill the whole cell on selection instead of the default rounded pill band. */
   fillCellOnSelection?: boolean;
   minDate?: Date;
   maxDate?: Date;
   isDateDisabled?: (date: Date) => boolean;
-  calendarCellStyle?: (date: Date) => StyleProp<ViewStyle>; /** Replace the built-in event box. Defaults to `DefaultEvent`. */
+  calendarCellStyle?: (date: Date) => StyleProp<ViewStyle>;
+  /** Replace the built-in event box. Defaults to `DefaultEvent`. */
   renderEvent?: RenderEvent<T>;
   /**
    * Override the screen-reader label for each event chip. Receives the event and a
    * `{ mode: "month", isAllDay, ampm: false }` context; return the full text to
    * announce. Defaults to the built-in title-and-time label.
    */
-  eventAccessibilityLabel?: EventAccessibilityLabeler<T>; /** Stable key per event. Defaults to start-time + index. */
+  eventAccessibilityLabel?: EventAccessibilityLabeler<T>;
+  /** Stable key per event. Defaults to start-time + index. */
   keyExtractor?: EventKeyExtractor<T>;
   onPressDay?: (date: Date) => void;
   onLongPressDay?: (date: Date) => void;
@@ -370,44 +414,13 @@ type MonthListProps<T> = {
    * continuing across months (the list auto-scrolls at the edges). Fired with
    * the ordered `[start, end]`; pair with `useDateRange`'s `selectRange`.
    */
-  onSelectDrag?: (start: Date, end: Date) => void; /** Fired with the month that scrolls into view. */
-  onChangeVisibleMonth?: (month: Date) => void; /** Replace the per-month title (default "LLLL yyyy"). */
+  onSelectDrag?: (start: Date, end: Date) => void;
+  /** Fired with the month that scrolls into view. */
+  onChangeVisibleMonth?: (month: Date) => void;
+  /** Replace the per-month title (default "LLLL yyyy"). */
   renderMonthHeader?: (month: Date) => React.ReactNode;
-};
-declare function MonthListInner<T>({
-  date,
-  events,
-  weekStartsOn,
-  weekdayFormat,
-  weekRowHeight: weekRowHeightProp,
-  monthHeaderHeight,
-  maxVisibleEventCount,
-  locale,
-  sortedMonthView,
-  moreLabel,
-  showAdjacentMonths,
-  disableMonthEventCellPress,
-  isRTL,
-  activeDate,
-  selectedDates,
-  selectedRange,
-  fillCellOnSelection,
-  minDate,
-  maxDate,
-  isDateDisabled,
-  calendarCellStyle,
-  renderEvent,
-  eventAccessibilityLabel,
-  keyExtractor,
-  onPressDay,
-  onLongPressDay,
-  onPressEvent,
-  onLongPressEvent,
-  onPressMore,
-  onSelectDrag,
-  onChangeVisibleMonth,
-  renderMonthHeader
-}: MonthListProps<T>): ReactElement;
+} & SlotStyleProps<MonthListSlot>;
+declare function MonthListInner<T>({ date, events, weekStartsOn, weekdayFormat, weekRowHeight: weekRowHeightProp, monthHeaderHeight, maxVisibleEventCount, locale, sortedMonthView, moreLabel, showAdjacentMonths, disableMonthEventCellPress, isRTL, activeDate, selectedDates, selectedRange, fillCellOnSelection, minDate, maxDate, isDateDisabled, calendarCellStyle, renderEvent, eventAccessibilityLabel, keyExtractor, onPressDay, onLongPressDay, onPressEvent, onLongPressEvent, onPressMore, onSelectDrag, onChangeVisibleMonth, renderMonthHeader, classNames, styles: styleOverrides }: MonthListProps<T>): ReactElement;
 /**
  * A vertically scrolling, virtualized list of month grids. It doubles as the
  * date picker: pass `selectedRange`/`selectedDates` and selection handlers to
@@ -436,18 +449,6 @@ declare const MonthList: typeof MonthListInner;
  * default renderer for `MonthList`, so the `/picker` entry point stays free of
  * Reanimated.
  */
-declare function DefaultMonthEvent<T>({
-  event,
-  mode,
-  isAllDay,
-  ampm,
-  showTime,
-  ellipsizeTitle,
-  allDayLabel,
-  accessibilityLabel: accessibilityLabelProp,
-  cellStyle,
-  onPress,
-  onLongPress
-}: RenderEventArgs<T>): ReactElement;
+declare function DefaultMonthEvent<T>({ event, mode, isAllDay, ampm, showTime, ellipsizeTitle, allDayLabel, accessibilityLabel: accessibilityLabelProp, cellStyle, onPress, onLongPress }: RenderEventArgs<T>): ReactElement;
 //#endregion
-export { CalendarThemeProvider as C, mergeTheme as D, defaultTheme as E, useCalendarTheme as O, CalendarTheme as S, darkTheme as T, RenderEvent as _, MonthPagerProps as a, WeekStartsOn as b, BusinessHours as c, EventAccessibilityLabelContext as d, EventAccessibilityLabeler$1 as f, RecurrenceRule as g, RecurrenceFrequency as h, MonthPager as i, CalendarEvent$1 as l, ICalendarEvent as m, MonthList as n, MonthView as o, EventKeyExtractor as p, MonthListProps as r, MonthViewProps as s, DefaultMonthEvent as t, CalendarMode$1 as u, RenderEventArgs as v, PartialCalendarTheme as w, WeekdayFormat$1 as x, TimeGridMode as y };
+export { darkTheme as A, RenderEventArgs as C, CalendarTheme as D, WeekdayFormat$1 as E, mergeTheme as M, useCalendarTheme as N, CalendarThemeProvider as O, RenderEvent as S, WeekStartsOn as T, EventAccessibilityLabeler$1 as _, MonthPager as a, RecurrenceFrequency as b, MonthViewProps as c, SlotDefault as d, SlotStyleProps as f, EventAccessibilityLabelContext as g, CalendarMode$1 as h, MonthListSlot as i, defaultTheme as j, PartialCalendarTheme as k, MonthViewSlot as l, CalendarEvent$1 as m, MonthList as n, MonthPagerProps as o, BusinessHours as p, MonthListProps as r, MonthView as s, DefaultMonthEvent as t, ResolvedSlot as u, EventKeyExtractor as v, TimeGridMode as w, RecurrenceRule as x, ICalendarEvent as y };