ReadOnlyYearField

ReadOnlyYearField renderiza un valor de año como salida no editable. Se usa en pantallas de detalle y visualización para atributos que representan solo un año, como el año de fundación, año de modelo o año fiscal.

Props

| Prop | Tipo | Requerido | Por defecto | Descripción | |------|------|-----------|-------------|-------------| | value | string \| number | No | — | El año a mostrar (ej. 2024 o "2024"). Muestra "-" cuando está ausente. | | label | string | No | — | Etiqueta mostrada encima del campo. | | description | string | No | — | Texto de ayuda mostrado debajo del campo en cursiva. | | containerStyle | React.CSSProperties | No | — | Estilos personalizados para el div contenedor externo. | | labelStyle | React.CSSProperties | No | — | Estilos personalizados para el elemento de etiqueta. | | descriptionStyle | React.CSSProperties | No | — | Estilos personalizados para el texto de descripción. |

Uso

Básico

import ReadOnlyYearField from '@/components/read-only-fields/ReadOnlyYearField';

<ReadOnlyYearField
  label="Año de fundación"
  value={2018}
/>

Con descripción

<ReadOnlyYearField
  label="Año del modelo"
  value={vehicle.year}
  description="El año de fabricación del vehículo."
/>