calandar ui

src/modules/11_discipline/components/2_InvestigateFacts/CalandarDialog.vue

@@ -0,0 +1,52 @@
+<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>