diff --git a/projects/my-wallet-ds/src/stories/molecules/title-bar-date.stories.ts b/projects/my-wallet-ds/src/stories/molecules/title-bar-date.stories.ts
new file mode 100644
index 0000000..320ba3d
--- /dev/null
+++ b/projects/my-wallet-ds/src/stories/molecules/title-bar-date.stories.ts
@@ -0,0 +1,40 @@
+import { Meta, StoryObj } from "@storybook/angular";
+import { TitleBarDateComponent } from "../../public-api";
+import { amount } from "../control-constants/title-bar";
+
+const meta: Meta = {
+  title: 'Molecules / Title Bar Date',
+  component: TitleBarDateComponent,
+  tags:['autodocs'],
+  args: {
+    amount: 15000,
+    date: new Date(),
+  },
+  argTypes: {
+    amount,
+    date: {
+        control: 'date',
+        description: 'Title (group) date',
+        table: {defaultValue: {detail: 'Defaults to new Date()', summary: 'new Date() (current date)'}}
+    }
+  },
+  render: (args) => ({
+
+    props: args,
+    styles: [
+    `
+       @import url('/assets/styles.css');
+       :host {
+         display: block;
+         height: 40px;
+         margin: auto;
+         padding: 0 4px;
+         width: 375px;
+       }
+    `]
+  })
+}
+
+export default meta;
+
+export const Default: StoryObj<TitleBarDateComponent> = {};
\ No newline at end of file