53042cc9dc
## Introduction This PR enables functionality discussed in [Layout Date Formatting](https://github.com/twentyhq/core-team-issues/issues/97). ### TLDR; It enables greater control of date formatting at the object's field level by upgrading all DATE and DATE_TIME fields' settings from: ```ts { displayAsRelativeDate: boolean } ``` to: ```ts type FieldDateDisplayFormat = 'full_date' | 'relative_date' | 'date' | 'time' | 'year' | 'custom' { displayFormat: FieldDateDisplayFormat } ``` PR also includes an upgrade command that will update any existing DATE and DATE_TIME fields to the new settings value --------- Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com> Co-authored-by: Félix Malfait <felix@twenty.com> Co-authored-by: Félix Malfait <felix.malfait@gmail.com>
53 lines
1.5 KiB
TypeScript
53 lines
1.5 KiB
TypeScript
import { DateFormat } from '@/localization/constants/DateFormat';
|
|
import { TimeFormat } from '@/localization/constants/TimeFormat';
|
|
import { formatDateISOStringToCustomUnicodeFormat } from '@/localization/utils/formatDateISOStringToCustomUnicodeFormat';
|
|
import { formatDateISOStringToDateTime } from '@/localization/utils/formatDateISOStringToDateTime';
|
|
import { formatDateISOStringToRelativeDate } from '@/localization/utils/formatDateISOStringToRelativeDate';
|
|
import {
|
|
FieldDateDisplayFormat,
|
|
FieldDateMetadataSettings,
|
|
} from '@/object-record/record-field/types/FieldMetadata';
|
|
|
|
export const formatDateTimeString = ({
|
|
value,
|
|
timeZone,
|
|
dateFormat,
|
|
timeFormat,
|
|
dateFieldSettings,
|
|
}: {
|
|
timeZone: string;
|
|
dateFormat: DateFormat;
|
|
timeFormat: TimeFormat;
|
|
value?: string | null;
|
|
dateFieldSettings?: FieldDateMetadataSettings;
|
|
}) => {
|
|
if (!value) {
|
|
return '';
|
|
}
|
|
|
|
switch (dateFieldSettings?.displayFormat) {
|
|
case FieldDateDisplayFormat.RELATIVE:
|
|
return formatDateISOStringToRelativeDate(value);
|
|
case FieldDateDisplayFormat.USER_SETTINGS:
|
|
return formatDateISOStringToDateTime(
|
|
value,
|
|
timeZone,
|
|
dateFormat,
|
|
timeFormat,
|
|
);
|
|
case FieldDateDisplayFormat.CUSTOM:
|
|
return formatDateISOStringToCustomUnicodeFormat(
|
|
value,
|
|
timeZone,
|
|
dateFieldSettings.customUnicodeDateFormat,
|
|
);
|
|
default:
|
|
return formatDateISOStringToDateTime(
|
|
value,
|
|
timeZone,
|
|
dateFormat,
|
|
timeFormat,
|
|
);
|
|
}
|
|
};
|