DateRangePicker

El componente, montado

Cargando el chunk del paquete instalado…

De dónde se importa

import { DateRangePicker } from '@solu30/ui-kit/input'

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

import { DateRangePicker } from "@solu30/ui-kit";
const [range, setRange] = useState<DateRangeValue>({ from: null, to: null });
<DateRangePicker
value={range}
onChange={setRange}
presets={[
{ label: "Última semana", from: subDays(new Date(), 7), to: new Date() },
{ label: "Último mes", from: startOfMonth(new Date()), to: new Date() },
]}
/>

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.