✨ DateTimePicker 출력 및 한글 적용

FRONTENDBOOTCAMP-11th · Jan 10, 2025 · 8d085b9 · 8d085b9
1 parent 16e5244
commit 8d085b9
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,15 +1,20 @@
 import { Outlet } from 'react-router-dom';
+import { LocalizationProvider } from '@mui/x-date-pickers';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import 'dayjs/locale/ko';
 import './App.css';
 import Footer from './components/Layout/Footer';
 
 function App() {
   return (
-    <div className="max-w-md m-auto relative font-sans text-font1">
-      <main>
-        <Outlet />
-      </main>
-      <Footer />
-    </div>
+    <LocalizationProvider dateAdapter={AdapterDayjs} adapterLocale="ko">
+      <div className="max-w-md m-auto relative font-sans text-font1">
+        <main>
+          <Outlet />
+        </main>
+        <Footer />
+      </div>
+    </LocalizationProvider>
   );
 }