From c70a786e07fd1f9a6efa1099f0417aac2f5ae544 Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno@coder.com>
Date: Tue, 19 Aug 2025 16:09:07 -0300
Subject: [PATCH] chore: ignore dynamic expiration date on story (#19425)

Fixes https://github.com/coder/coder/issues/19410
---
 .../pages/CreateTokenPage/CreateTokenForm.tsx | 20 ++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/site/src/pages/CreateTokenPage/CreateTokenForm.tsx b/site/src/pages/CreateTokenPage/CreateTokenForm.tsx
index be8fd4614f..c414adf167 100644
--- a/site/src/pages/CreateTokenPage/CreateTokenForm.tsx
+++ b/site/src/pages/CreateTokenPage/CreateTokenForm.tsx
@@ -80,15 +80,21 @@ export const CreateTokenForm: FC<CreateTokenFormProps> = ({
 				</FormFields>
 			</FormSection>
 			<FormSection
-				data-chromatic="ignore"
 				title="Expiration"
 				description={
-					form.values.lifetime
-						? `The token will expire on ${dayjs()
-								.add(form.values.lifetime, "days")
-								.utc()
-								.format("MMMM DD, YYYY")}`
-						: "Please set a token expiration."
+					form.values.lifetime ? (
+						<>
+							The token will expire on{" "}
+							<span data-chromatic="ignore">
+								{dayjs()
+									.add(form.values.lifetime, "days")
+									.utc()
+									.format("MMMM DD, YYYY")}
+							</span>
+						</>
+					) : (
+						"Please set a token expiration."
+					)
 				}
 				classes={{ sectionInfo: classNames.sectionInfo }}
 			>