add select and deselect all on time and detailed reporting view

resources/js/packages/ui/src/Input/Checkbox.vue

@@ -35,5 +35,5 @@ const proxyChecked = computed({
         type="checkbox"
         :id="id"
         :value="value"
-        class="rounded bg-input-background border-input-border text-indigo-600 shadow-sm focus:ring-indigo-500" />
+        class="h-4 w-4 rounded bg-card-background border-input-border text-accent-500/80 focus:ring-accent-500/80" />
 </template>

resources/js/packages/ui/src/Input/InputLabel.vue

@@ -1,11 +1,15 @@
 <script setup lang="ts">
-defineProps({
-    value: String,
-});
+import { twMerge } from 'tailwind-merge';
+
+const props = defineProps<{
+    value?: string;
+    class?: string;
+}>();
 </script>
 
 <template>
-    <label class="block font-medium text-sm text-white">
+    <label
+        :class="twMerge('block font-medium text-sm text-white', props.class)">
         <span v-if="value">{{ value }}</span>
         <span v-else><slot /></span>
     </label>