Skip to main content

Month Calendar

Calendar View​

img

Container for displaying data in calendar form.

Usage​

When data is in the form of dates, such as schedules, timetables, prices calendar, lunar calendar. This component also supports Year/Month switch.

import React from 'react'
import { MonthCalendar } from 'qdm-component-library'

function App() {
  return <MonthCalendar />
}
export default App

Reference​

Date​

To set the date of the calendar using Date.

import React from 'react'
import { MonthCalendar } from 'qdm-component-library'

function App() {
  return <MonthCalendar Date={new Date()} />
}
export default App

onChange​

To get the date of the calendar using onChange.

import React from 'react'
import { MonthCalendar } from 'qdm-component-library'

function App() {
  return <MonthCalendar Date={new Date()} onChange={(e) => console.log(e)} />
}
export default App

inLineStyles​

props give addition props to the inLineStyles element type Object