add function to resolve type

Author: kevinlog

x-pack/plugins/security_solution/public/common/components/formatted_date/index.tsx

@@ -22,6 +22,24 @@ export const PreferenceFormattedDate = React.memo<{ dateFormat?: string; value:
 
 PreferenceFormattedDate.displayName = 'PreferenceFormattedDate';
 
+export const PreferenceFormattedDateFromPrimitive = ({
+  value,
+}: {
+  value?: string | number | null;
+}) => {
+  if (value == null) {
+    return getOrEmptyTagFromValue(value);
+  }
+  const maybeDate = getMaybeDate(value);
+  if (!maybeDate.isValid()) {
+    return getOrEmptyTagFromValue(value);
+  }
+  const date = maybeDate.toDate();
+  return <PreferenceFormattedDate value={date} />;
+};
+
+PreferenceFormattedDateFromPrimitive.displayName = 'PreferenceFormattedDateFromPrimitive';
+
 /**
  * This function may be passed to `Array.find()` to locate the `P1DT`
  * configuration (sub) setting, a string array that contains two entries

x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/index.tsx

@@ -42,7 +42,7 @@ import { useNavigateByRouterEventHandler } from '../../../../../common/hooks/end
 import { getEndpointListPath } from '../../../../common/routing';
 import { SecurityPageName } from '../../../../../app/types';
 import { useFormatUrl } from '../../../../../common/components/link_to';
-import { PreferenceFormattedDate } from '../../../../../common/components/formatted_date';
+import { PreferenceFormattedDateFromPrimitive } from '../../../../../common/components/formatted_date';
 
 export const EndpointDetailsFlyout = memo(() => {
   const history = useHistory();
@@ -170,7 +170,7 @@ const PolicyResponseFlyoutPanel = memo<{
         </EuiText>
         <EuiSpacer size="s" />
         <EuiText size="xs" color="subdued" data-test-subj="endpointDetailsPolicyResponseTimestamp">
-          <PreferenceFormattedDate value={responseTimestamp} />
+          <PreferenceFormattedDateFromPrimitive value={responseTimestamp} />
         </EuiText>
         <EuiSpacer size="s" />
         {error && (