Компоненты

TimeRangePicker

Интервал времени в синтаксисе now-15m — как в Grafana и Kibana.

Выбор интервала времени в синтаксисе now-15m — как в Grafana и Kibana. Готовые интервалы, ввод своих выражений и листание стрелками на длину интервала.

Пример

{ from: "now-24h", to: "now" }

Синтаксис

Выражение — это now со сдвигом и округлением:

text

now              сейчас
now-15m          пятнадцать минут назад
now-1h           час назад
now/d            начало сегодняшнего дня (слева) / конец (справа)
now-1d/d         весь вчерашний день
now/w            эта неделя (с понедельника)
2026-02-14       конкретная дата

Пропсы

Проп	Тип	По умолчанию	Описание
`value`*	`{ from, to }`	—	Интервал как пара выражений.
`onChange`*	`(range) => void`	—	Новый интервал.
`presets`	`TimePreset[]`	—	Свой набор готовых интервалов вместо стандартного.
`now`	`Date`	—	Момент отсчёта выражений. По умолчанию — сейчас.
`nudge`	`boolean`	`true`	Стрелки «раньше/позже» — листание на длину интервала.
`custom`	`boolean`	`true`	Разрешить ввод своих выражений.
`locale`	`string`	`ru-RU`	Локаль подписей.

value*{ from, to }

Интервал как пара выражений.

onChange*(range) => void

Новый интервал.

presetsTimePreset[]

Свой набор готовых интервалов вместо стандартного.

nowDate

Момент отсчёта выражений. По умолчанию — сейчас.

nudgeboolean

по умолчанию: true

Стрелки «раньше/позже» — листание на длину интервала.

customboolean

по умолчанию: true

Разрешить ввод своих выражений.

localestring

по умолчанию: ru-RU

Локаль подписей.

Разбор отдельно

tsx

import {
  resolveRange,      // { from, to } выражений → пара Date
  parseTimeExpr,     // одно выражение → Date (null, если непонятно)
  shiftRange,        // листать на собственную длину
  toAbsolute,        // перевести в абсолютные даты
  TIME_PRESETS,      // стандартные интервалы
} from "@toimetdev/pathlogs-core";