@jk-core/components 1.1.15 → 1.1.17

package/src/Calendar/index.scss

@@ -1,189 +1,189 @@
-button {
-  border: none;
-  background-color: transparent;
-  user-select: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  cursor: pointer;
-  -webkit-tap-highlight-color: transparent; // 모바일 터치 하이라이트 색상 제거
-}
-
-body:not([data-theme="dark"]) {
-  --calendar-white: #ffffff;
-  --calendar-black: #000000;
-  --calendar-P-5: #eff5ff;
-  --calendar-P-10: #d3e1fb;
-  --calendar-P-20: #a7c4f7;
-  --calendar-P-30: #7ca6f3;
-  --calendar-P-40: #5089ef;
-  --calendar-P-50: #246beb;
-  --calendar-P-60: #1d56bc;
-  --calendar-P-70: #16408d;
-  --calendar-P-90: #07152f;
-  --calendar-P-100: #000000;
-  --calendar-S-5: #edf1f5;
-  --calendar-S-10: #cdd7e4;
-  --calendar-S-20: #b4c4d6;
-  --calendar-S-30: #99b0cb;
-  --calendar-S-40: #2a5c96;
-  --calendar-S-50: #003675;
-  --calendar-S-60: #002b5e;
-  --calendar-S-70: #002036;
-  --calendar-S-80: #00162f;
-  --calendar-S-90: #000b17;
-  --calendar-G-5: #f8f8f8;
-  --calendar-G-10: #f0f0f0;
-  --calendar-G-20: #e4e4e4;
-  --calendar-G-30: #d8d8d8;
-  --calendar-G-40: #c6c6c6;
-  --calendar-G-50: #8e8e8e;
-  --calendar-G-60: #717171;
-  --calendar-G-70: #555555;
-  --calendar-G-80: #2d2d2d;
-  --calendar-G-90: #1d1d1d;
-  --calendar-Point-5: #fdf2f3;
-  --calendar-Point-10: #f8d6d8;
-  --calendar-Point-20: #f5a3a8;
-  --calendar-Point-30: #f1747c;
-  --calendar-Point-40: #ec4651;
-  --calendar-Point-50: #e71825;
-  --calendar-Point-60: #b9131e;
-  --calendar-Point-70: #8b0e16;
-  --calendar-Point-80: #5c0a0f;
-  --calendar-Point-90: #2e0507;
-  --calendar-Warning-5: #fff8e9;
-  --calendar-Warning-10: #ffeac1;
-  --calendar-Warning-20: #ffe2a7;
-  --calendar-Warning-30: #ffd47c;
-  --calendar-Warning-40: #ffc550;
-  --calendar-Warning-50: #ffb724;
-  --calendar-Warning-60: #98690a;
-  --calendar-Warning-70: #66490e;
-  --calendar-Warning-80: #4d370b;
-  --calendar-Warning-90: #332507;
-  --calendar-Success-5: #eef7f0;
-  --calendar-Success-10: #cee9d4;
-  --calendar-Success-20: #b2dcbb;
-  --calendar-Success-30: #8cca99;
-  --calendar-Success-40: #33a14b;
-  --calendar-Success-50: #008a1e;
-  --calendar-Success-60: #006e18;
-  --calendar-Success-70: #005312;
-  --calendar-Success-80: #00370c;
-  --calendar-Success-90: #002207;
-  --calendar-Info-5: #e9f0ff;
-  --calendar-Info-10: #d4e1ff;
-  --calendar-Info-20: #a9c3ff;
-  --calendar-Info-30: #7da4ff;
-  --calendar-Info-40: #5286ff;
-  --calendar-Info-50: #2768ff;
-  --calendar-Info-60: #1f53cc;
-  --calendar-Info-70: #173e99;
-  --calendar-Info-80: #0c1f4d;
-  --calendar-Info-90: #040a1a;
-  --calendar-Red: #e40000;
-  --calendar-Red2: #ffe4e4;
-  --calendar-Green: #2fb400;
-  --calendar-Green-2: #d7ffe0;
-  --calendar-Orange: #ff8800;
-  --calendar-Orange-5: #ffead1;
-  --calendar-Orange-10: #ffdacc;
-  --calendar-Orange-30: #ff8f66;
-  --calendar-Orange-40: #ff6a33;
-  --calendar-Orange-50: #ff4500;
-  --calendar-Orange-60: #d53209;
-  --calendar-Orange-70: #992900;
-  --calendar-Orange-80: #661c00;
-  --calendar-Orange-90: #330e00;
-  --Calendar-Background: #ffffff;
-}
-
-body[data-theme="dark"] {
-  --calendar-white: #000000;
-  --calendar-black: #ffffff;
-  --calendar-P-90: #eff5ff;
-  --calendar-P-80: #d3e1fb;
-  --calendar-P-70: #a7c4f7;
-  --calendar-P-60: #7ca6f3;
-  --calendar-P-50: #5089ef;
-  --calendar-P-40: #246beb;
-  --calendar-P-30: #225fc9;
-  --calendar-P-20: #1e53b4;
-  --calendar-P-10: #1b4ba3;
-  --calendar-P-5: #0f2b5f;
-  --calendar-S-90: #edf1f5;
-  --calendar-S-80: #cdd7e4;
-  --calendar-S-70: #b4c4d6;
-  --calendar-S-60: #99b0cb;
-  --calendar-S-50: #2a5c96;
-  --calendar-S-40: #003675;
-  --calendar-S-30: #002b5e;
-  --calendar-S-20: #002036;
-  --calendar-S-10: #00162f;
-  --calendar-S-5: #000b17;
-  --calendar-G-90: #f8f8f8;
-  --calendar-G-80: #f0f0f0;
-  --calendar-G-70: #e4e4e4;
-  --calendar-G-60: #d8d8d8;
-  --calendar-G-50: #c6c6c6;
-  --calendar-G-40: #8e8e8e;
-  --calendar-G-30: #717171;
-  --calendar-G-20: #555555;
-  --calendar-G-10: #2d2d2d;
-  --calendar-G-5: #1d1d1d;
-  --calendar-Point-5: #fdf2f3;
-  --calendar-Point-10: #f8d6d8;
-  --calendar-Point-20: #f5a3a8;
-  --calendar-Point-30: #f1747c;
-  --calendar-Point-40: #ec4651;
-  --calendar-Point-50: #e71825;
-  --calendar-Point-60: #b9131e;
-  --calendar-Point-70: #8b0e16;
-  --calendar-Point-80: #5c0a0f;
-  --calendar-Point-90: #2e0507;
-  --calendar-Warning-5: #fff8e9;
-  --calendar-Warning-10: #ffeac1;
-  --calendar-Warning-20: #ffe2a7;
-  --calendar-Warning-30: #ffd47c;
-  --calendar-Warning-40: #ffc550;
-  --calendar-Warning-50: #ffb724;
-  --calendar-Warning-60: #98690a;
-  --calendar-Warning-70: #66490e;
-  --calendar-Warning-80: #4d370b;
-  --calendar-Warning-90: #332507;
-  --calendar-Success-5: #eef7f0;
-  --calendar-Success-10: #cee9d4;
-  --calendar-Success-20: #b2dcbb;
-  --calendar-Success-30: #8cca99;
-  --calendar-Success-40: #33a14b;
-  --calendar-Success-50: #008a1e;
-  --calendar-Success-60: #006e18;
-  --calendar-Success-70: #005312;
-  --calendar-Success-80: #00370c;
-  --calendar-Success-90: #002207;
-  --calendar-Info-5: #e9f0ff;
-  --calendar-Info-10: #d4e1ff;
-  --calendar-Info-20: #a9c3ff;
-  --calendar-Info-30: #7da4ff;
-  --calendar-Info-40: #5286ff;
-  --calendar-Info-50: #2768ff;
-  --calendar-Info-60: #1f53cc;
-  --calendar-Info-70: #173e99;
-  --calendar-Info-80: #0c1f4d;
-  --calendar-Info-90: #040a1a;
-  --calendar-Red: #e40000;
-  --calendar-Red2: #ffe4e4;
-  --calendar-Green: #2fb400;
-  --calendar-Green-2: #d7ffe0;
-  --calendar-Orange: #ff8800;
-  --calendar-Orange-5: #ffead1;
-  --calendar-Orange-10: #ffdacc;
-  --calendar-Orange-30: #ff8f66;
-  --calendar-Orange-40: #ff6a33;
-  --calendar-Orange-50: #ff4500;
-  --calendar-Orange-60: #d53209;
-  --calendar-Orange-70: #992900;
-  --calendar-Orange-80: #661c00;
-  --calendar-Orange-90: #330e00;
-  --Calendar-Background: #ffffff;
-}
+button {
+  border: none;
+  background-color: transparent;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent; // 모바일 터치 하이라이트 색상 제거
+}
+
+body:not([data-theme="dark"]) {
+  --calendar-white: #ffffff;
+  --calendar-black: #000000;
+  --calendar-P-5: #eff5ff;
+  --calendar-P-10: #d3e1fb;
+  --calendar-P-20: #a7c4f7;
+  --calendar-P-30: #7ca6f3;
+  --calendar-P-40: #5089ef;
+  --calendar-P-50: #246beb;
+  --calendar-P-60: #1d56bc;
+  --calendar-P-70: #16408d;
+  --calendar-P-90: #07152f;
+  --calendar-P-100: #000000;
+  --calendar-S-5: #edf1f5;
+  --calendar-S-10: #cdd7e4;
+  --calendar-S-20: #b4c4d6;
+  --calendar-S-30: #99b0cb;
+  --calendar-S-40: #2a5c96;
+  --calendar-S-50: #003675;
+  --calendar-S-60: #002b5e;
+  --calendar-S-70: #002036;
+  --calendar-S-80: #00162f;
+  --calendar-S-90: #000b17;
+  --calendar-G-5: #f8f8f8;
+  --calendar-G-10: #f0f0f0;
+  --calendar-G-20: #e4e4e4;
+  --calendar-G-30: #d8d8d8;
+  --calendar-G-40: #c6c6c6;
+  --calendar-G-50: #8e8e8e;
+  --calendar-G-60: #717171;
+  --calendar-G-70: #555555;
+  --calendar-G-80: #2d2d2d;
+  --calendar-G-90: #1d1d1d;
+  --calendar-Point-5: #fdf2f3;
+  --calendar-Point-10: #f8d6d8;
+  --calendar-Point-20: #f5a3a8;
+  --calendar-Point-30: #f1747c;
+  --calendar-Point-40: #ec4651;
+  --calendar-Point-50: #e71825;
+  --calendar-Point-60: #b9131e;
+  --calendar-Point-70: #8b0e16;
+  --calendar-Point-80: #5c0a0f;
+  --calendar-Point-90: #2e0507;
+  --calendar-Warning-5: #fff8e9;
+  --calendar-Warning-10: #ffeac1;
+  --calendar-Warning-20: #ffe2a7;
+  --calendar-Warning-30: #ffd47c;
+  --calendar-Warning-40: #ffc550;
+  --calendar-Warning-50: #ffb724;
+  --calendar-Warning-60: #98690a;
+  --calendar-Warning-70: #66490e;
+  --calendar-Warning-80: #4d370b;
+  --calendar-Warning-90: #332507;
+  --calendar-Success-5: #eef7f0;
+  --calendar-Success-10: #cee9d4;
+  --calendar-Success-20: #b2dcbb;
+  --calendar-Success-30: #8cca99;
+  --calendar-Success-40: #33a14b;
+  --calendar-Success-50: #008a1e;
+  --calendar-Success-60: #006e18;
+  --calendar-Success-70: #005312;
+  --calendar-Success-80: #00370c;
+  --calendar-Success-90: #002207;
+  --calendar-Info-5: #e9f0ff;
+  --calendar-Info-10: #d4e1ff;
+  --calendar-Info-20: #a9c3ff;
+  --calendar-Info-30: #7da4ff;
+  --calendar-Info-40: #5286ff;
+  --calendar-Info-50: #2768ff;
+  --calendar-Info-60: #1f53cc;
+  --calendar-Info-70: #173e99;
+  --calendar-Info-80: #0c1f4d;
+  --calendar-Info-90: #040a1a;
+  --calendar-Red: #e40000;
+  --calendar-Red2: #ffe4e4;
+  --calendar-Green: #2fb400;
+  --calendar-Green-2: #d7ffe0;
+  --calendar-Orange: #ff8800;
+  --calendar-Orange-5: #ffead1;
+  --calendar-Orange-10: #ffdacc;
+  --calendar-Orange-30: #ff8f66;
+  --calendar-Orange-40: #ff6a33;
+  --calendar-Orange-50: #ff4500;
+  --calendar-Orange-60: #d53209;
+  --calendar-Orange-70: #992900;
+  --calendar-Orange-80: #661c00;
+  --calendar-Orange-90: #330e00;
+  --Calendar-Background: #ffffff;
+}
+
+body[data-theme="dark"] {
+  --calendar-white: #000000;
+  --calendar-black: #ffffff;
+  --calendar-P-90: #eff5ff;
+  --calendar-P-80: #d3e1fb;
+  --calendar-P-70: #a7c4f7;
+  --calendar-P-60: #7ca6f3;
+  --calendar-P-50: #5089ef;
+  --calendar-P-40: #246beb;
+  --calendar-P-30: #225fc9;
+  --calendar-P-20: #1e53b4;
+  --calendar-P-10: #1b4ba3;
+  --calendar-P-5: #0f2b5f;
+  --calendar-S-90: #edf1f5;
+  --calendar-S-80: #cdd7e4;
+  --calendar-S-70: #b4c4d6;
+  --calendar-S-60: #99b0cb;
+  --calendar-S-50: #2a5c96;
+  --calendar-S-40: #003675;
+  --calendar-S-30: #002b5e;
+  --calendar-S-20: #002036;
+  --calendar-S-10: #00162f;
+  --calendar-S-5: #000b17;
+  --calendar-G-90: #f8f8f8;
+  --calendar-G-80: #f0f0f0;
+  --calendar-G-70: #e4e4e4;
+  --calendar-G-60: #d8d8d8;
+  --calendar-G-50: #c6c6c6;
+  --calendar-G-40: #8e8e8e;
+  --calendar-G-30: #717171;
+  --calendar-G-20: #555555;
+  --calendar-G-10: #2d2d2d;
+  --calendar-G-5: #1d1d1d;
+  --calendar-Point-5: #fdf2f3;
+  --calendar-Point-10: #f8d6d8;
+  --calendar-Point-20: #f5a3a8;
+  --calendar-Point-30: #f1747c;
+  --calendar-Point-40: #ec4651;
+  --calendar-Point-50: #e71825;
+  --calendar-Point-60: #b9131e;
+  --calendar-Point-70: #8b0e16;
+  --calendar-Point-80: #5c0a0f;
+  --calendar-Point-90: #2e0507;
+  --calendar-Warning-5: #fff8e9;
+  --calendar-Warning-10: #ffeac1;
+  --calendar-Warning-20: #ffe2a7;
+  --calendar-Warning-30: #ffd47c;
+  --calendar-Warning-40: #ffc550;
+  --calendar-Warning-50: #ffb724;
+  --calendar-Warning-60: #98690a;
+  --calendar-Warning-70: #66490e;
+  --calendar-Warning-80: #4d370b;
+  --calendar-Warning-90: #332507;
+  --calendar-Success-5: #eef7f0;
+  --calendar-Success-10: #cee9d4;
+  --calendar-Success-20: #b2dcbb;
+  --calendar-Success-30: #8cca99;
+  --calendar-Success-40: #33a14b;
+  --calendar-Success-50: #008a1e;
+  --calendar-Success-60: #006e18;
+  --calendar-Success-70: #005312;
+  --calendar-Success-80: #00370c;
+  --calendar-Success-90: #002207;
+  --calendar-Info-5: #e9f0ff;
+  --calendar-Info-10: #d4e1ff;
+  --calendar-Info-20: #a9c3ff;
+  --calendar-Info-30: #7da4ff;
+  --calendar-Info-40: #5286ff;
+  --calendar-Info-50: #2768ff;
+  --calendar-Info-60: #1f53cc;
+  --calendar-Info-70: #173e99;
+  --calendar-Info-80: #0c1f4d;
+  --calendar-Info-90: #040a1a;
+  --calendar-Red: #e40000;
+  --calendar-Red2: #ffe4e4;
+  --calendar-Green: #2fb400;
+  --calendar-Green-2: #d7ffe0;
+  --calendar-Orange: #ff8800;
+  --calendar-Orange-5: #ffead1;
+  --calendar-Orange-10: #ffdacc;
+  --calendar-Orange-30: #ff8f66;
+  --calendar-Orange-40: #ff6a33;
+  --calendar-Orange-50: #ff4500;
+  --calendar-Orange-60: #d53209;
+  --calendar-Orange-70: #992900;
+  --calendar-Orange-80: #661c00;
+  --calendar-Orange-90: #330e00;
+  --Calendar-Background: #ffffff;
+}

