Right navigation

<script setup lang="ts">
import { ref } from "vue"
import { Card, CardContent } from "@/components/ui/card"
import { Calendar as CCalendar } from "@/components/ui/calendar"

const date = ref<Date | undefined>(new Date(2026, 0, 15))
</script>

<template>
  <Card class="p-0">
    <CardContent class="p-0">
      <CCalendar
        mode="single"
        v-model="date"
        caption-class="ms-2.5 justify-start"
        nav-class="flex items-center w-full absolute -top-1 inset-x-0 justify-end"
      />
    </CardContent>
  </Card>
</template>