---
url: "https://vueda.dev/v3/reference/api/vue/WidgetDurationReadOnly.md"
title: "WidgetDurationReadOnly"
---

# WidgetDurationReadOnly

## Overview

Read-only presentation for duration fields. Wraps {@link WidgetReadOnly} so the row keeps
its label association, theme slots, and lookup behavior, and fills the value with
{@link DurationDisplay} instead of the raw serialized literal.

`fieldMappings` selects this widget through `readOnlyWidget` and supplies the display
options through `readOnlyWidgetProps`, which mirror the `columnProps` that
`columnMappings` gives `ColumnDuration`. A read view and a list therefore word the same
field the same way, and an empty value renders the same dash in both.

A consumer's own `default` slot still wins: this widget supplies the duration rendering
only when the field has no `widget(fieldName)default` override.

## Props

| Name | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| <span id="prop-format">format</span> | `string` |  | `"long"` | Unit wording passed to DurationDisplay; `"long"` names each unit in full. |

## Slots

### `slotName` {#slot-slotName}

Scoped slot.

## Source

`client/lib/widgets/WidgetDurationReadOnly.vue`