23 lines
718 B
TypeScript
23 lines
718 B
TypeScript
'use client';
|
|
import { type SlotProps } from './types';
|
|
import { useSlotQuery } from '@/hooks/slots';
|
|
import { formatDate, formatTime } from '@/utils/date';
|
|
|
|
export function DateTimeCard({ documentId }: Readonly<SlotProps>) {
|
|
const { data } = useSlotQuery({ documentId });
|
|
|
|
if (!data?.slot) return null;
|
|
|
|
return (
|
|
<div className="flex flex-col">
|
|
<span className="mb-2 tracking-wide">{formatDate(data?.slot?.date).user()}</span>
|
|
<span className="mt-2 text-3xl font-bold tracking-wide">
|
|
{formatTime(data?.slot?.time_start).user()}
|
|
</span>
|
|
<span className="mt-2 text-3xl font-bold tracking-wide">
|
|
{formatTime(data?.slot?.time_end).user()}
|
|
</span>
|
|
</div>
|
|
);
|
|
}
|