47 lines
1.1 KiB
JavaScript
47 lines
1.1 KiB
JavaScript
import React from "react";
|
|
import PropTypes from "prop-types";
|
|
|
|
import Text from "../../text";
|
|
import isEqual from "lodash/isEqual";
|
|
import { StyledDay, DayContent } from "../styled-calendar";
|
|
|
|
class Day extends React.Component {
|
|
shouldComponentUpdate(nextProps) {
|
|
const { day, size, onDayClick } = this.props;
|
|
if (
|
|
isEqual(day, nextProps.day) &&
|
|
size === nextProps.size &&
|
|
onDayClick === nextProps.onDayClick
|
|
) {
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
|
|
render() {
|
|
//console.log("Day render");
|
|
const { day, size, onDayClick } = this.props;
|
|
|
|
return (
|
|
<StyledDay size={size} className={`calendar_day ${day.disableClass}`}>
|
|
<DayContent
|
|
onClick={onDayClick.bind(this, day)}
|
|
className={day.className}
|
|
>
|
|
<Text isBold={true} color="inherit;" className="textStyle">
|
|
{day.value}
|
|
</Text>
|
|
</DayContent>
|
|
</StyledDay>
|
|
);
|
|
}
|
|
}
|
|
|
|
Day.propTypes = {
|
|
day: PropTypes.object,
|
|
size: PropTypes.string,
|
|
onDayClick: PropTypes.func,
|
|
};
|
|
|
|
export default Day;
|