[TIL] Material-UI 에서 styles 적용하는 방법

두번째 과제에서 MUI의 달력 라이브러리를 사용하면서 style을 주려했는데,
인라인 css로 스타일을 적용해봤지만 적용이 되지 않아서
이리저리 찾아보다가 발견한 mui에서 style을 적용하는 법을 메모해두려함

---

1. 왼쪽의 빨간네모박스의 @emotion/styled 와 material-ui 를 설치
2. 컴포넌트에서 makeStyles를 import
3. 해당 mui 컴포넌트 코드 밖에서 makeStyles 함수를 생성하여 그 안에 적용할 스타일들을 작성하고
4. classes라는 변수로 그 함수를 컴포넌트 안으로 불러온다.
5. 스타일을 적용하고 싶은 섹션에 넣어주면 끝!

---

MUI : https://mui.com/components/date-range-picker/

참고 : https://github.com/mui-org/material-ui/issues/9574
참고 : https://www.youtube.com/watch?v=G7JLeUuGW2A

demo : https://codesandbox.io/s/qg2z9?file=/demo.js
demo : https://codesandbox.io/s/responsivedatepickers-material-demo-forked-vwtsy?file=/demo.j