To reproduce
import { DayPicker } from "react-day-picker";
import "react-day-picker/style.css";
export default function App() {
return (
<DayPicker
mode="range"
styles={{
chevron: { fill: "red" },
}}
/>
);
}
CodeSandbox: https://codesandbox.io/p/sandbox/daypicker-bug-report-forked-ck3qzv?file=%2Fsrc%2FApp.tsx%3A16%2C1
Actual Behavior
Inline styles are not being applied for some components or css properties. The only way I've found that works is to wrap the day picker in a mui box and use the sx prop.
Expected Behavior
Inline styles are applied.
Screenshots

To reproduce
CodeSandbox: https://codesandbox.io/p/sandbox/daypicker-bug-report-forked-ck3qzv?file=%2Fsrc%2FApp.tsx%3A16%2C1
Actual Behavior
Inline styles are not being applied for some components or css properties. The only way I've found that works is to wrap the day picker in a mui box and use the sx prop.
Expected Behavior
Inline styles are applied.
Screenshots