37 lines
980 B
Plaintext
37 lines
980 B
Plaintext
---
|
|
export interface Props {
|
|
date?: Date | string;
|
|
}
|
|
|
|
const { date } = Astro.props;
|
|
|
|
const parsedDate = typeof date === 'string' ? new Date(date) : date;
|
|
---
|
|
|
|
{
|
|
parsedDate && (
|
|
<time datetime={parsedDate.toISOString()} class="z-10 flex items-center gap-1.5">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke-width="1.5"
|
|
stroke="currentColor"
|
|
class="h-3.5 w-3.5 sm:h-4 sm:w-4"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0
|
|
A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5"
|
|
/>
|
|
</svg>
|
|
{parsedDate.toLocaleDateString('en-us', {
|
|
year: 'numeric',
|
|
month: 'long',
|
|
day: 'numeric',
|
|
})}
|
|
</time>
|
|
)
|
|
}
|