nucleo000/analiticaNucleo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mejora ui x exageradas

Browse Source
This commit is contained in:
josedario87
2025-10-01 05:04:00 -06:00
parent 9bd96e6d69
commit d4f6333812
8 changed files with 1053 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
nuxt4-app/app/components/DateRangeSelector.vue
View File

@@ -26,11 +26,11 @@
<div class="grid grid-cols-2 gap-4 flex-1">
<div>
<label class="text-xs text-[var(--brand-text-muted)]">Fecha desde</label>
<UInput :model-value="fechaDesde" type="date" @input="onManualDateChange" />
<UInput :model-value="fechaDesde" type="date" @input="(e) => onManualDateChange('desde', e)" />
</div>
<div>
<label class="text-xs text-[var(--brand-text-muted)]">Fecha hasta</label>
<UInput :model-value="fechaHasta" type="date" @input="onManualDateChange" />
<UInput :model-value="fechaHasta" type="date" @input="(e) => onManualDateChange('hasta', e)" />
</div>
</div>
@@ -114,24 +114,21 @@ function selectPreset(preset: PresetValue) {
}
}
function onManualDateChange(event: Event) {
function onManualDateChange(type: 'desde' | 'hasta', event: Event) {
const target = event.target as HTMLInputElement
const value = target.value
const value = target.value || null
// Si el usuario modifica las fechas manualmente, cambiar a "Personalizado"
emit('update:selectedPreset', 'custom')
// Actualizar la fecha correspondiente según el input
if (target.type === 'date') {
const label = target.labels?.[0]?.textContent
if (label?.includes('desde')) {
emit('update:fechaDesde', value)
} else if (label?.includes('hasta')) {
emit('update:fechaHasta', value)
}
// Actualizar la fecha correspondiente
if (type === 'desde') {
emit('update:fechaDesde', value)
} else {
emit('update:fechaHasta', value)
}
console.log('Manual date change, preset set to custom')
console.log(`Manual date change (${type}):`, value, 'preset set to custom')
}
function clearPreset() {