add range calendar component

src/components/ui/range-calendar/RangeCalendarHeader.vue

@@ -0,0 +1,24 @@
+<script setup>
+    import { RangeCalendarHeader, useForwardProps } from 'reka-ui';
+    import { cn } from '@/lib/utils';
+    import { reactiveOmit } from '@vueuse/core';
+
+    const props = defineProps({
+        asChild: { type: Boolean, required: false },
+        as: { type: null, required: false },
+        class: { type: null, required: false }
+    });
+
+    const delegatedProps = reactiveOmit(props, 'class');
+
+    const forwardedProps = useForwardProps(delegatedProps);
+</script>
+
+<template>
+    <RangeCalendarHeader
+        data-slot="range-calendar-header"
+        :class="cn('flex justify-center pt-1 relative items-center w-full', props.class)"
+        v-bind="forwardedProps">
+        <slot />
+    </RangeCalendarHeader>
+</template>