feat: add withdraw request functionality and UI components

resources/js/Admin/components/shifts/ShiftCalendar.vue

@@ -11,10 +11,14 @@ const props = defineProps({
     shifts: {
         type: Array,
         required: true
+    },
+    selectable: {
+        type: Boolean,
+        default: false
     }
 })
 
-const emit = defineEmits(['select-shift']);
+const emit = defineEmits(['select-shift', 'select-range']);
 
 const doctorPalette = ['#576989', '#800E13', '#50CD89', '#7239EA', '#FFC700', '#F1416C', '#009EF7', '#965457'];
 
@@ -71,6 +75,11 @@ const calendarOptions = computed(() => ({
     eventClick: (info) => {
         emit('select-shift', info.event.extendedProps.shift);
     },
+    selectable: props.selectable,
+    selectMirror: true,
+    select: (info) => {
+        emit('select-range', { start: info.start, end: info.end });
+    },
 }))
 
 const goPrev = () => calendarRef.value?.getApi().prev();