DateRangeColumnFilter

El componente, montado

Cargando el chunk del paquete instalado…

De dónde se importa

import { DateRangeColumnFilter } from '@solu30/ui-kit/data-display'

Props

Los tipos instalados no declaran props propias para este símbolo. No quiere decir que no acepte ninguna: puede heredarlas de un tipo del que el catálogo no sigue el rastro.

Ejemplo del paquete

const [dates, setDates] = useState<[string|null, string|null]>([null, null])
<DateRangeColumnFilter
value={dates}
onChange={setDates}
onClear={() => setDates([null, null])}
presets={[
{ label: 'Este mes', value: [startOfMonth, endOfMonth] },
{ label: 'Últimos 7 días', value: [sevenDaysAgo, today] },
]}
labels={{ from: 'Desde', to: 'Hasta', clear: 'Limpiar filtro' }}
/>

Del @example del JSDoc de @solu30/ui-kit, sin editar. Cuatro de los 69 ejemplos del paquete traen pegada la firma cruda del .d.ts —el mismo defecto del extractor que se come las descripciones—, y por eso la caja tiene tope de alto: el ejemplo de verdad suele estar al final.