[WB-1112] Add theme accent color

Author: marcysutton

packages/wonder-blocks-date-picker/src/components/date-picker.tsx

@@ -9,7 +9,7 @@ import {sizing} from "@khanacademy/wonder-blocks-tokens";
 import {TemporalLocaleUtils} from "../util/temporal-locale-utils";
 import type {CustomModifiers} from "../util/types";
 // eslint-disable-next-line import/no-unassigned-import
-import "react-day-picker/style.css";
+import "./styles/react-day-picker.css";
 
 import DatePickerInput from "./date-picker-input";
 import DatePickerOverlay from "./date-picker-overlay";

packages/wonder-blocks-date-picker/src/components/styles/react-day-picker.css

@@ -0,0 +1,6 @@
+@import "react-day-picker/style.css";
+@import "@khanacademy/wonder-blocks-tokens/styles.css";
+
+.rdp-root {
+    --rdp-accent-color: var(--wb-semanticColor-core-border-instructive-default);
+}