Improve borderRadius support (#22)

MarceloPrado · Mar 2, 2024 · 4fe1276 · 4fe1276
1 parent 2712948
commit 4fe1276
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/spicy-starfishes-punch.md b/.changeset/spicy-starfishes-punch.md
@@ -0,0 +1,5 @@
+---
+"@marceloterreiro/flash-calendar": patch
+---
+
+Remove `borderRadius` type from `itemDay.container`, given it gets overwritten by the base component.
diff --git a/packages/flash-calendar/src/components/CalendarItemDay.tsx b/packages/flash-calendar/src/components/CalendarItemDay.tsx
@@ -24,7 +24,7 @@ const styles = StyleSheet.create({
 export type DayState = "idle" | "active" | "today" | "disabled";
 
 interface DayTheme {
-  container: ViewStyle;
+  container: Omit<ViewStyle, "borderRadius">;
   content: TextStyle;
 }
 type CalendarItemDayTheme = Record<
@@ -44,7 +44,7 @@ const buildBaseStyles = (theme: BaseTheme): CalendarItemDayTheme => {
 
   return {
     active: ({ isPressed, isStartOfRange, isEndOfRange }) => {
-      const baseStyles: DayTheme = isPressed
+      const baseStyles: DayTheme & { container: ViewStyle } = isPressed
         ? {
             container: {
               ...styles.baseContainer,