chore: extend date default widget to not show time

bcgov · May 23, 2024 · ceecc20 · ceecc20
1 parent 61a53cc
commit ceecc20
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/app/components/Review/ReviewTheme.tsx b/app/components/Review/ReviewTheme.tsx
@@ -10,6 +10,7 @@ import DefaultWidget from './widgets/DefaultWidget';
 import MoneyWidget from './widgets/MoneyWidget';
 import BooleanWidget from './widgets/BooleanWidget';
 import FileWidget from './widgets/FileWidget';
+import DateWidget from './widgets/DateWidget';
 
 const { templates } = getDefaultRegistry();
 
@@ -36,6 +37,7 @@ const ReviewTheme: ThemeProps = {
     ReadOnlyWidget: DefaultWidget,
     ReadOnlyProjectAreaWidget: DefaultWidget,
     ReadOnlyProjectAreaWidgetIntakeFour: DefaultWidget,
+    DateWidget,
   },
   templates: {
     ...templates,

diff --git a/app/components/Review/widgets/DateWidget.tsx b/app/components/Review/widgets/DateWidget.tsx
@@ -0,0 +1,8 @@
+import { WidgetProps } from '@rjsf/utils';
+
+const DateWidget: React.FC<WidgetProps> = ({ value }) => {
+  const date = value?.toString().split('T')[0];
+  return <>{date}</>;
+};
+
+export default DateWidget;