@chayns-components/date/lib/esm/components/calendar/month-wrapper/month/Month.js

A set of beautiful React components for developing your own applications with chayns.

import React from 'react';
import MonthYearPickers from '../../month-year-pickers/MonthYearPickers';
import DayWrapper from './day-wrapper/DayWrapper';
import { StyledMonth, StyledMonthHead } from './Month.styles';
import WeekdayWrapper from './weekday-wrapper/WeekdayWrapper';
const Month = _ref => {
  let {
    month,
    year,
    locale,
    highlightedDates,
    selectedDate,
    onSelect,
    categories,
    height,
    minDate,
    maxDate,
    customThumbColors,
    shouldShowHighlightsInMonthOverlay,
    type,
    hoveringDay,
    setHoveringDay,
    disabledDates,
    setCurrentDate,
    displayIndex,
    showMonthYearPickers
  } = _ref;
  return /*#__PURE__*/React.createElement(StyledMonth, {
    $height: height
  }, /*#__PURE__*/React.createElement(StyledMonthHead, null, /*#__PURE__*/React.createElement(MonthYearPickers, {
    month: month,
    year: year,
    locale: locale,
    minDate: minDate,
    maxDate: maxDate,
    setCurrentDate: setCurrentDate,
    displayIndex: displayIndex,
    showMonthYearPickers: showMonthYearPickers
  })), /*#__PURE__*/React.createElement(WeekdayWrapper, {
    locale: locale
  }), /*#__PURE__*/React.createElement(DayWrapper, {
    key: `day-wrapper-${month}`,
    categories: categories,
    selectedDate: selectedDate,
    customThumbColors: customThumbColors,
    month: month,
    year: year,
    onSelect: onSelect,
    shouldShowHighlightsInMonthOverlay: shouldShowHighlightsInMonthOverlay,
    highlightedDates: highlightedDates,
    minDate: minDate,
    maxDate: maxDate,
    type: type,
    hoveringDay: hoveringDay,
    setHoveringDay: setHoveringDay,
    disabledDates: disabledDates
  }));
};
Month.displayName = 'Month';
export default Month;
//# sourceMappingURL=Month.js.map