Backoffice
PeriodPicker
Playground
Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.
Backoffice / Period Picker
boolean
Variantes, tamanhos e estados
Cada célula é o componente real, marcada com a variante do Figma que reproduz (passe o mouse pra ver o node).
| Default | Hover | Focus | Open |
|---|---|---|---|
Props
As props que o arquivo do DS declara. O componente também repassa as do primitivo (base-ui), quando ele tem um.
PeriodPickerPresetProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| label | string | — | What the control picks, read before the choice: "Período". |
| options | PeriodOption[] | — | |
| value? | string | — | |
| defaultValue? | string | — | |
| onValueChange? | ((value: string) => void) | — | |
| open? | boolean | — | The menu's open state (base-ui naming); Figma State=Open. |
| defaultOpen? | boolean | — | |
| onOpenChange? | ((open: boolean) => void) | — | |
| className? | string | — |
PeriodPickerRangeProps
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| className? | string | — | |
| children? | React.ReactNode | — |