DateField
The props declared for DateField, generated from the types @proyecto-viviana/ui ships.
Import
import { DateField } from "@proyecto-viviana/ui";Props
| Prop | Type | Default | Description |
|---|---|---|---|
size | 'S' | 'M' | 'L' | 'XL' | 'sm' | 'md' | 'lg' | 'M' | The size of the field. |
styles | StyleString | — | Spectrum-defined generated classes. |
UNSAFE_className | string | — | Additional CSS class name. Use only as a last resort. |
UNSAFE_style | JSX.CSSProperties | — | Additional inline styles. Use only as a last resort. |
class | string | — | Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. |
label | number | boolean | RenderedElement | ArrayElement | (string & {}) | Node | JSX.ArrayElement | — | Label for the field. |
contextualHelp | number | boolean | RenderedElement | ArrayElement | (string & {}) | Node | JSX.ArrayElement | — | A ContextualHelp element to render next to the label. |
description | number | boolean | RenderedElement | ArrayElement | (string & {}) | Node | JSX.ArrayElement | — | Description text. |
errorMessage | number | boolean | RenderedElement | ArrayElement | (string & {}) | Node | JSX.ArrayElement | — | Error message. |
labelPosition | 'top' | 'side' | — | Position of the label relative to the field. |
labelAlign | 'start' | 'end' | — | Label alignment for side labels. |
necessityIndicator | 'label' | 'icon' | — | Whether required fields show an icon or text label. |
Declared in packages/viviana-ui/src/calendar/DateField.tsx.
Props marked solidaria or solidaria-components come from the headless layer underneath and behave the same in both registers. Components that wrap a DOM element also accept that element's standard attributes, which are left out here on purpose — listing them would bury the props that are actually ours.