Dev-hw-calendar NPM

dev-hw-calendar

✅ calendar GIFMaker_me

✅ date-picker

✓ 제공기능

---------------------- calendar ----------------------

날짜 선택
이전, 이후 달
이전, 이후 년도

-------------------- date-picker --------------------

인풋 선택시 캘린더 노출
날짜 선택
인풋 아이콘 달력 아이콘 선택

요약

npm install dev-hw-calendar 또는 yarn add dev-hw-calendar를 통해 라리브러리를 install 하세요.
프로젝트에 import { Calendar,DatePicker } from 'dev-hw-calendar' 하여 캘린더를 가져오세요.
컴포넌트에 , 를 추가해 사용하세요.
- 필요한 컴포넌트만 import하여 추가해서 사용하면 됩니다.

Demo : 빠른 시작

Installation

npm
$ npm install dev-hw-calendar

yarn
$ yarn add dev-hw-calendar

Usage

import { useState } from 'react';
import { Calendar,DatePicker } from 'dev-hw-calendar';

function MyApp() {
  const [value, onChange] = useState();

  return (
    <div>
      <Calendar onChange={onChange} />
      <DatePicker />
    </div>
  );
}

API Guide

Calendar Prop

Prop name	Description	Default value	Eaxmple
value	선택된 날짜	현재 날짜	Date: new Date() String: 2017-01-01
onChnage	선택된 날짜로 바꿔주는 함수(setState)	n/a	(value, event) => alert('New date is: ', value)