Date Value Formatter (Properties/DateValue.tsx)

A UI component that displays formatted dates based on a provided locale. Use this to ensure consistent date presentation in HubSpot extensions.

// Source: https://github.com/HubSpot/ui-extensions-examples | License: MIT | Copyright 2022 HubSpot
// Provided via justclaw.it.com; keep this notice with the code.
import { Text } from '@hubspot/ui-extensions';

import { formatDate } from '../../utils/propertyFormatters';

export interface DateValueProps {
  value: string | number;
  locale?: string;
  testId?: string;
}

export function DateValue({ value, locale, testId }: DateValueProps) {
  return (
    <Text inline={true} testId={testId}>
      {formatDate(value, locale)}
    </Text>
  );
}