package/src/Calendar/index.tsx

@@ -1,66 +1,66 @@
-
-import RangeCalendar from './RangeCalendar';
-import ScrollCalendar from './ScrollCalendar';
-import SingleCalendar from './SingleCalendar';
-import { CalendarRange, CalendarView } from './type';
-
-import './index.scss';
-
-interface CalendarProps {
-  className?: string;
-  date?: Date | CalendarRange;
-  view?: CalendarView;
-  setView?: (view:CalendarView)=>void;
-  tileContent?: (date: Date | undefined, view: CalendarView) => React.ReactNode;
-  onChange?:(date:Date | CalendarRange)=>void;
-  min?: Date;
-  max?: Date;
-  onClose?: () => void;
-  viewSelector?: boolean;
-  selectRange?: boolean;
-  scroll?: boolean;
-}
-
-export default function Calendar({
-  className = '', date: selectedDate, view, setView = () => { }, tileContent, onChange = () => { }, onClose, viewSelector = true,
-  min = new Date('2000-01-01'), max = new Date('2099-11-31'), selectRange = false, scroll = false,
-}: CalendarProps) {
-  if (scroll) {
-    return (
-      <ScrollCalendar
-        className={className}
-        date={selectedDate as CalendarRange}
-        onChange={onChange}
-        min={min}
-        max={max}
-      />
-    );
-  }
-  if (selectRange) {
-    return (
-      <RangeCalendar
-        className={className}
-        date={selectedDate as CalendarRange}
-        onChange={onChange}
-        min={min}
-        max={max}
-        onClose={onClose}
-      />
-    );
-  }
-
-  return (
-    <SingleCalendar
-      className={className}
-      date={selectedDate as Date}
-      view={view}
-      setView={setView}
-      tileContent={tileContent}
-      onChange={onChange}
-      min={min}
-      max={max}
-      onClose={onClose}
-      viewSelector={viewSelector}
-    />
-  );
-}
+
+import RangeCalendar from './RangeCalendar';
+import ScrollCalendar from './ScrollCalendar';
+import SingleCalendar from './SingleCalendar';
+import { CalendarRange, CalendarView } from './type';
+
+import './index.scss';
+
+interface CalendarProps {
+  className?: string;
+  date?: Date | CalendarRange;
+  view?: CalendarView;
+  setView?: (view:CalendarView)=>void;
+  tileContent?: (date: Date | undefined, view: CalendarView) => React.ReactNode;
+  onChange?:(date:Date | CalendarRange, method?:CalendarView)=>void;
+  min?: Date;
+  max?: Date;
+  onClose?: () => void;
+  viewSelector?: boolean;
+  selectRange?: boolean;
+  scroll?: boolean;
+}
+
+export default function Calendar({
+  className = '', date: selectedDate, view, setView = () => { }, tileContent, onChange = () => { }, onClose, viewSelector = true,
+  min = new Date('2000-01-01'), max = new Date('2099-11-31'), selectRange = false, scroll = false,
+}: CalendarProps) {
+  if (scroll) {
+    return (
+      <ScrollCalendar
+        className={className}
+        date={selectedDate as CalendarRange}
+        onChange={onChange}
+        min={min}
+        max={max}
+      />
+    );
+  }
+  if (selectRange) {
+    return (
+      <RangeCalendar
+        className={className}
+        date={selectedDate as CalendarRange}
+        onChange={onChange}
+        min={min}
+        max={max}
+        onClose={onClose}
+      />
+    );
+  }
+
+  return (
+    <SingleCalendar
+      className={className}
+      date={selectedDate as Date}
+      view={view}
+      setView={setView}
+      tileContent={tileContent}
+      onChange={onChange}
+      min={min}
+      max={max}
+      onClose={onClose}
+      viewSelector={viewSelector}
+    />
+  );
+}

