Sure, I'm using the following code to set the disabled dates;
var endDate: Date = new Date(EndDate);
endDate.setHours(0, 0, 0, 0);
var startDate = new Date();
startDate.setHours(0, 0, 0, 0);
endDate.setDate(endDate.getDate() - 1);
this.datePicker.disabledDates = [
{ type: DateRangeType.Before, dateRange: [startDate] },
{ type: DateRangeType.After, dateRange: [endDate]}
]
The idea is to disable all dates that are before today and later than 1 day before the passed in end date.
What I was trying to illustrate in my image is that the 27th is enabled according to my logic, and verified enabled by being able to select it but the 20th is disabled, which it should be due to my logic. Every other day is disabled except for the 26th and 27th which is the expected behavior.
As I stated originally though, the 26th and the 27th are styled exactly the same, and the same as all other disabled dates, even though the 27th is enabled.