ReadOnlyTimeField

ReadOnlyTimeField renderiza un valor de hora como salida formateada no editable. Muestra horas y minutos en un formato legible por humanos, siendo adecuado para mostrar horarios de apertura, programaciones o cualquier atributo de hora del día en pantallas de detalle y visualización.

Props

| Prop | Tipo | Requerido | Por defecto | Descripción | |------|------|-----------|-------------|-------------| | value | string | No | — | String de hora en formato HH:MM o HH:MM:SS. 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 ReadOnlyTimeField from '@/components/read-only-fields/ReadOnlyTimeField';

<ReadOnlyTimeField
  label="Hora de apertura"
  value="09:00"
/>

Sin valor

<ReadOnlyTimeField
  label="Hora de cierre"
  value={undefined}
/>
// Renderiza: -

Con descripción

<ReadOnlyTimeField
  label="Inicio del turno"
  value={shift.startTime}
  description="La hora a la que comienza este turno."
/>