Skip to main content
/
/
/
FormatDuration

FormatDuration

import FormatDuration from "@intility/bifrost-react/FormatDuration";
New in 6.10

Display human-readable duration between a start and end Date object, with a tooltip displaying full datetime including time zone.

  • Displays days if over 2: "7 days"
  • Displays hours if over 2: "24 hours"
  • Otherwise minutes: "30 minutes"
<FormatDuration
  start={new Date("2025-11-18T11:11Z")} // 11 a.m.
  end={new Date("2025-11-18T15:11Z")} // 3 p.m.
/>
4 hours
Datepicker range demo with presets
Compatibility