0.1.0 • Published 5 months ago
@atmgrupomaggioli/iris-date v0.1.0
iris-date
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
disabled | disabled | Indica si el campo está deshabilitado. | boolean | false |
endDate | end-date | Fecha máxima permitida. 📌 Ejemplo de uso: tsx <iris-date startDate="20/03/2025" /> | string | undefined |
label (required) | label | Etiqueta del componente. | string | undefined |
name | name | Nombre del date - Se usa para identificar el date en formularios. | string | undefined |
required | required | Indica si el campo es requerido. | boolean | false |
rules | rules | Lista de reglas de validación para el campo. Se pueden definir múltiples reglas para personalizar la validación. | Rule[] | undefined |
startDate | start-date | Fecha mínima permitida. 📌 Ejemplo de uso: tsx <iris-date startDate="01/03/2025" /> | string | undefined |
tooltip | tooltip | Texto del tooltip | string \| string[] | undefined |
type | type | Modo del calendario (single, multiple, range). | "multiple" \| "range" \| "single" | 'single' |
value | value | Valor inicial del componente. 📌 Ejemplo de uso: tsx <iris-date value="06/03/2025" /> | string \| string[] | undefined |
width | width | Especifica el tamaño del campo. | string | '100%' |
Events
| Event | Description | Type |
|---|---|---|
isFocused | Evento que se emite cuando el componente está enfocado. | CustomEvent<boolean> |
valueChange | Evento que se emite cuando cambia el valor del componente. | CustomEvent<string \| string[]> |
Methods
clear() => Promise<void>
Borra el valor del campo de fecha utilizando la instancia de Flatpickr.
Returns
Type: Promise<void>
getValue() => Promise<string | string[]>
Devuelve el valor seleccionado.
Returns
Type: Promise<string | string[]>
setValue(newValue: string | string[] | undefined) => Promise<void>
Establece el valor del date.
Parameters
| Name | Type | Description |
|---|---|---|
newValue | string \| string[] | El valor de la fecha a establecer. - Para 'single': string en formato 'dd/mm/yyyy' o undefined. - Para 'multiple' / 'range': string[] de fechas en formato 'dd/mm/yyyy' o undefined. |
Returns
Type: Promise<void>
validate() => Promise<void>
Returns
Type: Promise<void>
Built with StencilJS