diff --git a/libs/ui/src/lib/value/value.component.stories.ts b/libs/ui/src/lib/value/value.component.stories.ts
index ff9f5a259..a1f9d06a0 100644
--- a/libs/ui/src/lib/value/value.component.stories.ts
+++ b/libs/ui/src/lib/value/value.component.stories.ts
@@ -11,7 +11,13 @@ export default {
     moduleMetadata({
       imports: [NgxSkeletonLoaderModule]
     })
-  ]
+  ],
+  argTypes: {
+    deviceType: {
+      control: 'select',
+      options: ['desktop', 'mobile']
+    }
+  }
 } as Meta<GfValueComponent>;
 
 type Story = StoryObj<GfValueComponent>;
@@ -31,6 +37,16 @@ export const Currency: Story = {
   }
 };
 
+export const DateValue: Story = {
+  args: {
+    deviceType: 'desktop',
+    isDate: true,
+    locale: 'en-US',
+    value: new Date().toISOString()
+  },
+  name: 'Date'
+};
+
 export const Label: Story = {
   args: {
     locale: 'en-US',