kalendly 0.1.0

package/dist/react-native/index.mjs

@@ -0,0 +1,851 @@
+// src/react-native/components/Calendar.tsx
+import { useEffect, useState, useCallback, useMemo } from "react";
+import { View as View2, Text as Text2, TouchableOpacity as TouchableOpacity2, ScrollView as ScrollView2, Alert } from "react-native";
+
+// src/core/utils.ts
+var MONTHS = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+];
+var DAYS = [
+  "Sunday",
+  "Monday",
+  "Tuesday",
+  "Wednesday",
+  "Thursday",
+  "Friday",
+  "Saturday"
+];
+function normalizeDate(date) {
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0);
+}
+function isSameDay(date1, date2) {
+  return normalizeDate(date1).getTime() === normalizeDate(date2).getTime();
+}
+function isToday(date) {
+  return isSameDay(date, /* @__PURE__ */ new Date());
+}
+function generateYears(minYear, maxYear) {
+  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  const min = minYear ?? currentYear - 30;
+  const max = maxYear ?? currentYear + 10;
+  return Array.from({ length: max - min + 1 }, (_, i) => min + i);
+}
+function getEventsForDate(events, date) {
+  const normalizedTargetDate = normalizeDate(date);
+  return events.filter((event) => {
+    const eventDate = normalizeDate(new Date(event.date));
+    return eventDate.getTime() === normalizedTargetDate.getTime();
+  });
+}
+function hasEvents(events, date) {
+  return getEventsForDate(events, date).length > 0;
+}
+function generateCalendarDates(year, month, events = [], weekStartsOn = 0) {
+  const firstDay = new Date(year, month, 1);
+  const lastDay = new Date(year, month + 1, 0);
+  const daysInMonth = lastDay.getDate();
+  let firstDayOfWeek = firstDay.getDay();
+  if (weekStartsOn === 1) {
+    firstDayOfWeek = firstDayOfWeek === 0 ? 6 : firstDayOfWeek - 1;
+  }
+  const dates = [];
+  let day = 1;
+  for (let week = 0; week < 6; week++) {
+    const weekDates = [];
+    for (let dayOfWeek = 0; dayOfWeek < 7; dayOfWeek++) {
+      if (week === 0 && dayOfWeek < firstDayOfWeek) {
+        weekDates.push(null);
+      } else if (day > daysInMonth) {
+        weekDates.push(null);
+      } else {
+        const currentDate = new Date(year, month, day);
+        const dateEvents = getEventsForDate(events, currentDate);
+        weekDates.push({
+          date: currentDate,
+          isCurrentMonth: true,
+          isToday: isToday(currentDate),
+          hasEvents: dateEvents.length > 0,
+          events: dateEvents
+        });
+        day++;
+      }
+    }
+    dates.push(weekDates);
+    if (day > daysInMonth && weekDates.every((date) => date === null)) {
+      break;
+    }
+  }
+  return dates;
+}
+function getPopupPositionClass(selectedDayIndex) {
+  if (selectedDayIndex === null) return "popup-center-bottom";
+  if (selectedDayIndex < 3) {
+    return "popup-right";
+  } else if (selectedDayIndex > 4) {
+    return "popup-left";
+  } else {
+    return "popup-center-bottom";
+  }
+}
+function getCellClasses(calendarDate) {
+  if (!calendarDate) return [];
+  const classes = [];
+  if (calendarDate.isToday) {
+    classes.push("schedule--current--exam");
+  }
+  if (calendarDate.hasEvents) {
+    classes.push("has--event");
+  }
+  return classes;
+}
+function formatDateForDisplay(date) {
+  return `${DAYS[date.getDay()]} ${date.getDate()}`;
+}
+function getMonthYearText(year, month) {
+  return `${MONTHS[month]} ${year}`;
+}
+
+// src/core/calendar-engine.ts
+var CalendarEngine = class {
+  constructor(config) {
+    this.listeners = /* @__PURE__ */ new Set();
+    this.config = config;
+    const initialDate = config.initialDate || /* @__PURE__ */ new Date();
+    this.state = {
+      currentYear: initialDate.getFullYear(),
+      currentMonth: initialDate.getMonth(),
+      currentDate: initialDate.getDate(),
+      selectedDate: null,
+      selectedDayIndex: null,
+      tasks: []
+    };
+  }
+  /**
+   * Subscribe to state changes
+   */
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => this.listeners.delete(listener);
+  }
+  /**
+   * Notify all listeners of state changes
+   */
+  notify() {
+    this.listeners.forEach((listener) => listener());
+  }
+  /**
+   * Get current state
+   */
+  getState() {
+    return { ...this.state };
+  }
+  /**
+   * Get view model with computed properties
+   */
+  getViewModel() {
+    const calendarDates = generateCalendarDates(
+      this.state.currentYear,
+      this.state.currentMonth,
+      this.config.events,
+      this.config.weekStartsOn
+    );
+    return {
+      ...this.state,
+      months: MONTHS,
+      days: DAYS,
+      years: generateYears(this.config.minYear, this.config.maxYear),
+      monthAndYearText: getMonthYearText(
+        this.state.currentYear,
+        this.state.currentMonth
+      ),
+      scheduleDay: this.state.selectedDate ? formatDateForDisplay(this.state.selectedDate) : "",
+      calendarDates,
+      popupPositionClass: getPopupPositionClass(this.state.selectedDayIndex)
+    };
+  }
+  /**
+   * Get actions object
+   */
+  getActions() {
+    return {
+      next: this.next.bind(this),
+      previous: this.previous.bind(this),
+      jump: this.jump.bind(this),
+      selectDate: this.selectDate.bind(this),
+      updateTasks: this.updateTasks.bind(this)
+    };
+  }
+  /**
+   * Navigate to next month
+   */
+  next() {
+    if (this.state.currentMonth === 11) {
+      this.state.currentMonth = 0;
+      this.state.currentYear++;
+    } else {
+      this.state.currentMonth++;
+    }
+    this.state.selectedDate = null;
+    this.state.selectedDayIndex = null;
+    this.updateTasks();
+    this.notify();
+  }
+  /**
+   * Navigate to previous month
+   */
+  previous() {
+    if (this.state.currentMonth === 0) {
+      this.state.currentMonth = 11;
+      this.state.currentYear--;
+    } else {
+      this.state.currentMonth--;
+    }
+    this.state.selectedDate = null;
+    this.state.selectedDayIndex = null;
+    this.updateTasks();
+    this.notify();
+  }
+  /**
+   * Jump to specific month and year
+   */
+  jump(year, month) {
+    this.state.currentYear = year;
+    this.state.currentMonth = month;
+    this.state.selectedDate = null;
+    this.state.selectedDayIndex = null;
+    this.updateTasks();
+    this.notify();
+  }
+  /**
+   * Select a specific date
+   */
+  selectDate(date, dayIndex) {
+    this.state.selectedDate = date;
+    this.state.selectedDayIndex = dayIndex ?? null;
+    this.state.currentDate = date.getDate();
+    this.state.currentMonth = date.getMonth();
+    this.state.currentYear = date.getFullYear();
+    this.updateTasks();
+    this.notify();
+  }
+  /**
+   * Update tasks for the currently selected date
+   */
+  updateTasks() {
+    if (!this.state.selectedDate) {
+      this.state.tasks = [];
+      return;
+    }
+    this.state.tasks = getEventsForDate(
+      this.config.events,
+      this.state.selectedDate
+    );
+  }
+  /**
+   * Update events configuration
+   */
+  updateEvents(events) {
+    this.config.events = events;
+    this.updateTasks();
+    this.notify();
+  }
+  /**
+   * Handle date cell click
+   */
+  handleDateClick(date, dayIndex) {
+    this.selectDate(date, dayIndex);
+  }
+  /**
+   * Check if date has events
+   */
+  hasEventsForDate(date) {
+    return getEventsForDate(this.config.events, date).length > 0;
+  }
+  /**
+   * Get events for a specific date
+   */
+  getEventsForDate(date) {
+    return getEventsForDate(this.config.events, date);
+  }
+  /**
+   * Clear selected date
+   */
+  clearSelection() {
+    this.state.selectedDate = null;
+    this.state.selectedDayIndex = null;
+    this.state.tasks = [];
+    this.notify();
+  }
+  /**
+   * Destroy the engine and cleanup listeners
+   */
+  destroy() {
+    this.listeners.clear();
+  }
+};
+
+// src/react-native/components/DatePopup.tsx
+import { Modal, View, Text, TouchableOpacity, ScrollView } from "react-native";
+
+// src/styles/react-native-styles.ts
+import { StyleSheet, Dimensions } from "react-native";
+var { width } = Dimensions.get("window");
+var cellSize = (width - 60) / 7;
+var colors = {
+  primary: "#fc8917",
+  secondary: "#fca045",
+  tertiary: "#fdb873",
+  text: "#2c3e50",
+  border: "#dee2e6",
+  todayOutline: "#f7db04",
+  eventIndicator: "#1890ff",
+  background: "#fff",
+  white: "#ffffff"
+};
+var calendarStyles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: colors.background
+  },
+  titleContainer: {
+    paddingVertical: 20,
+    alignItems: "center"
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: "600",
+    color: colors.text
+  },
+  contentContainer: {
+    marginHorizontal: 20,
+    marginTop: 20
+  },
+  card: {
+    backgroundColor: colors.background,
+    borderRadius: 8,
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 3.84,
+    elevation: 5,
+    overflow: "hidden"
+  },
+  cardHeader: {
+    backgroundColor: colors.tertiary,
+    paddingVertical: 15,
+    paddingHorizontal: 20,
+    borderBottomWidth: 1,
+    borderBottomColor: colors.border
+  },
+  cardHeaderText: {
+    fontSize: 18,
+    fontWeight: "500",
+    color: colors.text,
+    textAlign: "center"
+  },
+  // Calendar Table Styles
+  table: {
+    backgroundColor: colors.background
+  },
+  tableHeader: {
+    flexDirection: "row",
+    backgroundColor: "rgba(252, 137, 23, 0.1)",
+    borderBottomWidth: 2,
+    borderBottomColor: colors.border
+  },
+  tableHeaderCell: {
+    flex: 1,
+    paddingVertical: 12,
+    borderRightWidth: 1,
+    borderRightColor: colors.border,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  tableHeaderText: {
+    fontSize: 14,
+    fontWeight: "600",
+    color: colors.text
+  },
+  tableRow: {
+    flexDirection: "row",
+    borderBottomWidth: 1,
+    borderBottomColor: colors.border
+  },
+  tableCell: {
+    flex: 1,
+    height: cellSize,
+    borderRightWidth: 1,
+    borderRightColor: colors.border,
+    alignItems: "center",
+    justifyContent: "center",
+    position: "relative"
+  },
+  tableCellText: {
+    fontSize: 16,
+    color: colors.text
+  },
+  // Calendar Cell States
+  cellToday: {
+    borderWidth: 2,
+    borderColor: colors.todayOutline
+  },
+  cellTodayText: {
+    fontWeight: "bold"
+  },
+  cellWithEvents: {
+    backgroundColor: "rgba(252, 160, 69, 0.3)"
+  },
+  eventIndicator: {
+    position: "absolute",
+    bottom: 2,
+    width: 4,
+    height: 4,
+    backgroundColor: colors.eventIndicator,
+    borderRadius: 2
+  },
+  // Navigation Buttons
+  navigationContainer: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    paddingHorizontal: 20,
+    paddingVertical: 20,
+    gap: 15
+  },
+  navigationButton: {
+    flex: 1,
+    backgroundColor: "transparent",
+    borderWidth: 1,
+    borderColor: colors.primary,
+    borderRadius: 6,
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  navigationButtonText: {
+    color: colors.primary,
+    fontSize: 16,
+    fontWeight: "500"
+  },
+  navigationButtonPressed: {
+    backgroundColor: colors.primary
+  },
+  navigationButtonTextPressed: {
+    color: colors.white
+  },
+  // Jump Form
+  jumpForm: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    paddingHorizontal: 20,
+    paddingBottom: 20,
+    gap: 10
+  },
+  jumpLabel: {
+    fontSize: 18,
+    fontWeight: "300",
+    color: colors.text
+  },
+  jumpSelect: {
+    borderWidth: 1,
+    borderColor: colors.border,
+    borderRadius: 6,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    backgroundColor: colors.background,
+    minWidth: 80
+  },
+  jumpSelectText: {
+    fontSize: 16,
+    color: colors.text,
+    textAlign: "center"
+  },
+  // Popup Styles
+  popupOverlay: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: "rgba(0, 0, 0, 0.5)",
+    justifyContent: "center",
+    alignItems: "center",
+    zIndex: 1e3
+  },
+  popup: {
+    backgroundColor: colors.background,
+    borderRadius: 12,
+    padding: 0,
+    width: width * 0.8,
+    maxWidth: 300,
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    shadowOpacity: 0.3,
+    shadowRadius: 6,
+    elevation: 8
+  },
+  popupWrapper: {
+    backgroundColor: colors.secondary,
+    borderRadius: 12,
+    padding: 12
+  },
+  popupBlock: {
+    backgroundColor: colors.primary,
+    borderRadius: 8,
+    paddingVertical: 8,
+    paddingHorizontal: 12,
+    marginBottom: 10
+  },
+  popupDay: {
+    fontSize: 16,
+    fontWeight: "600",
+    color: colors.white,
+    textAlign: "center"
+  },
+  eventsList: {
+    gap: 6
+  },
+  eventItem: {
+    backgroundColor: colors.tertiary,
+    borderRadius: 6,
+    padding: 12
+  },
+  eventItemText: {
+    fontSize: 14,
+    color: colors.text
+  },
+  noEventsMessage: {
+    backgroundColor: colors.tertiary,
+    borderRadius: 6,
+    padding: 12,
+    alignItems: "center"
+  },
+  noEventsText: {
+    fontSize: 14,
+    color: colors.text,
+    textAlign: "center"
+  },
+  popupCloseButton: {
+    position: "absolute",
+    top: -10,
+    right: -10,
+    backgroundColor: colors.primary,
+    borderRadius: 15,
+    width: 30,
+    height: 30,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  popupCloseText: {
+    color: colors.white,
+    fontSize: 16,
+    fontWeight: "bold"
+  }
+});
+
+// src/react-native/components/DatePopup.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var DatePopup = ({
+  visible,
+  selectedDate,
+  events,
+  scheduleDay,
+  onClose,
+  renderEvent,
+  renderNoEvents,
+  showCloseButton = true
+}) => {
+  if (!selectedDate) return null;
+  const defaultRenderEvent = (event) => /* @__PURE__ */ jsx(View, { style: calendarStyles.eventItem, children: /* @__PURE__ */ jsx(Text, { style: calendarStyles.eventItemText, children: event.name }) }, event.id || event.name);
+  const defaultRenderNoEvents = () => /* @__PURE__ */ jsx(View, { style: calendarStyles.noEventsMessage, children: /* @__PURE__ */ jsx(Text, { style: calendarStyles.noEventsText, children: "No events scheduled for this day." }) });
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      visible,
+      transparent: true,
+      animationType: "fade",
+      onRequestClose: onClose,
+      children: /* @__PURE__ */ jsx(
+        TouchableOpacity,
+        {
+          style: calendarStyles.popupOverlay,
+          activeOpacity: 1,
+          onPress: onClose,
+          children: /* @__PURE__ */ jsxs(
+            TouchableOpacity,
+            {
+              style: calendarStyles.popup,
+              activeOpacity: 1,
+              onPress: (e) => e.stopPropagation(),
+              children: [
+                /* @__PURE__ */ jsxs(View, { style: calendarStyles.popupWrapper, children: [
+                  showCloseButton && /* @__PURE__ */ jsx(
+                    TouchableOpacity,
+                    {
+                      style: calendarStyles.popupCloseButton,
+                      onPress: onClose,
+                      accessibilityLabel: "Close",
+                      children: /* @__PURE__ */ jsx(Text, { style: calendarStyles.popupCloseText, children: "\u2715" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(View, { style: calendarStyles.popupBlock, children: /* @__PURE__ */ jsx(Text, { style: calendarStyles.popupDay, children: scheduleDay }) }),
+                  /* @__PURE__ */ jsx(ScrollView, { showsVerticalScrollIndicator: false, children: events.length > 0 ? /* @__PURE__ */ jsx(View, { style: calendarStyles.eventsList, children: events.map(
+                    (event) => renderEvent ? renderEvent(event) : defaultRenderEvent(event)
+                  ) }) : renderNoEvents ? renderNoEvents() : defaultRenderNoEvents() })
+                ] }),
+                showCloseButton && /* @__PURE__ */ jsx(
+                  TouchableOpacity,
+                  {
+                    style: calendarStyles.popupCloseButton,
+                    onPress: onClose,
+                    children: /* @__PURE__ */ jsx(Text, { style: calendarStyles.popupCloseText, children: "\xD7" })
+                  }
+                )
+              ]
+            }
+          )
+        }
+      )
+    }
+  );
+};
+
+// src/react-native/components/Calendar.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Select = ({
+  options,
+  selectedValue,
+  onValueChange,
+  style,
+  textStyle
+}) => {
+  const selectedOption = options.find((opt) => opt.value === selectedValue);
+  const showPicker = () => {
+    Alert.alert(
+      "Select Option",
+      "",
+      options.map((option) => ({
+        text: option.label,
+        onPress: () => onValueChange(option.value)
+      }))
+    );
+  };
+  return /* @__PURE__ */ jsx2(
+    TouchableOpacity2,
+    {
+      style: [calendarStyles.jumpSelect, style],
+      onPress: showPicker,
+      children: /* @__PURE__ */ jsx2(Text2, { style: [calendarStyles.jumpSelectText, textStyle], children: selectedOption?.label })
+    }
+  );
+};
+var Calendar = ({
+  events,
+  initialDate,
+  minYear,
+  maxYear,
+  weekStartsOn = 0,
+  onDateSelect,
+  onEventClick,
+  onMonthChange,
+  style,
+  containerStyle,
+  headerStyle,
+  headerTextStyle,
+  cellStyle,
+  cellTextStyle,
+  renderEvent,
+  renderNoEvents,
+  title = "Event Schedule",
+  showCloseButton = true
+}) => {
+  const engine = useMemo(
+    () => new CalendarEngine({
+      events,
+      initialDate,
+      minYear,
+      maxYear,
+      weekStartsOn
+    }),
+    []
+  );
+  const [, forceUpdate] = useState({});
+  const rerender = useCallback(() => forceUpdate({}), []);
+  useEffect(() => {
+    const unsubscribe = engine.subscribe(rerender);
+    return unsubscribe;
+  }, [engine, rerender]);
+  useEffect(() => {
+    engine.updateEvents(events);
+  }, [engine, events]);
+  const viewModel = engine.getViewModel();
+  const actions = engine.getActions();
+  const { selectedDate, tasks } = viewModel;
+  const handleDatePress = (date, dayIndex) => {
+    engine.handleDateClick(date, dayIndex);
+    onDateSelect?.(date);
+  };
+  const handleNext = () => {
+    actions.next();
+    onMonthChange?.(viewModel.currentYear, viewModel.currentMonth);
+  };
+  const handlePrevious = () => {
+    actions.previous();
+    onMonthChange?.(viewModel.currentYear, viewModel.currentMonth);
+  };
+  const handleMonthChange = (month) => {
+    actions.jump(viewModel.currentYear, month);
+    onMonthChange?.(viewModel.currentYear, month);
+  };
+  const handleYearChange = (year) => {
+    actions.jump(year, viewModel.currentMonth);
+    onMonthChange?.(year, viewModel.currentMonth);
+  };
+  const closePopup = () => {
+    engine.clearSelection();
+  };
+  const monthOptions = viewModel.months.map((month, index) => ({
+    label: month,
+    value: index
+  }));
+  const yearOptions = viewModel.years.map((year) => ({
+    label: year.toString(),
+    value: year
+  }));
+  return /* @__PURE__ */ jsxs2(ScrollView2, { style: [calendarStyles.container, containerStyle], children: [
+    title && /* @__PURE__ */ jsx2(View2, { style: calendarStyles.titleContainer, children: /* @__PURE__ */ jsx2(Text2, { style: calendarStyles.title, children: title }) }),
+    /* @__PURE__ */ jsx2(View2, { style: [calendarStyles.contentContainer, style], children: /* @__PURE__ */ jsxs2(View2, { style: calendarStyles.card, children: [
+      /* @__PURE__ */ jsx2(View2, { style: [calendarStyles.cardHeader, headerStyle], children: /* @__PURE__ */ jsx2(Text2, { style: [calendarStyles.cardHeaderText, headerTextStyle], children: viewModel.monthAndYearText }) }),
+      /* @__PURE__ */ jsxs2(View2, { style: calendarStyles.table, children: [
+        /* @__PURE__ */ jsx2(View2, { style: calendarStyles.tableHeader, children: viewModel.days.map((day) => /* @__PURE__ */ jsx2(View2, { style: calendarStyles.tableHeaderCell, children: /* @__PURE__ */ jsx2(Text2, { style: calendarStyles.tableHeaderText, children: day.slice(0, 3) }) }, day)) }),
+        viewModel.calendarDates.map((week, weekIndex) => /* @__PURE__ */ jsx2(View2, { style: calendarStyles.tableRow, children: week.map((calendarDate, dayIndex) => {
+          const cellClasses = getCellClasses(calendarDate);
+          const isToday2 = cellClasses.includes(
+            "schedule--current--exam"
+          );
+          const hasEvents2 = cellClasses.includes("has--event");
+          return /* @__PURE__ */ jsx2(
+            TouchableOpacity2,
+            {
+              style: [
+                calendarStyles.tableCell,
+                cellStyle,
+                isToday2 && calendarStyles.cellToday,
+                hasEvents2 && calendarStyles.cellWithEvents
+              ],
+              onPress: () => {
+                if (calendarDate) {
+                  handleDatePress(calendarDate.date, dayIndex);
+                }
+              },
+              disabled: !calendarDate,
+              children: calendarDate && /* @__PURE__ */ jsxs2(Fragment, { children: [
+                /* @__PURE__ */ jsx2(
+                  Text2,
+                  {
+                    style: [
+                      calendarStyles.tableCellText,
+                      cellTextStyle,
+                      isToday2 && calendarStyles.cellTodayText
+                    ],
+                    children: calendarDate.date.getDate()
+                  }
+                ),
+                hasEvents2 && /* @__PURE__ */ jsx2(View2, { style: calendarStyles.eventIndicator })
+              ] })
+            },
+            `${weekIndex}-${dayIndex}`
+          );
+        }) }, weekIndex))
+      ] }),
+      /* @__PURE__ */ jsxs2(View2, { style: calendarStyles.navigationContainer, children: [
+        /* @__PURE__ */ jsx2(
+          TouchableOpacity2,
+          {
+            style: calendarStyles.navigationButton,
+            onPress: handlePrevious,
+            children: /* @__PURE__ */ jsx2(Text2, { style: calendarStyles.navigationButtonText, children: "Previous" })
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          TouchableOpacity2,
+          {
+            style: calendarStyles.navigationButton,
+            onPress: handleNext,
+            children: /* @__PURE__ */ jsx2(Text2, { style: calendarStyles.navigationButtonText, children: "Next" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs2(View2, { style: calendarStyles.jumpForm, children: [
+        /* @__PURE__ */ jsx2(Text2, { style: calendarStyles.jumpLabel, children: "Jump To:" }),
+        /* @__PURE__ */ jsx2(
+          Select,
+          {
+            options: monthOptions,
+            selectedValue: viewModel.currentMonth,
+            onValueChange: handleMonthChange
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          Select,
+          {
+            options: yearOptions,
+            selectedValue: viewModel.currentYear,
+            onValueChange: handleYearChange
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx2(
+      DatePopup,
+      {
+        visible: !!selectedDate,
+        selectedDate,
+        events: tasks,
+        scheduleDay: viewModel.scheduleDay,
+        onClose: closePopup,
+        renderEvent,
+        renderNoEvents,
+        showCloseButton
+      }
+    )
+  ] });
+};
+export {
+  Calendar,
+  CalendarEngine,
+  DAYS,
+  DatePopup,
+  MONTHS,
+  calendarStyles,
+  formatDateForDisplay,
+  generateCalendarDates,
+  generateYears,
+  getCellClasses,
+  getEventsForDate,
+  getMonthYearText,
+  getPopupPositionClass,
+  hasEvents,
+  isSameDay,
+  isToday,
+  normalizeDate
+};
+//# sourceMappingURL=index.mjs.map