Fecha y hora
Fechas, rangos, horas, duraciones, recurrencias y horarios semanales.
Todos los campos comparten el contrato base (control, name, label, description, placeholder, disabled, required, tooltip, className). Aquí se listan solo las props adicionales de cada campo.
FormDateField
Fecha con calendario en popover y presets (hoy, ayer, hace 7 días…).
| Prop | Tipo | Requerida |
|---|---|---|
minDate | Date | — |
maxDate | Date | — |
disabledDates | Date[] | — |
disabledDays | ((date: Date) => boolean) | — |
locale | string | — |
formatDate | ((date: Date) => string) | — |
triggerClassName | string | — |
presets | DatePreset[] | — |
showPresets | boolean | — |
presetLabels | Partial<PresetLabels> | — |
FormDateRangeField
Rango de fechas con presets (este mes, últimos 30 días…).
| Prop | Tipo | Requerida |
|---|---|---|
minDate | Date | — |
maxDate | Date | — |
disabledDates | Date[] | — |
disabledDays | ((date: Date) => boolean) | — |
locale | string | — |
formatDate | ((date: Date) => string) | — |
numberOfMonths | 1 | 2 | — |
triggerClassName | string | — |
presets | DateRangePreset[] | — |
showPresets | boolean | — |
presetLabels | Partial<PresetLabels> | — |
FormTimeField
Hora con grilla de selección y soporte 12/24h.
| Prop | Tipo | Requerida |
|---|---|---|
format | '12h' | '24h' | — |
minuteStep | 1 | 5 | 10 | 15 | 30 | — |
minTime | TimeValue | — |
maxTime | TimeValue | — |
triggerClassName | string | — |
FormTimeRangeField
Rango de horas (desde/hasta) validado.
| Prop | Tipo | Requerida |
|---|---|---|
format | '12h' | '24h' | — |
minuteStep | 1 | 5 | 10 | 15 | 30 | — |
FormDurationField
Duración (horas/minutos/segundos) con unidades configurables.
| Prop | Tipo | Requerida |
|---|---|---|
showHours | boolean | — |
showMinutes | boolean | — |
showSeconds | boolean | — |
maxHours | number | — |
showTotalSeconds | boolean | — |
labels | { | — |
FormRecurrenceField
Reglas de repetición estilo RRULE: diaria, semanal con días, mensual, fin por fecha o conteo.
FormScheduleField
Horario semanal de apertura/cierre por día (editor de horarios de negocio).
DatePickerField
Variante ligera de fecha integrada a RHF (popover + calendario, sin presets).
| Prop | Tipo | Requerida |
|---|---|---|
value | Date | null | sí |
onChange | (date: Date | null) => void | sí |
invalid | boolean | — |
error | RHFFieldError | — |