Add 2-month Header view

audrey-yang · Dec 7, 2024 · c622408 · c622408
1 parent 91796fd
commit c622408
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/renderer/components/Header.tsx b/src/renderer/components/Header.tsx
@@ -2,6 +2,7 @@ import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
 import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
 import { DateCalendar } from "@mui/x-date-pickers/DateCalendar";
 import Typography from "@mui/material/Typography";
+import dayjs from "dayjs";
 
 const Header = ({
   numUnstartedTasks,
@@ -22,6 +23,11 @@ const Header = ({
       </div>
       <LocalizationProvider dateAdapter={AdapterDayjs}>
         <DateCalendar sx={{ margin: 0 }} />
+        <DateCalendar
+          sx={{ margin: 0 }}
+          readOnly
+          referenceDate={dayjs().month(dayjs().month() + 1)}
+        />
       </LocalizationProvider>
     </div>
   );