Types
import type { Format, Mode, State, StopsByDates, StopsByInterval } from "@arcgis/map-components/components/arcgis-time-bar/types.js";
Since
ArcGIS Maps SDK for JavaScript 5.2

Types used to configure the Time Bar and Time Bar Slider components.

Type definitions

Format

Type definition

Determines the format of the date displayed in the minimum, maximum, and time extent labels of the Time Bar component. If "date" is specified, only the localized day, month, and year components will be displayed, for example, "6/21/2026" in the "en-US" locale. If "date-time" is specified, the localized day, month, year, hour, minute, and second components will be displayed, for example, "6/21/2026, 3:30:00 PM" in the "en-US" locale.

Type
"date-time" | "date"

Mode

Type definition

Defines the different modes of the Time Bar component.

Type
"cumulative-from-end" | "cumulative-from-start" | "instant" | "time-window"

State

Type definition

Defines the different states of the Time Bar component.

Type
"disabled" | "playing" | "ready"

StopsByDates

Type definition

Stops are positioned at specific dates.

See also

dates

Property
Type
Date[]

StopsByInterval

Type definition

Stops are positioned at regular intervals defined by a time interval.

See also

interval

Property
Type
TimeInterval

The interval at which stops will be created.

timeExtent

Property
Type
TimeExtent | undefined

The time extent over which the stops will be distributed.

StopsByCount

Type definition

Stops are positioned at a specific number of evenly spaced locations for the Time Bar. The exact positions of the stops will be calculated based on the provided count and the time extent of the Time Bar.

See also

count

Property
Type
number

The number of stops to create for the Time Bar.

timeExtent

Property
Type
TimeExtent | undefined

The time extent over which the stops will be distributed.

Stops

Type definition

Defines the different ways stops can be specified for the Time Bar component.

See also

PopoverDisplay

Type definition

Defines how and when popovers are displayed for the Time Bar Slider's thumb or range.

Type
"always" | "auto" | "none"