how to change the range picker color

[shanoysinc]

[shanoysinc]

its purple and i dont see away to change its color

[shanoysinc]

@aboveyunhai any idea ?

[aboveyunhai]

its purple and i dont see away to change its color

you should go through the readme, there is an example where you can change the style based on the state, it's just CSS, color might be what you need

 propsConfigs={{
    dateNavBtnProps: {}
    dayOfMonthBtnProps: {
      defaultBtnProps: {
        borderColor: "red.300",
        _hover: {
          background: 'blue.400',
        }
      },
      isInRangeBtnProps: {
        color: "yellow",
      },
      selectedBtnProps: {
        background: "blue.200",
        color: "green",
      },
      todayBtnProps: {
        background: "teal.400",
      }
    },
 }}

[shanoysinc]

its purple and i dont see away to change its color

you should go through the readme, there is an example where you can change the style based on the state, it's just CSS, color might be what you need

 propsConfigs={{
    dateNavBtnProps: {}
    dayOfMonthBtnProps: {
      defaultBtnProps: {
        borderColor: "red.300",
        _hover: {
          background: 'blue.400',
        }
      },
      isInRangeBtnProps: {
        color: "yellow",
      },
      selectedBtnProps: {
        background: "blue.200",
        color: "green",
      },
      todayBtnProps: {
        background: "teal.400",
      }
    },
 }}

I cant get any of them to change the hover purple color even when you select them I can't change the purple color there as well. https://github.com/user-attachments/assets/df78e375-023d-4ae9-b8f1-895ddf08c9a6

[aboveyunhai]

@shanoysinc something like

       isInRangeBtnProps: {
          background: 'blue.300',
       },

I highly suggest just skim though the source code as it's really simple. so you don't need to guess the default property and what to overwrite.

[shanoysinc]

@shanoysinc something like

       isInRangeBtnProps: {
          background: 'blue.300',
       },

I highly suggest just skim though the source code as it's really simple. so you don't need to guess the default property and what to overwrite.

Thanks @aboveyunhai I could have sworn I tried that and it didn't work