lashman/zeroclock
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

feat: replace all native selects and date inputs with custom components

Browse Source
This commit is contained in:
Your Name
2026-02-17 22:27:51 +02:00
parent b9aace912b
commit 40f87c9e04
5 changed files with 60 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/Reports.vue
View File

@@ -6,18 +6,16 @@
<div class="bg-bg-surface rounded-lg p-4 mb-6 flex flex-wrap items-end gap-4">
<div>
<label class="block text-[0.6875rem] text-text-tertiary uppercase tracking-[0.08em] mb-1.5">Start Date</label>
<input
<AppDatePicker
v-model="startDate"
type="date"
class="px-3 py-2 bg-bg-inset border border-border-subtle rounded-lg text-[0.8125rem] text-text-primary focus:outline-none focus:border-border-visible"
placeholder="Start date"
/>
</div>
<div>
<label class="block text-[0.6875rem] text-text-tertiary uppercase tracking-[0.08em] mb-1.5">End Date</label>
<input
<AppDatePicker
v-model="endDate"
type="date"
class="px-3 py-2 bg-bg-inset border border-border-subtle rounded-lg text-[0.8125rem] text-text-primary focus:outline-none focus:border-border-visible"
placeholder="End date"
/>
</div>
<button
@@ -109,6 +107,7 @@ import { ref, computed, onMounted } from 'vue'
import { invoke } from '@tauri-apps/api/core'
import { Bar } from 'vue-chartjs'
import { BarChart3 } from 'lucide-vue-next'
import AppDatePicker from '../components/AppDatePicker.vue'
import { useToastStore } from '../stores/toast'
import {
Chart as ChartJS,