Выбор диапазона дат

DateRangePicker рендерит поле-триггер, открывающее Calendar в режиме диапазона: первый клик задаёт начальную дату и оставляет попап открытым, второй — конечную дату и закрывает попап.

Пример

Интерактивный пример

Использование

Импортируйте компонент из публичной точки входа пакета.

import { DateRangePicker } from "denjs-ui";

export function Example() {
  return (
    <DateRangePicker
      defaultValue={{ from: new Date(2026, 6, 16), to: new Date(2026, 6, 20) }}
      locale="en-US"
    />
  );
}