From f24cbe7cb41d6f9bc6c5f3f58851ea69a9418ec1 Mon Sep 17 00:00:00 2001
From: silvester-pari <silvester.pari@eox.at>
Date: Wed, 18 Dec 2024 17:20:35 +0100
Subject: [PATCH] feat: pass displayFormat property to timecontrol

---
 elements/layercontrol/src/components/layer-datetime.js | 4 +++-
 elements/layercontrol/src/enums/stories/index.js       | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/elements/layercontrol/src/components/layer-datetime.js b/elements/layercontrol/src/components/layer-datetime.js
index 65259ac15..93989eb40 100644
--- a/elements/layercontrol/src/components/layer-datetime.js
+++ b/elements/layercontrol/src/components/layer-datetime.js
@@ -42,7 +42,8 @@ export class EOxLayerControlLayerDatetime extends LitElement {
      *   disablePlay?: boolean;
      *   slider?: boolean;
      *   currentStep: string|number;
-     *   controlValues: (string|number)[]
+     *   controlValues: (string|number)[];
+     *   displayFormat?: string;
      * }}
      */
     this.layerDatetime = null;
@@ -111,6 +112,7 @@ export class EOxLayerControlLayerDatetime extends LitElement {
             .controlValues=${this.layerDatetime.controlValues}
             .controlProperty=${undefined}
             current-step=${this.layerDatetime.currentStep}
+            .displayFormat=${this.layerDatetime.displayFormat}
             @stepchange=${this.#handleStepChange}
           ></eox-timecontrol>
         `,
diff --git a/elements/layercontrol/src/enums/stories/index.js b/elements/layercontrol/src/enums/stories/index.js
index af548f365..6c5085a38 100644
--- a/elements/layercontrol/src/enums/stories/index.js
+++ b/elements/layercontrol/src/enums/stories/index.js
@@ -448,6 +448,7 @@ export const STORIES_LAYER_VESSEL_DENSITY_CARGO = {
       disablePlay: true,
       slider: true,
       currentStep: "2021-03-01",
+      displayFormat: "DD.MM.YYYY",
       controlValues: [
         "2022-12-01",
         "2022-11-01",