Add options prop to components

Author: markusjwetzel

src/components/DateTime.js

@@ -7,14 +7,14 @@ const propTypes = {
     PropTypes.string.isRequired,
     PropTypes.instanceOf(Date),
   ]),
+  // eslint-disable-next-line react/forbid-prop-types
+  options: PropTypes.object,
 };
 
-function DateTime({ value }) {
+function DateTime({ value, options }) {
   const intl = useIntl();
 
-  return useMemo(() => {
-    return intl.dateTime(value);
-  }, [intl.locale]);
+  return useMemo(() => intl.dateTime(value, options), [intl.locale]);
 }
 
 DateTime.propTypes = propTypes;

src/components/Number.js

@@ -4,14 +4,14 @@ import useIntl from '../hooks/useIntl';
 
 const propTypes = {
   value: PropTypes.number.isRequired,
+  // eslint-disable-next-line react/forbid-prop-types
+  options: PropTypes.object,
 };
 
-function Number({ value }) {
+function Number({ value, options }) {
   const intl = useIntl();
 
-  return useMemo(() => {
-    return intl.number(value);
-  }, [intl.locale]);
+  return useMemo(() => intl.number(value, options), [intl.locale]);
 }
 
 Number.propTypes = propTypes;

src/components/TimeAgo.js

@@ -7,14 +7,14 @@ const propTypes = {
     PropTypes.string.isRequired,
     PropTypes.instanceOf(Date),
   ]),
+  // eslint-disable-next-line react/forbid-prop-types
+  options: PropTypes.object,
 };
 
-function TimeAgo({ value }) {
+function TimeAgo({ value, options }) {
   const intl = useIntl();
 
-  return useMemo(() => {
-    return intl.timeAgo(value);
-  }, [intl.locale]);
+  return useMemo(() => intl.timeAgo(value, options), [intl.locale]);
 }
 
 TimeAgo.propTypes = propTypes;