2019-09-10 11:28:56 +00:00
|
|
|
import React from "react";
|
|
|
|
import PropTypes from "prop-types";
|
2021-02-12 10:34:27 +00:00
|
|
|
|
2019-12-04 09:36:13 +00:00
|
|
|
import Text from "../../text";
|
2019-09-10 11:28:56 +00:00
|
|
|
import isEqual from "lodash/isEqual";
|
2021-02-12 10:34:27 +00:00
|
|
|
import { StyledDay, DayContent } from "../styled-calendar";
|
2019-09-10 11:28:56 +00:00
|
|
|
|
|
|
|
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 (
|
2019-10-09 11:18:35 +00:00
|
|
|
<StyledDay size={size} className={`calendar_day ${day.disableClass}`}>
|
2019-09-10 11:28:56 +00:00
|
|
|
<DayContent
|
|
|
|
onClick={onDayClick.bind(this, day)}
|
|
|
|
className={day.className}
|
|
|
|
>
|
2019-12-04 09:36:13 +00:00
|
|
|
<Text isBold={true} color="inherit;" className="textStyle">
|
2019-09-10 11:28:56 +00:00
|
|
|
{day.value}
|
2019-12-04 09:36:13 +00:00
|
|
|
</Text>
|
2019-09-10 11:28:56 +00:00
|
|
|
</DayContent>
|
|
|
|
</StyledDay>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
Day.propTypes = {
|
|
|
|
day: PropTypes.object,
|
|
|
|
size: PropTypes.string,
|
2020-10-16 13:16:01 +00:00
|
|
|
onDayClick: PropTypes.func,
|
2019-09-10 11:28:56 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
export default Day;
|