-
React에서 react-datepicker 사용 typescriptReact.js 2023. 12. 7. 10:48728x90
https://www.npmjs.com/package/react-datepicker
react-datepicker
A simple and reusable datepicker component for React. Latest version: 4.24.0, last published: 7 days ago. Start using react-datepicker in your project by running `npm i react-datepicker`. There are 2858 other projects in the npm registry using react-datepi
www.npmjs.com
https://www.npmjs.com/package/@types/react-datepicker
@types/react-datepicker
TypeScript definitions for react-datepicker. Latest version: 4.19.3, last published: a month ago. Start using @types/react-datepicker in your project by running `npm i @types/react-datepicker`. There are 307 other projects in the npm registry using @types/
www.npmjs.com
react-datepicker와 type 설치
npm install react-datepicker
npm install --save @types/react-datepicker
간편하게 한글로 적용 하기 위한 라이브러리 설치
date-fns
npm install date-fns
https://www.npmjs.com/package/date-fns
date-fns
Modern JavaScript date utility library. Latest version: 2.30.0, last published: 7 months ago. Start using date-fns in your project by running `npm i date-fns`. There are 15764 other projects in the npm registry using date-fns.
www.npmjs.com
공식문서
https://reactdatepicker.com/#example-date-range
React Datepicker crafted by HackerOne
reactdatepicker.com
스타일 css custom
https://doooodle932.tistory.com/150
react-datepicker 적용하기(+ 커스텀)
달력 구현에 어떤 라이브러리를 쓸까 고민하다가 가장 무난하고 많이 쓰이는 react-datepicker를 적용해보았다. React Datepicker 설치, 적용하기 라이브러리 설치 yarn add react-datepicker date-fns yarn add -D @type
doooodle932.tistory.com
[React] React-Datepicker 달력 라이브러리 사용법 (커스텀 하기, CSS 변경하기)
React-DatePicker은 React에서 많이 사용되고 있는 📆달력 라이브러리이다.
velog.io
728x90'React.js' 카테고리의 다른 글
늘렸다 줄였다하는 panel 라이브러리 (0) 2024.03.26 리액트 FSD (0) 2024.03.05 React 스프레드 시트 라이브러리 (0) 2023.11.12 React에서 textarea resize:none으로 스크롤바 없이 아래로 늘리기 (0) 2023.11.02 react에서 emoji 사용하기 위한 라이브러리 (0) 2023.10.28