package/src/Calendar/type.ts

@@ -1,3 +1,3 @@
-export type CalendarView = 'day' | 'month' | 'year';
-
-export type CalendarRange = [Date | null | undefined, Date | null | undefined];
+export type CalendarView = 'day' | 'month' | 'year';
+
+export type CalendarRange = [Date | null | undefined, Date | null | undefined];

package/src/Calendar/utils/getWeeksInMonth.ts

@@ -1,45 +1,45 @@
-const getWeeksInMonth = (viewDate:Date) => {
-  const startOfMonth = new Date(viewDate.getFullYear(), viewDate.getMonth(), 1);
-  const endOfMonth = new Date(viewDate.getFullYear(), viewDate.getMonth() + 1, 0);
-  const weeks = [];
-  let currentWeek = [];
-
-  const startDayOfWeek = startOfMonth.getDay();
-  if (startDayOfWeek !== 0) {
-    const prevMonthEnd = new Date(startOfMonth);
-    prevMonthEnd.setDate(0);
-    for (let i = startDayOfWeek - 1; i >= 0; i -= 1) {
-      const prevDate = new Date(prevMonthEnd);
-      prevDate.setDate(prevMonthEnd.getDate() - i);
-      currentWeek.push({ thisMonth: 'before', date: prevDate });
-    }
-  }
-
-  const currentDate = new Date(startOfMonth);
-
-  while (currentDate <= endOfMonth) {
-    currentWeek.push({ thisMonth: 'this', date: new Date(currentDate) });
-    if (currentDate.getDay() === 6) {
-      weeks.push(currentWeek);
-      currentWeek = [];
-    }
-    currentDate.setDate(currentDate.getDate() + 1);
-  }
-
-  const endDayOfWeek = endOfMonth.getDay();
-  if (endDayOfWeek !== 6) {
-    for (let i = 1; i <= 6 - endDayOfWeek; i += 1) {
-      const nextDate = new Date(endOfMonth);
-      nextDate.setDate(endOfMonth.getDate() + i);
-      currentWeek.push({ thisMonth: 'after', date: nextDate });
-    }
-  }
-
-  if (currentWeek.length > 0) {
-    weeks.push(currentWeek);
-  }
-
-  return weeks;
-};
-
-export default getWeeksInMonth;
+const getWeeksInMonth = (viewDate:Date) => {
+  const startOfMonth = new Date(viewDate.getFullYear(), viewDate.getMonth(), 1);
+  const endOfMonth = new Date(viewDate.getFullYear(), viewDate.getMonth() + 1, 0);
+  const weeks = [];
+  let currentWeek = [];
+
+  const startDayOfWeek = startOfMonth.getDay();
+  if (startDayOfWeek !== 0) {
+    const prevMonthEnd = new Date(startOfMonth);
+    prevMonthEnd.setDate(0);
+    for (let i = startDayOfWeek - 1; i >= 0; i -= 1) {
+      const prevDate = new Date(prevMonthEnd);
+      prevDate.setDate(prevMonthEnd.getDate() - i);
+      currentWeek.push({ thisMonth: 'before', date: prevDate });
+    }
+  }
+
+  const currentDate = new Date(startOfMonth);
+
+  while (currentDate <= endOfMonth) {
+    currentWeek.push({ thisMonth: 'this', date: new Date(currentDate) });
+    if (currentDate.getDay() === 6) {
+      weeks.push(currentWeek);
+      currentWeek = [];
+    }
+    currentDate.setDate(currentDate.getDate() + 1);
+  }
+
+  const endDayOfWeek = endOfMonth.getDay();
+  if (endDayOfWeek !== 6) {
+    for (let i = 1; i <= 6 - endDayOfWeek; i += 1) {
+      const nextDate = new Date(endOfMonth);
+      nextDate.setDate(endOfMonth.getDate() + i);
+      currentWeek.push({ thisMonth: 'after', date: nextDate });
+    }
+  }
+
+  if (currentWeek.length > 0) {
+    weeks.push(currentWeek);
+  }
+
+  return weeks;
+};
+
+export default getWeeksInMonth;

