# Propiedades de Vuetify
# Introducción
A continuación se listan las propiedades nativas de Vuetify que se pueden utilizar en IrDatePicker.
# Propiedades
Las siguientes propiedades fueron extraídas desde Vuetify y no han sido probadas en su totalidad, las mismas serán confirmadas a medida que sean testeadas.
name | type | default | description |
|---|---|---|---|
| #active-picker | string | undefined | Determina qué selector en el selector de fecha o mes se muestra. Valores permitidos: 'DATE', 'MONTH','YEAR' |
| #allowed-dates | function | null | Restringe las fechas que se pueden seleccionar |
| #color | string | undefined | Aplica el color especificado al control; puede ser el nombre del color del material (por ejemplo , successo purple) o el color CSS ( #033o rgba(255, 0, 0, 0.5)). Puede encontrar una lista de clases integradas en la página de colores . |
| #dark | boolean | false | Aplica la variante de tema oscuro al componente. Puede encontrar más información en la documentación de Material Design para temas oscuros . |
| #day-format | function | null | Le permite personalizar el formato de la cadena de días que aparece en la tabla de fechas. Llamado con argumentos de fecha (cadena de fecha ISO 8601 ). |
| #disabled | boolean | false | Desactiva la interacción con el selector. |
| #elevation | number | string | undefined | Designa una elevación aplicada al componente entre 0 y 24. Puede encontrar más información en la página de elevación . |
| #event-color | array | function | object | string | warning | Establece el color del punto de evento. Puede ser una cadena (todos los eventos tendrán el mismo color) o objectdonde el atributo es la fecha del evento y el valor es booleano/color/matriz de colores para la fecha especificada o functiontomar la fecha como parámetro y devolver booleano/color/matriz de colores para eso fecha |
| #events | array | function | object | null | Matriz de fechas u objeto que define eventos o colores o función que devuelve booleano/color/matriz de colores |
| #first-day-of-week | string | number | 0 | Establece el primer día de la semana, comenzando con 0 para el domingo. |
| #flat | boolean | false | Elimina la elevación |
| #full-width | boolean | false | Fuerzas 100% ancho |
| #header-color | string | undefined | Define el color del encabezado. Si no se especifica, utilizará el color definido por colorprop o el color del selector predeterminado |
| #header-date-format | function | null | Le permite personalizar el formato de la cadena de meses que aparece en el encabezado del calendario. Llamado con argumentos de fecha (cadena de fecha ISO 8601 ). |
| #landscape | boolean | false | Selector de orientación horizontal |
| #light | boolean | false | Aplica la variante de tema claro al componente. |
| #locale | string | undefined | Establece la configuración regional. Acepta una cadena con una etiqueta de idioma BCP 47. |
| #locale-first-day-of-year | string | number | 0 | SEstablece el día que determina la primera semana del año, comenzando con 0 para el domingo . Para ISO 8601, debería ser 4. |
| #max | string | undefined | Fecha/mes máximo permitido (formato ISO 8601) |
| #min | string | undefined | Fecha/mes mínimo permitido (formato ISO 8601) |
| #month-format | function | null | Función de formato utilizada para mostrar meses en la tabla de meses. Llamado con argumentos de fecha (cadena de fecha ISO 8601 ). |
| #multiple | boolean | false | Permitir la selección de múltiples fechas |
| #next-icon | string | '$next' | Establece el ícono para el botón del próximo mes/año |
| #next-month-aria-label | string | '$vuetify.datePicker.nextMonthAriaLabel' | |
| #next-year-aria-label | string | '$vuetify.datePicker.nextYearAriaLabel' | |
| #no-title | boolean | false | Hide the picker title |
| #picker-date | string | undefined | Displayed year/month |
| #prev-icon | string | '$prev' | Sets the icon for previous month/year button |
| #prev-month-aria-label | string | '$vuetify.datePicker.prevMonthAriaLabel' | |
| #prev-year-aria-label | string | '$vuetify.datePicker.prevYearAriaLabel' | |
| #range | boolean | false | Permitir la selección de rango de fechas |
| #reactive | boolean | false | Actualiza el modelo del selector al cambiar meses/años automáticamente |
| #readonly | boolean | false | Hace que el selector sea de solo lectura (no permite seleccionar una nueva fecha) |
| #scrollable | boolean | false | Permite cambiar el mes mostrado con el desplazamiento del mouse |
| #selected-items-text | string | '$vuetify.datePicker.itemsSelected' | Texto utilizado para traducir el número de fechas seleccionadas cuando se utilizan múltiples prop. También se puede personalizar globalmente en Internacionalización . |
| #show-adjacent-months | boolean | false | Alterna la visibilidad de los días de los meses anteriores y siguientes |
| #show-current | boolean | string | true | Alterna la visibilidad del esquema de fecha/mes actual o muestra la fecha/mes proporcionado como actual |
| #show-week | boolean | false | Alterna la visibilidad de los números de semana en el cuerpo del calendario |
| #title-date-format | function | null | Le permite personalizar el formato de la cadena de fecha que aparece en el título del selector de fecha. Llamado con argumentos de fecha (cadena de fecha ISO 8601 ). |
| #type | string | 'date' | Determina el tipo de selector: datepara el selector de fecha, monthpara el selector de mes |
| #value | array | string | undefined | Modelo de selector de fecha (formato ISO 8601, AAAA-mm-dd o AAAA-mm) |
| #weekday-format | function | null | Le permite personalizar el formato de la cadena de días de la semana que aparece en el cuerpo del calendario. Llamado con argumentos de fecha (cadena de fecha ISO 8601 ). |
| #width | number | string | 290 | Ancho del picker |
| #year-format | function | null | Le permite personalizar el formato de la cadena de año que aparece en el encabezado del calendario. Llamado con argumentos de fecha (cadena de fecha ISO 8601 ). |
| #year-icon | string | undefined | Establece el icono en el botón de selección de año |