import React from 'react';
import PropTypes from 'prop-types';

const WeekDay = ({ weekday, className, localeUtils, locale, size }) => {
  const weekdayName = localeUtils.formatWeekdayLong(weekday, locale);

  return (
    <div className={className} title={weekdayName}>
      {size === 'large' ? weekdayName.slice(0, 2) : weekdayName.slice(0, 1)}
    </div>
  );
};

WeekDay.propTypes = {
  className: PropTypes.string,
  locale: PropTypes.string,
  localeUtils: PropTypes.object,
  size: PropTypes.oneOf(['small', 'medium', 'large']),
  weekday: PropTypes.number,
};

export default WeekDay;

import React from 'react';
import PropTypes from 'prop-types';

const WeekDay = ({ weekday, className, localeUtils, locale, size }) => {
  const weekdayName = localeUtils.formatWeekdayLong(weekday, locale);

  return (
    <div className={className} title={weekdayName}>
      {weekdayName.slice(0, size === 'large' ? 2 : 1)}
    </div>
  );
};

WeekDay.propTypes = {
  className: PropTypes.string,
  locale: PropTypes.string,
  localeUtils: PropTypes.object,
  size: PropTypes.oneOf(['small', 'medium', 'large']),
  weekday: PropTypes.number,
};

export default WeekDay;

Write weekdayName.slice in a shorter way