0.0.3 • Published 5 years ago
n-calendar v0.0.3
n-calendar
install
npm install n-calendar -S
yarn add n-calendar
how to use
import React, { Component } from "react";
import { Calendar } from "n-calendar";
import "n-calendar/lib/index.css";
function Item(props) {
return (
<div
style={
props.data[props.dayItem.date]
? {
color: "red"
}
: null
}
>
{props.dayItem.day}
</div>
);
}
export class Demo extends Component {
render() {
const data = {
"2019-11-1": { name: "jay" },
"2019-11-2": { name: "jay" }
};
return (
<div>
<Calendar
data={data}
firstWeek={1}
component={Item}
/>
</div>
);
}
}
export default Demo;