Option to disable half day range selection

[msathis]

Is there a way to disable half day range selection? I want unavailable state to take full day and not allow half day selection.

[divyabhargov]

Do let us know if you solved this. We got an ugly workaround to pass UTC dates as moment ranges. This will color the whole dates.

[oyaaraas]

I need the same thing. Can you explain what you did for a workaround?

[james-ff]

+1 for this feature =]

[sub]

You can cherry-pick this commit from Pull Request #57. It works for me

[james-ff]

@sub Hi, how do we do that via npm? Many Thanks

[sub]

@james-ff actually it's not available via npm. However, npm can install dependencies via url like this

npm install github:user/repo

as explained here.
So you can make your fork of this repo and cherry-pick the commit I linked before, or use (at your own risk) the branch integrations of my own fork.

[Codypinto23]

I guess this won't work if you need to allow half-days for the "enquire" state, but if you're looking to just hide halfdays all together, I believe one solution is to alter the CSS so that the am and pm states overwrite the element-level background-color (assuming your default background color is white, in the code below):

 .DateRangePicker__CalendarDatePeriod--am {
     left: 0;
     background-color: white !important;
     right: 50%; }
   .DateRangePicker__CalendarDatePeriod--pm {
     left: 50%;
     background-color: white !important;
     right: 0; }

Note, this can cause some weird coloring issues if you color weekdays different from weekends

VS