---
interface Props {
	date: Date | string | number;
}

const { date } = Astro.props;
const formattedDate = date instanceof Date ? date : new Date(date);
---

<time datetime={formattedDate.toISOString()}>
	{
		formattedDate.toLocaleDateString('en-us', {
			year: 'numeric',
			month: 'short',
			day: 'numeric',
		})
	}
</time>