Merge pull request #279 from maxdubrinsky/master

Allow 'today' modifier to override default
gpbl · Mar 8, 2017 · d4ec272 · d4ec272
2 parents f81357b + 97c1c2f
commit d4ec272
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 6 deletions.
diff --git a/src/DayPicker.js b/src/DayPicker.js
@@ -435,17 +435,15 @@ export default class DayPicker extends Component {
         React.createElement(navbarElement, props);
   }
   renderDayInMonth(day, month) {
-    let dayModifiers = [];
-    if (DateUtils.isSameDay(day, new Date())) {
+    const propModifiers = Helpers.getModifiersFromProps(this.props);
+    const dayModifiers = Helpers.getModifiersForDay(day, propModifiers);
+    if (DateUtils.isSameDay(day, new Date()) &&
+        !Object.prototype.hasOwnProperty.call(propModifiers, this.props.classNames.today)) {
       dayModifiers.push(this.props.classNames.today);
     }
     if (day.getMonth() !== month.getMonth()) {
       dayModifiers.push(this.props.classNames.outside);
     }
-    dayModifiers = [
-      ...dayModifiers,
-      ...Helpers.getModifiersForDay(day, Helpers.getModifiersFromProps(this.props)),
-    ];
 
     const isOutside = day.getMonth() !== month.getMonth();
     let tabIndex = null;

diff --git a/test/daypicker/modifiers.js b/test/daypicker/modifiers.js
@@ -65,4 +65,20 @@ describe('DayPicker’s day modifiers', () => {
     expect(wrapper.find('.DayPicker-Day--none')).to.have.length(0);
     expect(wrapper.find('.DayPicker-Day--all')).to.have.length(35);
   });
+  it('should show "today" as something other than the current day', () => {
+    const newToday = new Date();
+    newToday.setDate((new Date()).getDate() + 1);
+    newToday.setMonth((new Date()).getMonth());
+
+    const modifiers = {
+      today: newToday,
+    };
+    const wrapper = mount(
+      <DayPicker
+        initialMonth={ new Date() }
+        modifiers={ modifiers }
+      />,
+    );
+    expect(wrapper.find('.DayPicker-Day--today')).to.have.text(newToday.getDate());
+  });
 });