<script lang="ts" setup>
/**
 * 工作台「日程日历」widget：快捷入口行下方全宽
 * 直接复用日历模块的 CalendarPanel 紧凑模式（隐藏图例/格子变矮/每格 2 条待办），
 * 面板自带月份大标题头部，故不再额外渲染 widget 标题（title 仅为对齐布局接口保留）
 */
import CalendarPanel from '#/views/dashboard/calendar/components/CalendarPanel.vue';

interface Props {
  title: string;
}
defineProps<Props>();
</script>
<template>
  <div class="work-calendar-widget">
    <CalendarPanel compact />
  </div>
</template>
<style scoped>
/* widget 外壳与面板都撑满网格行高：与右侧快捷入口等高对齐（行高由日历内容决定） */
.work-calendar-widget {
  height: 100%;
}

.work-calendar-widget :deep(.work-calendar) {
  height: 100%;
}
</style>
