fix: time zone in github ci

.github/workflows/publish.yml

@@ -21,6 +21,12 @@ jobs:
         with:
           fetch-depth: 2
 
+      - uses: szenius/set-timezone@v1.2
+        with:
+          timezoneLinux: "Asia/Yangon"
+          timezoneMac: "Asia/Yangon"
+          timezoneWindows: "Myanmar Standard Time"
+
       - name: Setup pnpm
         uses: pnpm/action-setup@v2.0.1
         with:

apps/myanmar_calendar/src/components/MyanmarCalendar.tsx

@@ -14,7 +14,7 @@ import {
 } from "date-fns";
 import {englishToMyanmarDate, i18n} from "burma-calendar";
 import {engToMyanmarNumber} from "../utils/engToMyanmarNumber";
-import {zonedTimeToUtc} from "date-fns-tz";
+import {utcToZonedTime, zonedTimeToUtc} from "date-fns-tz";
 import FullMoonIcon from "../assets/icons/FullMoonIcon";
 import {classNames} from "../utils/classNames";
 import LanguageMenu, {Language} from "./LanguageMenu";
@@ -31,22 +31,22 @@ const colStartClasses = [
 ];
 
 export default function MyanmarCalendar() {
-    let [today,setToday] = useState(zonedTimeToUtc(startOfToday(), "Asia/Yangon"));
+    let [today, setToday] = useState(utcToZonedTime(startOfToday(), "Asia/Yangon"));
     let [selectedDay, setSelectedDay] = useState(today);
     let [currentMonth, setCurrentMonth] = useState(format(today, "MMM-yyyy"));
     let firstDayCurrentMonth = parse(currentMonth, "MMM-yyyy", new Date());
     const [language, setLanguage] = useState<Language>("myanmar");
 
     let [days, setDays] = useState(eachDayOfInterval({
-        start: startOfWeek(firstDayCurrentMonth),
-        end: add(endOfMonth(firstDayCurrentMonth), {
+        start: zonedTimeToUtc(startOfWeek(firstDayCurrentMonth), 'US/Pacific'),
+        end: zonedTimeToUtc(add(endOfMonth(firstDayCurrentMonth), {
             days: 10,
-        }),
+        }), 'Asia/Yangon'),
     }))
 
     useEffect(() => {
         if (days.length > 35) {
-            const formattedDay =   days.map(day => zonedTimeToUtc(day, 'Asia/Yangon'))
+            const formattedDay = days.map(day => zonedTimeToUtc(day, 'Asia/Yangon'))
             setDays(formattedDay.slice(0, 35))
         }
     }, [days])

apps/myanmar_calendar/src/pages/index.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import MyanmarCalendar from "../components/MyanmarCalendar";
 
-const Index = () => {
+const Home = () => {
     return (
         <MyanmarCalendar/>
     );
 };
 
-export default Index;
+export default Home;