Adding isFirstEnabledDay on main day element

Author: celdrake

src/components/DayCell/index.js

@@ -60,6 +60,7 @@ class DayCell extends Component {
     const {
       isPassive,
       isToday,
+      isFirstEnabledDay,
       isWeekend,
       isStartOfWeek,
       isEndOfWeek,
@@ -73,6 +74,7 @@ class DayCell extends Component {
       [styles.dayPassive]: isPassive,
       [styles.dayDisabled]: disabled,
       [styles.dayToday]: isToday,
+      [styles.dayEnabledFirst]: isFirstEnabledDay,
       [styles.dayWeekend]: isWeekend,
       [styles.dayStartOfWeek]: isStartOfWeek,
       [styles.dayEndOfWeek]: isEndOfWeek,
@@ -207,6 +209,7 @@ DayCell.propTypes = {
   disabled: PropTypes.bool,
   isPassive: PropTypes.bool,
   isToday: PropTypes.bool,
+  isFirstEnabledDay: PropTypes.bool,
   isWeekend: PropTypes.bool,
   isStartOfWeek: PropTypes.bool,
   isEndOfWeek: PropTypes.bool,

src/components/Month/index.js

@@ -85,6 +85,7 @@ class Month extends PureComponent {
                   preview={showPreview ? this.props.preview : null}
                   isWeekend={isWeekend(day, this.props.dateOptions)}
                   isToday={isSameDay(day, now)}
+                  isFirstEnabledDay={minDate && isSameDay(day, minDate)}
                   isStartOfWeek={isSameDay(day, startOfWeek(day, this.props.dateOptions))}
                   isEndOfWeek={isSameDay(day, endOfWeek(day, this.props.dateOptions))}
                   isStartOfMonth={isStartOfMonth}

src/styles.js

@@ -15,6 +15,7 @@ export default {
   dayNumber: 'rdrDayNumber',
   dayPassive: 'rdrDayPassive',
   dayToday: 'rdrDayToday',
+  dayEnabledFirst: 'rdrDayEnabledFirst',
   dayStartOfWeek: 'rdrDayStartOfWeek',
   dayEndOfWeek: 'rdrDayEndOfWeek',
   daySelected: 'rdrDaySelected',