Better name for the TIME Formatter

Author: ChengYanJin

src/lib/components/date/FormattedDateTime.tsx

@@ -54,7 +54,11 @@ export const DAY_MONTH_ABBREVIATED_HOUR_MINUTE = Intl.DateTimeFormat('en-GB', {
   hour12: false,
 });
 
-export const LONG_TERM_DATE_FORMATER = Intl.DateTimeFormat('en-CA', {
+/**
+ * @description Year month day formatter, without time. Used for describing long term date.
+ * @example 2025-01-01
+ */
+export const YEAR_MONTH_DAY_FORMATTER = Intl.DateTimeFormat('en-CA', {
   year: 'numeric',
   month: '2-digit',
   day: '2-digit',
@@ -72,7 +76,7 @@ type FormattedDateTimeProps = {
     | 'day-month-abbreviated-hour-minute-second'
     | 'long-date'
     | 'chart-date'
-    | 'long-term-date';
+    | 'year-month-day';
 
   value: Date;
 };
@@ -205,8 +209,8 @@ export const FormattedDateTime = ({
       return <>{LONG_DATE_FORMATER.format(value)}</>;
     case 'chart-date':
       return <>{DAY_MONTH_FORMATER.format(value).replace(/[ ,]/g, '')}</>;
-    case 'long-term-date':
-      return <>{LONG_TERM_DATE_FORMATER.format(value)}</>;
+    case 'year-month-day':
+      return <>{YEAR_MONTH_DAY_FORMATTER.format(value)}</>;
     default:
       return <></>;
   }

src/lib/components/linetimeseriechart/linetimeseriechart.component.tsx

@@ -23,7 +23,7 @@ import { Tooltip as TooltipComponent } from '../tooltip/Tooltip.component';
 import {
   DAY_MONTH_ABBREVIATED_HOUR_MINUTE,
   FormattedDateTime,
-  LONG_TERM_DATE_FORMATER,
+  YEAR_MONTH_DAY_FORMATTER,
 } from '../date/FormattedDateTime';
 
 const LineTemporalChartWrapper = styled.div`
@@ -413,7 +413,7 @@ export function LineTimeSerieChart({
       return timeFormat === 'date-time'
         ? DAY_MONTH_ABBREVIATED_HOUR_MINUTE.format(date).replace(',', '')
         : timeFormat === 'date'
-          ? LONG_TERM_DATE_FORMATER.format(date)
+          ? YEAR_MONTH_DAY_FORMATTER.format(date)
           : '';
     },
     [timeFormat],