using `minDate`, date button do not have disabled style

[jeromevvb]

Hi everyone, I have set a minDate : Tue Feb 28 2023 , days before minDate are not active but do not have any disabled styles. I've tried to force it myself with the propsConfigs but it does not work.

Buttons keep whiteColor

propsConfigs={{
                inputProps: { size: 'lg' },
                dayOfMonthBtnProps: {
                  defaultBtnProps: {
                    _hover: {
                      background: 'primary.500'
                    },
                    _disabled: {
                      opacity: 0.4,
                    }
                  },
                  selectedBtnProps: {
                    color: 'white',
                    bgColor: 'primary.500'
                  }
                }
              }}

Any ideas?Thank you Version: chakra-ui/react: ^2.4.7 chakra-dayzed-datepicker: ^0.2.6

[jeromevvb]

https://github.com/aboveyunhai/chakra-dayzed-datepicker/blob/main/src/components/dayOfMonth.tsx#L87

i'm presuming this should be isDisabled instead of disabled according to the Button docs

[aboveyunhai]

https://github.com/aboveyunhai/chakra-dayzed-datepicker/blob/main/src/components/dayOfMonth.tsx#L87

i'm presuming this should be isDisabled instead of disabled according to the Button docs

You are right, the disabled existed before v2, and it seems like it was removed in v2 at some point.

I have no idea why the decision was made since the html attr is disabled. 😕, maybe I should cover both.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-disabled

Edit: that change happened roughly 2-3 weeks ago.

[aboveyunhai]

npm@0.2.7 is out. @jeromevvb let me know id the issue still persists

[jeromevvb]

@aboveyunhai works perfectly, great job!