DatePicker: Not disabling dates out of range after a selection is made

Detailed description

Describe in detail the issue you’re having.

• No dates selected / set in the date picker:
  • You can see which dates are allowed to be selected as expected and user can select them

• The moment a single selection is made the disabled date options look enabled even though the component doesn’t let you select them. This is very confusing for a user who no longer knows what the valid range for selection is anymore.

Is this a feature request (new component, new icon), a bug, or a general issue?

• Bug

Is this issue related to a specific component?

• Date Picker

What did you expect to happen? What happened instead? What would you like to see changed?

• Expect the disabled dates to remain disabled when the user is making a selection, has made a selection or is attempting to change their selection.

What browser are you working in?

• Chrome

What version of the Carbon Design System are you using?

• Latest. See Reproduction

What offering/product do you work on? Any pressing ship or release dates we should be aware of?

• CS360 + others. We are opting to not use this component for the time being but would’ve liked to.

Steps to reproduce the issue

• https://github.com/virkt25/carbon-ng-demo

[virkt25]

Also for the date range picker I feel like the behaviour needs to be modified to be more intuitive for users.

If a user is trying to make a new selection they should be forced to select both options again. A good example of this can be seen in this demo (which is also using flatpickr). https://mattlewis92.github.io/angularx-flatpickr/

[zvonimirfras]

Per Doni’s comment, it looks like it’s been resolved in one of the later versions. Feel free to reopen with more info if needed.