add outline styles to calendar

marigold-ui · Jan 31, 2025 · 5fabe3b · 5fabe3b
1 parent 18a0b5f
commit 5fabe3b
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/themes/theme-core/src/components/Calendar.styles.ts b/themes/theme-core/src/components/Calendar.styles.ts
@@ -7,7 +7,7 @@ export const Calendar: ThemeComponent<'Calendar'> = {
     'data-unavailable:text-text-base-disabled data-unavailable:cursor-not-allowed',
     'data-hovered:[&:not([data-unavailable])]:bg-bg-inverted-hover',
     'data-selected:bg-bg-selected outline-hidden data-selected:font-semibold data-selected:text-white',
-    'data-focus-visible:outline-outline-focus',
+    'data-focus-visible:outline-outline-focus data-focus-visible:outline data-focus-visible:outline-offset-1',
   ]),
   calendarControllers: cva(),
   calendarHeader: cva(['fontWeight:bolder p-2']),