1 files changed, 15 insertions, 0 deletions
diff --git a/frontend/src/components/app/timeline/TimelineLabelsComponent.js b/frontend/src/components/app/timeline/TimelineLabelsComponent.js
new file mode 100644
index 00000000..6943a86f
--- /dev/null
+++ b/frontend/src/components/app/timeline/TimelineLabelsComponent.js
@@ -0,0 +1,15 @@
+import React from "react";
+import { convertSecondsToFormattedTime } from "../../../util/date-time";
+
+const TimelineLabelsComponent = ({ currentTick, lastSimulatedTick }) => (
+  <div className="timeline-labels">
+    <div className="start-time-label">
+      {convertSecondsToFormattedTime(currentTick)}
+    </div>
+    <div className="end-time-label">
+      {convertSecondsToFormattedTime(lastSimulatedTick)}
+    </div>
+  </div>
+);
+
+export default TimelineLabelsComponent;