From 635d851664512dfe154a00515f0bd43ec54024de Mon Sep 17 00:00:00 2001
From: sianida26 <chesakeselekkebo@gmail.com>
Date: Tue, 25 Jun 2024 04:34:31 +0700
Subject: [PATCH] Add on date change listener

---
 apps/frontend/src/components/Timetable/Timetable.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/components/Timetable/Timetable.tsx b/apps/frontend/src/components/Timetable/Timetable.tsx
index 02eb075..c5b7cf8 100644
--- a/apps/frontend/src/components/Timetable/Timetable.tsx
+++ b/apps/frontend/src/components/Timetable/Timetable.tsx
@@ -1,5 +1,5 @@
-import dayjs from "dayjs";
-import { useMemo, useState } from "react";
+import dayjs, { Dayjs } from "dayjs";
+import { useEffect, useMemo, useState } from "react";
 
 import isoWeek from "dayjs/plugin/isoWeek";
 import customParseFormat from "dayjs/plugin/customParseFormat";
@@ -18,6 +18,7 @@ type Props = {
 	events: Event[];
 	renderCell?: (date: dayjs.Dayjs) => JSX.Element;
 	renderEvent?: (event: Event) => JSX.Element;
+	onDateChange?: (date: Dayjs) => void;
 };
 
 export default function Timetable({ events, ...props }: Props) {
@@ -47,6 +48,10 @@ export default function Timetable({ events, ...props }: Props) {
 		});
 	}, [currentDate, events]);
 
+	useEffect(() => {
+		props.onDateChange?.(currentDate);
+	}, [currentDate, props]);
+
 	return (
 		<div className="w-full h-full flex flex-col gap-4">
 			{/* Header */}