From 321ad0cdc25727923978912c973ecd059e2fbb3f Mon Sep 17 00:00:00 2001
From: George Tsiolis <tsiolis.g@gmail.com>
Date: Mon, 21 Nov 2022 16:40:39 +0000
Subject: [PATCH] Update usage period date format

---
 .../dashboard/src/components/UsageBasedBillingConfig.tsx  | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/components/dashboard/src/components/UsageBasedBillingConfig.tsx b/components/dashboard/src/components/UsageBasedBillingConfig.tsx
index 4a4e3b07a3cc3f..2bf03e36b6ec1e 100644
--- a/components/dashboard/src/components/UsageBasedBillingConfig.tsx
+++ b/components/dashboard/src/components/UsageBasedBillingConfig.tsx
@@ -256,15 +256,13 @@ export default function UsageBasedBillingConfig({ attributionId }: Props) {
                             <div className="flex-grow">
                                 <div className="uppercase text-sm text-gray-400 dark:text-gray-500">Current Period</div>
                                 <div className="text-sm font-medium text-gray-500 dark:text-gray-400">
-                                    <span className="font-semibold">{`${billingCycleFrom.format("MMMM YYYY")}`}</span> (
                                     <span title={billingCycleFrom.toDate().toUTCString().replace("GMT", "UTC")}>
-                                        {billingCycleFrom.format("MMM D")}
+                                        {billingCycleFrom.format("MMM D, YYYY")}
                                     </span>{" "}
-                                    -{" "}
+                                    &ndash;{" "}
                                     <span title={billingCycleTo.toDate().toUTCString().replace("GMT", "UTC")}>
-                                        {billingCycleTo.format("MMM D")}
+                                        {billingCycleTo.format("MMM D, YYYY")}
                                     </span>
-                                    )
                                 </div>
                             </div>
                             <div>