BetaBeta pública — Consulta las notas de lanzamiento
Solidiom
Comenzar
Documentación

Date Range Input

Date range selection with start/end text fields and calendar picker.

Paquete
@solidiom/date-range-input
Versión
0.6.0
Estado
experimental

Generado a partir del código fuente público del paquete.

API

DateRangeinterfaz

Propiedades

end
string
start
string

Ver código fuente

DateRangeInputFieldPropsinterfaz

Propiedades

class?
string
onBlur?
EventHandler<HTMLInputElement, FocusEvent> — Native blur event handler.
onFocus?
EventHandler<HTMLInputElement, FocusEvent> — Native focus event handler.
style?
string | CSSProperties

Ver código fuente

DateRangeInputRootPropsinterfaz

Propiedades

class?
string
defaultEndDate?
string — Default end date (uncontrolled).
defaultStartDate?
string — Default start date (uncontrolled).
disabled?
boolean
endDate?
string — Controlled end date (ISO format).
format?
string — Display format hint (default 'YYYY-MM-DD').
id?
string — Element id for the root container.
invalid?
boolean
max?
string — Maximum allowed date (ISO format).
min?
string — Minimum allowed date (ISO format).
name?
string — Form field name prefix. Hidden inputs use name-start and name-end.
onRangeChange?
(range: DateRange) => void — Called when the date range changes.
placeholder?
{ … } — Placeholder text for start and end inputs.
readOnly?
boolean
required?
boolean
startDate?
string — Controlled start date (ISO format).
style?
string | CSSProperties

hijos: Element

Ver código fuente

DateRangeInputSeparatorPropsinterfaz

Propiedades

class?
string
style?
string | CSSProperties

hijos: Element

Ver código fuente

DateRangeInputTriggerPropsinterfaz

Propiedades

aria-label?
string — Accessible label for the trigger button.
class?
string
onClick?
EventHandler<HTMLButtonElement, MouseEvent> — Click handler for opening a calendar popover.
style?
string | CSSProperties

hijos: Element

Ver código fuente

EndInputcomponente

                        EndInput(props: DateRangeInputFieldProps): Element

Propiedades

class?
string
onBlur?
EventHandler<HTMLInputElement, FocusEvent> — Native blur event handler.
onFocus?
EventHandler<HTMLInputElement, FocusEvent> — Native focus event handler.
style?
string | CSSProperties

Ver código fuente

Rootcomponente

                        Root(props: DateRangeInputRootProps): Element

Propiedades

class?
string
defaultEndDate?
string — Default end date (uncontrolled).
defaultStartDate?
string — Default start date (uncontrolled).
disabled?
boolean
endDate?
string — Controlled end date (ISO format).
format?
string — Display format hint (default 'YYYY-MM-DD').
id?
string — Element id for the root container.
invalid?
boolean
max?
string — Maximum allowed date (ISO format).
min?
string — Minimum allowed date (ISO format).
name?
string — Form field name prefix. Hidden inputs use name-start and name-end.
onRangeChange?
(range: DateRange) => void — Called when the date range changes.
placeholder?
{ … } — Placeholder text for start and end inputs.
readOnly?
boolean
required?
boolean
startDate?
string — Controlled start date (ISO format).
style?
string | CSSProperties

hijos: Element

Ver código fuente

Separatorcomponente

                        Separator(props: DateRangeInputSeparatorProps): Element

Propiedades

class?
string
style?
string | CSSProperties

hijos: Element

Ver código fuente

StartInputcomponente

                        StartInput(props: DateRangeInputFieldProps): Element

Propiedades

class?
string
onBlur?
EventHandler<HTMLInputElement, FocusEvent> — Native blur event handler.
onFocus?
EventHandler<HTMLInputElement, FocusEvent> — Native focus event handler.
style?
string | CSSProperties

Ver código fuente

Triggercomponente

                        Trigger(props: DateRangeInputTriggerProps): Element

Propiedades

aria-label?
string — Accessible label for the trigger button.
class?
string
onClick?
EventHandler<HTMLButtonElement, MouseEvent> — Click handler for opening a calendar popover.
style?
string | CSSProperties

hijos: Element

Ver código fuente