From c565af63b4e8ae1fb309d32373bcffd01feb69e1 Mon Sep 17 00:00:00 2001
From: Shan A <shanab@monday.com>
Date: Mon, 1 Apr 2024 14:28:42 +0300
Subject: [PATCH] Added story

---
 packages/core/package.json                             |  2 +-
 .../TextField/__stories__/TextField.stories.tsx        | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/core/package.json b/packages/core/package.json
index 557035e779..4cec792740 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -121,7 +121,7 @@
     "react-window": "^1.8.7",
     "react-windowed-select": "^2.0.4",
     "style-inject": "^0.3.0",
-    "vibe-storybook-components": "0.17.2"
+    "vibe-storybook-components": "^0.17.2"
   },
   "devDependencies": {
     "@babel/core": "^7.23.2",
diff --git a/packages/core/src/components/TextField/__stories__/TextField.stories.tsx b/packages/core/src/components/TextField/__stories__/TextField.stories.tsx
index 3d4f16cc56..fa40fb7158 100644
--- a/packages/core/src/components/TextField/__stories__/TextField.stories.tsx
+++ b/packages/core/src/components/TextField/__stories__/TextField.stories.tsx
@@ -170,3 +170,13 @@ export const InputFieldWithDateAndTime = {
 
   name: "Input field with date and time"
 };
+
+export const InputFieldWithTime = {
+  render: () => (
+    <div className="monday-storybook-text-field_size">
+      <TextField size={TextField.sizes.MEDIUM} type={TextFieldTextType.TIME} />
+    </div>
+  ),
+
+  name: "Input field with time"
+};