From 07e26b09b06c2c37482806d074be425dea64e3c5 Mon Sep 17 00:00:00 2001
From: Farhoud Shapouran <shapouran@gmail.com>
Date: Mon, 17 Feb 2025 23:48:35 +0300
Subject: [PATCH] Delete src/components/Days.tsx

---
 src/components/Days.tsx | 250 ----------------------------------------
 1 file changed, 250 deletions(-)
 delete mode 100644 src/components/Days.tsx

diff --git a/src/components/Days.tsx b/src/components/Days.tsx
deleted file mode 100644
index 416c2d4..0000000
--- a/src/components/Days.tsx
+++ /dev/null
@@ -1,250 +0,0 @@
-import React, { useMemo, useCallback } from 'react';
-import { View, StyleSheet } from 'react-native';
-import dayjs from 'dayjs';
-import { useCalendarContext } from '../calendar-context';
-import Day, { EmptyDay } from './day';
-import {
-  getParsedDate,
-  getMonthDays,
-  getDaysInMonth,
-  areDatesOnSameDay,
-  isDateBetween,
-  getDate,
-} from '../utils';
-import Weekdays from './weekdays';
-import { DateType } from 'src/types';
-
-const Days = () => {
-  const {
-    mode,
-    locale,
-    numerals = 'latn',
-    timeZone,
-    date,
-    startDate,
-    endDate,
-    dates,
-    currentDate,
-    onSelectDate,
-    showOutsideDays,
-    minDate,
-    maxDate,
-    disabledDates,
-    firstDayOfWeek,
-    containerHeight,
-    weekdaysHeight,
-    styles,
-    classNames,
-    weekdaysFormat,
-    multiRangeMode,
-    hideWeekdays,
-    components,
-  } = useCalendarContext();
-
-  const { year, month, hour, minute } = getParsedDate(currentDate);
-
-  const handleSelectDate = useCallback(
-    (selectedDate: DateType) => {
-      const newDate = getDate(selectedDate).hour(hour).minute(minute);
-
-      onSelectDate(newDate);
-    },
-    [onSelectDate, hour, minute]
-  );
-
-  const containerStyle = useMemo(
-    () => [defaultStyles.daysContainer, styles?.days],
-    [styles?.days]
-  );
-
-  const daysGrid = useMemo(() => {
-    const today = dayjs().tz(timeZone);
-    dayjs.tz.setDefault(timeZone);
-
-    const {
-      fullDaysInMonth,
-      prevMonthDays,
-      prevMonthOffset,
-      daysInCurrentMonth,
-      daysInNextMonth,
-    } = getDaysInMonth(currentDate, showOutsideDays, firstDayOfWeek);
-
-    return getMonthDays(
-      currentDate,
-      showOutsideDays,
-      minDate,
-      maxDate,
-      firstDayOfWeek,
-      disabledDates,
-      prevMonthDays,
-      prevMonthOffset,
-      daysInCurrentMonth,
-      daysInNextMonth,
-      numerals
-    ).map((day, index) => {
-      if (!day) return null;
-
-      let leftCrop = day.dayOfMonth === 1;
-      let rightCrop = day.dayOfMonth === fullDaysInMonth;
-      const isFirstDayOfMonth = day.dayOfMonth === 1;
-      const isLastDayOfMonth = day.dayOfMonth === fullDaysInMonth;
-      const isToday = areDatesOnSameDay(day.date, today);
-      let inRange = false;
-      let isSelected = false;
-      let isCrop = false;
-      let inMiddle = false;
-      let rangeStart = false;
-      let rangeEnd = false;
-
-      if (mode === 'range') {
-        rightCrop = false;
-        const selectedStartDay = areDatesOnSameDay(day.date, startDate);
-        const selectedEndDay = areDatesOnSameDay(day.date, endDate);
-        isSelected = selectedStartDay || selectedEndDay;
-        inRange = isDateBetween(day.date, { startDate, endDate });
-
-        if (selectedStartDay) leftCrop = true;
-        if (selectedEndDay) rightCrop = true;
-        if (index % 7 === 0 && !selectedStartDay) leftCrop = false;
-        if (index % 7 === 6 && !selectedEndDay) rightCrop = false;
-
-        if (
-          (isFirstDayOfMonth && selectedEndDay) ||
-          (isLastDayOfMonth && selectedStartDay) ||
-          dayjs(startDate).format('DDMMYYYY') ===
-            dayjs(endDate).format('DDMMYYYY')
-        ) {
-          inRange = false;
-        }
-
-        isCrop = inRange && (leftCrop || rightCrop) && !(leftCrop && rightCrop);
-        inMiddle = inRange && !leftCrop && !rightCrop;
-        rangeStart = inRange && leftCrop;
-        rangeEnd = inRange && rightCrop;
-      } else if (mode === 'multiple') {
-        const safeDates = dates || [];
-        isSelected = safeDates.some((d) => areDatesOnSameDay(day.date, d));
-
-        // if the selected days in a row, implements range mode style to selected days
-        if (multiRangeMode) {
-          const yesterday = dayjs(day.date).add(-1, 'day');
-          const tomorrow = dayjs(day.date).add(1, 'day');
-
-          const yesterdaySelected = safeDates.some((d) =>
-            areDatesOnSameDay(d, yesterday)
-          );
-          const tomorrowSelected = safeDates.some((d) =>
-            areDatesOnSameDay(d, tomorrow)
-          );
-
-          if (isSelected) {
-            if (tomorrowSelected && yesterdaySelected) {
-              inRange = true;
-              isSelected = false;
-            } else if (tomorrowSelected) {
-              inRange = true;
-              leftCrop = true;
-            } else if (yesterdaySelected) {
-              inRange = true;
-              rightCrop = true;
-            }
-
-            if (isFirstDayOfMonth && !tomorrowSelected) {
-              inRange = false;
-            }
-            if (isLastDayOfMonth && !yesterdaySelected) {
-              inRange = false;
-            }
-          }
-
-          isCrop =
-            inRange && (leftCrop || rightCrop) && !(leftCrop && rightCrop);
-          inMiddle = inRange && !leftCrop && !rightCrop;
-          rangeStart = inRange && leftCrop;
-          rangeEnd = inRange && rightCrop;
-        }
-      } else if (mode === 'single') {
-        isSelected = areDatesOnSameDay(day.date, date);
-      }
-
-      return {
-        ...day,
-        isToday,
-        isSelected,
-        inRange,
-        leftCrop,
-        rightCrop,
-        isCrop,
-        inMiddle,
-        rangeStart,
-        rangeEnd,
-      };
-    });
-  }, [
-    mode,
-    numerals,
-    timeZone,
-    month,
-    year,
-    showOutsideDays,
-    firstDayOfWeek,
-    minDate,
-    maxDate,
-    disabledDates,
-    date,
-    startDate,
-    endDate,
-    dates,
-    multiRangeMode,
-  ]);
-
-  return (
-    <View style={defaultStyles.container} testID="day-selector">
-      {!hideWeekdays ? (
-        <Weekdays
-          locale={locale}
-          firstDayOfWeek={firstDayOfWeek}
-          styles={styles}
-          classNames={classNames}
-          weekdaysFormat={weekdaysFormat}
-          weekdaysHeight={weekdaysHeight}
-          components={components}
-        />
-      ) : null}
-      <View style={containerStyle} className={classNames?.days} testID="days">
-        {daysGrid?.map((day, index) => {
-          return day ? (
-            <Day
-              key={index}
-              day={day}
-              onSelectDate={handleSelectDate}
-              containerHeight={containerHeight}
-              weekdaysHeight={weekdaysHeight}
-              styles={styles}
-              classNames={classNames}
-              components={components}
-            />
-          ) : (
-            <EmptyDay key={index} />
-          );
-        })}
-      </View>
-    </View>
-  );
-};
-
-const defaultStyles = StyleSheet.create({
-  container: {
-    width: '100%',
-    height: '100%',
-  },
-  daysContainer: {
-    width: '100%',
-    height: '100%',
-    flexWrap: 'wrap',
-    flexDirection: 'row',
-    alignContent: 'flex-start',
-  },
-});
-
-export default Days;