chayns-components/dist/esm/react-chayns-calendar/component/Month.js

A set of beautiful React components for developing chayns® applications.

import React from 'react';
import PropTypes from 'prop-types';
import MonthTable from './MonthTable';
const Month = _ref => {
  let {
    title,
    className,
    onDateSelect,
    startDate,
    endDate,
    selected,
    activated,
    highlighted = false,
    categories,
    circleColor,
    activateAll = true
  } = _ref;
  return /*#__PURE__*/React.createElement("div", {
    className: `month__item ${className || ''}`
  }, /*#__PURE__*/React.createElement("div", {
    className: "month__title"
  }, title || ''), /*#__PURE__*/React.createElement(MonthTable, {
    onDateSelect: onDateSelect,
    startDate: startDate,
    endDate: endDate,
    selected: selected,
    activated: activated,
    highlighted: highlighted,
    categories: categories,
    circleColor: circleColor,
    activateAll: activateAll
  }));
};
Month.propTypes = {
  title: PropTypes.string,
  className: PropTypes.string,
  onDateSelect: PropTypes.func,
  activateAll: PropTypes.bool,
  startDate: PropTypes.instanceOf(Date),
  endDate: PropTypes.instanceOf(Date),
  selected: PropTypes.instanceOf(Date),
  activated: PropTypes.arrayOf(Date),
  highlighted: PropTypes.oneOfType([PropTypes.shape({
    dates: PropTypes.arrayOf(PropTypes.instanceOf(Date)),
    style: PropTypes.shape({
      color: PropTypes.string,
      backgroundColor: PropTypes.string
    })
  }), PropTypes.arrayOf(PropTypes.shape({
    dates: PropTypes.arrayOf(PropTypes.instanceOf(Date)),
    style: PropTypes.shape({
      color: PropTypes.string,
      backgroundColor: PropTypes.string
    })
  }))]),
  categories: PropTypes.arrayOf(PropTypes.shape({
    date: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),
    color: PropTypes.string
  })),
  circleColor: PropTypes.string
};
Month.displayName = 'Month';
export default Month;
//# sourceMappingURL=Month.js.map