hrms-mgt/src/modules/11_discipline/components/2_InvestigateFacts/CalandarDialog.vue

<script setup lang="ts">
import { ref, defineProps } from "vue";
import Calendar from "@/modules/11_discipline/components/2_InvestigateFacts/Calendar.vue";

const props = defineProps({
  modal: {
    type: Boolean,
    default: false,
  },
  close: {
    type: Boolean,
    default: true,
  },
});
</script>
<template>
  <q-dialog v-model="props.modal" persistent>
    <q-card style="min-width: 60vw">
      <q-toolbar>
        <q-toolbar-title class="text-subtitle2 text-bold"
          >ปฎิทิน</q-toolbar-title
        >
        <q-btn
          icon="close"
          unelevated
          round
          dense
          @click="props.close"
          style="color: #ff8080; background-color: #ffdede"
        />
      </q-toolbar>
      <q-separator />
      <q-card-section class="q-pa-md bg-grey-1">
        <Calendar />
      </q-card-section>
      <!-- <q-separator /> -->

      <!-- <div class="row justify-end q-px-md q-py-sm items-center">
          <q-btn
            dense
            color="public"
            id="onSubmit"
            class="q-px-md q-py-xs"
            @click="savePost"
          >

            <div>{{ props.btnTitle }}</div>

            <q-tooltip>{{ props.btnTitle }}</q-tooltip>
          </q-btn>
        </div> -->
    </q-card>
  </q-dialog>
</template>