nexxtway/react-rainbow

File singleCalendar.js has 361 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint-disable react/sort-comp */
/* eslint-disable react/prop-types */
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import DaysOfWeek from './daysOfWeek';

SingleCalendar has 27 functions (exceeds 20 allowed). Consider refactoring.

Open

class SingleCalendar extends Component {
    constructor(props) {
        super(props);
        this.state = {
            focusedDate: normalizeDate(props.value),

Function constructor has 45 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    constructor(props) {
        super(props);
        this.state = {
            focusedDate: normalizeDate(props.value),
            currentMonth: getFirstDayMonth(normalizeDate(props.value)),

Function render has 44 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render() {
        const { currentMonth, currentRange } = this.state;
        const { id, value, onChange, minDate, maxDate, className, style, locale } = this.props;
        const formattedMonth = getFormattedMonth(currentMonth, locale);
        const currentYear = currentMonth.getFullYear();

Similar blocks of code found in 2 locations. Consider refactoring.

Open

SingleCalendar.propTypes = {
    value: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),
    maxDate: PropTypes.instanceOf(Date),
    minDate: PropTypes.instanceOf(Date),
    onChange: PropTypes.func,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

SingleCalendar.defaultProps = {
    value: undefined,
    minDate: undefined,
    maxDate: undefined,
    onChange: () => {},

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        const { id, value, onChange, minDate, maxDate, className, style, locale } = this.props;

• Read up
  Read up