ui fixes, calendar

src/views/calendar/CalendarView.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const type = ref('month')
+const types = ['month', 'week', 'day', '4day']
+const mode = ref('stack')
+const modes = ['stack', 'column']
+const weekday = ref([0, 1, 2, 3, 4, 5, 6])
+const weekdays = [
+  { title: 'Sun - Sat', value: [0, 1, 2, 3, 4, 5, 6] },
+  { title: 'Mon - Sun', value: [1, 2, 3, 4, 5, 6, 0] },
+  { title: 'Mon - Fri', value: [1, 2, 3, 4, 5] },
+  { title: 'Mon, Wed, Fri', value: [1, 3, 5] },
+]
+const value = ref('')
+const events = ref([])
+const colors = ['blue', 'indigo', 'deep-purple', 'cyan', 'green', 'orange', 'grey-darken-1']
+const names = ['Meeting', 'Holiday', 'PTO', 'Travel', 'Event', 'Birthday', 'Conference', 'Party']
+
+function rnd(a: number, b: number) {
+  return Math.floor((b - a + 1) * Math.random()) + a
+}
+</script>
+
+<template>
+  <div>
+    <v-sheet height="600">
+      <v-calendar></v-calendar>
+    </v-sheet>
+  </div>
+</template>
+<style scoped lang="scss"></style>