UFM: Datetime filter

[bjarnef]

With UFM we can use JavaScript expressions:
https://docs.umbraco.com/umbraco-cms/reference/umbraco-flavored-markdown#syntax-1

However often, e.g. in collection layout, we want to format date, time or date with time properties considering current backoffice users culture/language.

In the old backoffice we could use moment.js something like this:

{{ value ? (value | momentDateTimeZone:"YYYY-MM-DD") : "" }}

or something like this (but I recall, it broke in e.g. Danish because the value wasn't in invariant format).

{{ value ? (value | moment:"L") : "" }}

This render a date string:

${ value.length > 0 ? value : "" }

but this didn't seem to work:

${ value.length > 0 ? new Date(value.toString()).toLocaleDateString() : "" }

a simple solution where only date picker is used:

${ value.length > 0 ? value.split(' ')[0] : "" }

Do we have the ability to access culture from backoffice in UFM (eventually in custom filter)?

However something like this OOTB would be useful (maybe it can be combined):

{umbValue: propertyAlias | datetime}

{umbValue: propertyAlias | date}

{umbValue: propertyAlias | time}

or with JS-expression assuming culture is a variable available:

${ propertyAlias.length > 0 ? new Intl.DateTimeFormat(culture, { dateStyle: 'short' }).format()  : "" }

[bjarnef]

@leekelleher I noticed UFM bytes filter has culture here:

Umbraco-CMS/src/Umbraco.Web.UI.Client/src/packages/ufm/filters/bytes.filter.ts

Line 5 in 338f650

filter(str?: string, decimals?: number, kilo?: number, culture?: string): string {

It as passed in directly in JavaScript expression, or is there as way to retrieve this dynamically based on back office user language?

We can probably have a similar one to handle formatting of dates.