feat(manager-react-component): add formatted date component (#15067)

Resolve #15069 Signed-off-by: Thibault Barske <[email protected]>
ovh · Jan 23, 2025 · bccd46b · bccd46b
1 parent 24545a3
commit bccd46b
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 6 deletions.
diff --git a/packages/manager-react-components/src/components/formatted-date/FormattedDate.tsx b/packages/manager-react-components/src/components/formatted-date/FormattedDate.tsx
@@ -0,0 +1,10 @@
+import {
+  FormattedDateProps,
+  useFormattedDate,
+} from '../../hooks/date/useFormattedDate';
+
+export const FormattedDate = (props: FormattedDateProps) => {
+  const formattedDate = useFormattedDate(props);
+
+  return <>{formattedDate}</>;
+};
diff --git a/packages/manager-react-components/src/hooks/date/useFormattedDate.ts b/packages/manager-react-components/src/hooks/date/useFormattedDate.ts
@@ -17,17 +17,19 @@ export enum DateFormat {
   fullDisplay = 'fullDisplay',
 }
 
+export type FormattedDateProps = {
+  dateString: string;
+  unknownDateLabel?: string;
+  defaultLocale?: string;
+  format?: DateFormat;
+};
+
 export const useFormattedDate = ({
   dateString,
   defaultLocale = 'FR-fr',
   unknownDateLabel = defaultUnknownDateLabel,
   format = DateFormat.display,
-}: {
-  dateString: string;
-  unknownDateLabel?: string;
-  defaultLocale?: string;
-  format?: DateFormat;
-}) => {
+}: FormattedDateProps) => {
   const { i18n } = useTranslation();
   const date = new Date(dateString);
   const locale = i18n?.language?.replace('_', '-') || defaultLocale;