atomic-result-timespan

This is for:

Developer

In this article

Properties

See Display results to learn more about customizing your result templates.

The atomic-result-timespan component renders a target result number field value as a duration.

Go to the interactive example

Properties

Property Attribute Description Type Default

Property	Attribute	Description	Type	Default
`field` (required)	`field`	The target result field. The component first looks for the field in the Result object, and then in the Result.raw object. It is important to include the necessary field in the `atomic-search-interface` component.	`string`
`format`	`format`	The format to apply to the result field value. By default, the format is HH:mm:ss when the duration is under a day, and it is an approximation when longer (days, months or years). The string displayed when there is an approximation can be modified with localization. Available formats: https://day.js.org/docs/en/durations/format	`string \| undefined`
`unit`	`unit`	The unit of measurement of the field value. Available units: https://day.js.org/docs/en/durations/creating	`string`	`'ms'`

field (required)

field

The target result field. The component first looks for the field in the Result object, and then in the Result.raw object. It is important to include the necessary field in the atomic-search-interface component.

string

format

The format to apply to the result field value.

By default, the format is HH:mm:ss when the duration is under a day, and it is an approximation when longer (days, months or years).

The string displayed when there is an approximation can be modified with localization.

Available formats: https://day.js.org/docs/en/durations/format

string | undefined

unit

The unit of measurement of the field value. Available units: https://day.js.org/docs/en/durations/creating

string

'ms'