Componente

Date Range Picker

Name: Django Components UI
Author: Javier Hernández

Date range selector with from/to inputs.

{% comp_date_range_picker ... %}

Código a utilizar

template.html

{% comp_date_range_picker name="periodo" label="Período del Informe" from_value="2026-03-01" to_value="2026-03-31" required=True help_text="Selecciona el rango de fechas para filtrar los datos." %}

Vista previa en vivo

Período del Informe *

Selecciona el rango de fechas para filtrar los datos.

API Props & Playground

Los cambios actualizan la vista previa en tiempo real

Prop	Valor	Default
`name` Nombre del icono Heroicons v2 — ver todos None		None
`label` ''		''
`from_value` ''		''
`to_value` ''		''
`required` False		False
`help_text` ''		''
`classes` ''		''

Carga la librería con {% load components_ui %} antes de usar el componente.