---
interface Props {
    value: Date;
    title?: string;
    lang?: Intl.LocalesArgument,
    dateStyle?: "full" | "long" | "medium" | "short"
}
const { value, title, lang = 'en-US', dateStyle = 'full' } = Astro.props
---
<time title={title} datetime={value.toISOString()}>
    {value.toLocaleDateString(lang, { dateStyle, timeZone: 'UTC' })}
</time>