CSS not same as documentation

[Arjun31415]

Version

    "@toast-ui/react-calendar": "^2.1.3",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "tui-date-picker": "^4.3.3",
    "tui-time-picker": "^2.1.6"

Test Environment

React project Brave Browser Arch Linux

Current Behavior

App.tsx-

import Calendar from "@toast-ui/react-calendar";

import "tui-date-picker/dist/tui-date-picker.min.css";
import "tui-time-picker/dist/tui-time-picker.min.css";
import "@toast-ui/calendar/dist/toastui-calendar.min.css";

function App(){
  const calendarRef = useRef<Calendar | null>(null);

return (
    <div>
        <Calendar
          ref={calendarRef}
          usageStatistics={false}
          isReadOnly={false}
          useFormPopup={true}
          useDetailPopup={true}
          view="week"
        />
      </div>
   );
}
export  default App;

Expected Behavior

The css style to be as show in documentation

Notice the weird rounded corners in the input fields and the selection fields

[Arjun31415]

Sry, Fixed by correctly ordering the imported css