<x-layouts.app title="Calendar 18">
<div class="flex min-h-svh items-center justify-center p-6">
<x-ui.calendar mode="single" value="2025-06-12" default-month="2025-06-12" button-variant="ghost" class="rounded-lg border [--cell-size:2.75rem] md:[--cell-size:3rem]" />
</div>
</x-layouts.app>