ifanghsu-react-demo-calendar v0.1.2

React-Demo-Calendar

calendar for your React App.

Installation

React-Calendar is available as an npm package.

npm install @ifanghsu/react-demo-calendar

Default styles included in styles.css

Demo

--

How to Use

import Calendar from 'react-demo-calendar'
import { useState } from 'react'

function App() {
  const [date, setDate] = useState('20221022')

  function changeDate(val) {
    let { year, month, date } = val
    setDate(`${year}${month}${date}`)
  }

  return <Calendar date={date} onSelect={changeDate} />
}

export default App

</script>

Props

date

• String

• Object {date: '20221022'}

• require

• To show a default Date

onSelect

• Function
• Returns a Object.
• The content of object {year, month, date}

Dependencies

React

Moment