---
title: QuanticTimeframe
slug: latest-insight-panel-timeframe
canonical_url: https://docs.coveo.com/en/quantic/latest/reference/insight-panel-components/insight-panel-timeframe/
collection: quantic
source_format: adoc
---
# QuanticTimeframe

> **Note**
>
> This component was introduced in version `1.32.0`.

The `QuanticTimeframe` component defines a timeframe of a `c-quantic-timeframe-facet`, and therefore must be defined within a `c-quantic-timeframe-facet` component.
A timeframe is a span of time from now to a specific time in the past, or the future.

## Example

```html
<c-quantic-timeframe amount="6" unit="month"></c-quantic-timeframe>
```

## Properties

--
|===
| Property | Attribute | Description | Type | Default

| `period`
| `period`
a| The relative period of time.
| `'past', 'next'`
| `'past'`

| `unit`
| `unit`
a| The unit used to define:

* the start date of the timeframe, if the period is `past`.
* the end date of the timeframe, if the period is `next`.

| `'minute', 'hour', 'day', 'week', 'month', 'quarter', 'year'`
| `'day'`

| `amount`
| `amount`
a| The amount of the `unit` of time (for example, `10 days`, `1 year`, etc.).
| `number`
| `1`

| `label`
| `label`
a| The non-localized label for the timeframe. When defined, it will appear instead of the formatted value.
| `string`
| Defaults to the formatted value based on amount, unit, and period.

|===
--

## XML configuration file elements

The following XML configuration file elements apply (see [XML Configuration File Elements](https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.reference_configuration_tags)).

--
|===
| Metadata | Value

| `apiVersion` | `53.0`
| `isExposed` | `false`
|===
--

## Associated use cases

This component is also relevant in the following use case:

* [Search](https://docs.coveo.com/en/quantic/latest/reference/search-components/search-timeframe)