canvasManagement/src/app/course/[courseName]/settings/StartAndEndDate.tsx

"use client";
import { useLocalCourseSettingsQuery } from "@/features/local/course/localCoursesHooks";
import { getDateOnlyMarkdownString } from "@/features/local/utils/timeUtils";
import React from "react";
import { settingsBox } from "./sharedSettings";

export default function StartAndEndDate() {
  const { data: settings } = useLocalCourseSettingsQuery();
  const startDate = new Date(settings.startDate);
  const endDate = new Date(settings.endDate);
  return (
    <div className={settingsBox}>
      <div>Semester Start: {getDateOnlyMarkdownString(startDate)}</div>
      <div>Semester End: {getDateOnlyMarkdownString(endDate)}</div>
    </div>
  );
}