package/src/Calendar/utils/isInRange.ts

@@ -1,8 +1,8 @@
-import { CalendarRange } from '@/Calendar/type';
-
-const isInRange = (day: Date, range?:CalendarRange) => {
-  if (!range?.[0] || !range?.[1]) return false;
-  return day >= range[0] && day < range[1];
-};
-
-export default isInRange;
+import { CalendarRange } from '@/Calendar/type';
+
+const isInRange = (day: Date, range?:CalendarRange) => {
+  if (!range?.[0] || !range?.[1]) return false;
+  return day >= range[0] && day < range[1];
+};
+
+export default isInRange;

package/src/Calendar/utils/isSameDay.ts

@@ -1,21 +1,21 @@
-import { CalendarView } from '../type';
-
-const isSameDay = (date1: Date | null, date2: Date | null, view: CalendarView = 'day'): boolean => {
-  if (date1 === null || date2 === null) return false;
-
-  switch (view) {
-    case 'day':
-      return date1.getFullYear() === date2.getFullYear()
-        && date1.getMonth() === date2.getMonth()
-        && date1.getDate() === date2.getDate();
-    case 'month':
-      return date1.getFullYear() === date2.getFullYear()
-        && date1.getMonth() === date2.getMonth();
-    case 'year':
-      return date1.getFullYear() === date2.getFullYear();
-    default:
-      return false;
-  }
-};
-
-export default isSameDay;
+import { CalendarView } from '../type';
+
+const isSameDay = (date1: Date | null, date2: Date | null, view: CalendarView = 'day'): boolean => {
+  if (date1 === null || date2 === null) return false;
+
+  switch (view) {
+    case 'day':
+      return date1.getFullYear() === date2.getFullYear()
+        && date1.getMonth() === date2.getMonth()
+        && date1.getDate() === date2.getDate();
+    case 'month':
+      return date1.getFullYear() === date2.getFullYear()
+        && date1.getMonth() === date2.getMonth();
+    case 'year':
+      return date1.getFullYear() === date2.getFullYear();
+    default:
+      return false;
+  }
+};
+
+export default isSameDay;