DateRangeFilter
Une période, avec ses raccourcis.
Les périodes utiles se comptent sur une main — ce mois, le trimestre, l'exercice — et les proposer évite de saisir deux dates pour la question que tout le monde pose en premier.
Installation
bash
sia-ui add date-range-filterOu par le paquet, sans rien copier :
tsx
import { DateRangeFilter } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
* onValueChange | (value: DateRangeValue) => void | — | |
* value | DateRangeValue | — | |
className | string | — | |
dateRangePickerProps | Partial<Omit<DateRangePickerProps, "value" | "defaultValue" | "onValueChange">> | — | Réglages du sélecteur de période — bornes, libellés, jours désactivés. |
onClear | () => void | — | |
presets | DateRangePreset[] | [] |
* obligatoire.
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.