<script lang="ts" setup>
import { getDateString, getTimeString } from "@/components/dueDates/dueDatesUtils";
import type { Dayjs } from "dayjs";

const props = defineProps<{
  singleDate?: Dayjs;
}>();
</script>

<template>
  <span>
    <it-icon-calendar-light class="it-icon h-5 w-5" />
    {{ getDateString(props.singleDate) }}, {{ getTimeString(props.singleDate) }}
  </span>
</template>
