Before/after modifiers issue with timezone

[ghost]

I want to disable all days from current day, for that I have used
const range = { before: new Date() } <DayPicker initialMonth={ new Date() } disabledDays={range} selectedDays={ new Date() } onDayClick={this.handleDayClick} />

But it disabled current day as well, i.e. if today is 25th of april then all days before 25th should get disabled and current date i.e. 25th should get selected.
Can anyone please help me what went wrong here?

[gpbl]

Could you please replicate your issue in a jsfiddle?

https://jsfiddle.net/pkdcqvpk/

thanks!

[ghost]

@gpbl I have just open your JSfiddle link and I was able to replicate this issue. Please see this screenshot.

Today is 25th of april but still it is shown disabled.

[gpbl]

interesting ! thanks. what is your timezone?

[ghost]

@gpbl My timezone is IST

[gpbl]

Thanks, I can replicate it! Until I don't publish the fix, as workaround you can use:

 <DayPicker 
    disabledDays={ { 
        before: new Date().setHours(0,0,0,0)  
    }} 
/>

See the updated jsfiddle.

[ghost]

@gpbl Thanks for workaround, I will use it for development now, and I will wait for proper fix.

[gpbl]

@ktusharprdxn please upgrade to v5.3.0

[ghost]

Hey @gpbl Thanks for the quick fix. 👍

[martin-svk]

This fix broke my code (v5.2.3 works good), and what was before indicated as disabled is no longer working.

[gpbl]

@martin-svk could you please replicate your problem https://jsfiddle.net/gpbl/cggxvq6t/ and eventually open a new issue? thanks

[martin-svk]

@gpbl Ok, i created #324