Final commit

frontend/src/lib/components/ui/calendar/calendar-prev-button.svelte

@@ -0,0 +1,31 @@
+<script lang="ts">
+    import { Calendar as CalendarPrimitive } from 'bits-ui';
+    import ChevronLeftIcon from '@lucide/svelte/icons/chevron-left';
+    import { buttonVariants, type ButtonVariant } from '$lib/components/ui/button/index.js';
+    import { cn } from '$lib/utils.js';
+
+    let {
+        ref = $bindable(null),
+        class: className,
+        children,
+        variant = 'ghost',
+        ...restProps
+    }: CalendarPrimitive.PrevButtonProps & {
+        variant?: ButtonVariant;
+    } = $props();
+</script>
+
+{#snippet Fallback()}
+    <ChevronLeftIcon class="size-4" />
+{/snippet}
+
+<CalendarPrimitive.PrevButton
+    bind:ref
+    class={cn(
+        buttonVariants({ variant }),
+        'size-(--cell-size) bg-transparent p-0 select-none disabled:opacity-50 rtl:rotate-180',
+        className
+    )}
+    children={children || Fallback}
+    {...restProps}
+/>