calendar fallback styles were corrected

packages/components/calendar/styled-components/DateItem.js

@@ -23,6 +23,27 @@ export const DateItem = styled.button`
       props.disabled ? "transparent" : props.theme.calendar.onHoverBackground};
   }
 
+  ${(props) =>
+    props.isCurrent &&
+    css`
+      background: ${(props) => props.theme.calendar.accent};
+      :hover {
+        background-color: ${(props) => props.theme.calendar.accent};
+      }
+
+      :focus {
+        background-color: ${(props) => props.theme.calendar.accent};
+      }
+    `}
+  color: ${(props) =>
+    props.disabled
+      ? props.theme.calendar.disabledColor
+      : props.focused
+      ? props.theme.calendar.accent
+      : props.theme.calendar.color};
+  border-color: ${(props) =>
+    props.focused ? props.theme.calendar.accent : "transparent"};
+
   ${(props) =>
     props.isCurrent &&
     css`

packages/components/calendar/styled-components/HeaderActionIcon.js

@@ -1,9 +1,12 @@
 import styled from "styled-components";
 import { ArrowIcon } from "./ArrowIcon";
+import Base from "../../themes/base";
 
 export const HeaderActionIcon = styled(ArrowIcon)`
   transform: rotate(225deg);
   top: 11px;
   right: -14.29px;
-  border-color: ${(props) => props.theme.calendar.outlineColor};
+  border-color: ${(props) => props.theme.calendar.accent};
 `;
+
+HeaderActionIcon.defaultProps = { theme: Base };

packages/components/calendar/styled-components/RoundButton.js

@@ -21,5 +21,15 @@ export const RoundButton = styled.button`
 
   :hover {
     cursor: ${(props) => (props.disabled ? "auto" : "pointer")};
+    outline: ${(props) =>
+      props.disabled
+        ? `1px solid ${props.theme.calendar.outlineColor}`
+        : `2px solid ${props.theme.calendar.accent}`};
+    span {
+      border-color: ${(props) =>
+        props.disabled
+          ? props.theme.calendar.disabledArrow
+          : props.theme.calendar.accent};
+    }
   }
 `;

packages/components/themes/base.js

@@ -1731,6 +1731,7 @@ const Base = {
     arrowColor: "#555f65",
     disabledArrow: "#A3A9AE",
     weekdayColor: "#A3A9AE",
+    accent: "#4781d1",
   },
 
   datePicker: {