Ich bin mit MUI DateCalendar etwas ratlos und brauche etwas Anleitung. Ich habe die Dokumentation gelesen und viel herumgebastelt, aber ich weiß immer noch nicht, wie ich das umsetzen soll. Wir würden uns über jede Hilfe sehr freuen, vielen Dank!

Aktueller Kalendercode:

export default function CalendarComp() {
  const [day, setDay] = useState(dayjs());
  function handleClick(e) {
    setDay(e);
  }

  return (
    <Box
      sx={{
        height: 340,
        width: 340,
        backgroundColor: "secondary.main",
      }}
    >
      <LocalizationProvider dateAdapter={AdapterDayjs}>
        <DateCalendar
          value={day}
          onChange={handleClick}
          disableHighlightToday={true}
          slotProps={{
            day: {
              selectedDay: day,
            },
          }}
        />
      </LocalizationProvider>
    </Box>
  );
}