search

icehaunter / vue3-datepicker

Simple datepicker component for Vue 3
https://icehaunter.github.io/vue3-datepicker/
MIT License
150 stars 153 forks source link

style variable fallthrough seems broken. #27

Closed newlifehaonan closed 3 years ago

newlifehaonan commented 3 years ago

the styling playground seems broken, example doesn't reflect changes when variable value changed Screen Shot 2021-02-19 at 3 40 25 PM also tried to specified variable value in my project like this, doesn't seems to work.

<Datepicker v-model="picked" style="--vdp-divider-color:#000000"/>
icehaunter commented 3 years ago

Strange, I'll look into that. It worked before :sweat_smile:

jtalbourdet commented 3 years ago

I have the same issue @newlifehaonan Did you find a solution?

reazul-islam commented 3 years ago

I was also facing same problem. I have overwritten it by the following way.

<style>
.v3dp__datepicker {
  --elem-hover-bg-color: var(--vdp-hover-bg-color, #62d1f3);
  --elem-selected-bg-color: var(--vdp-selected-bg-color, #4680ff);
}
</style>
<template>
    <datepicker v-model="picked"/>
</template>
icehaunter commented 3 years ago

Thanks for the report, sorry for the delay, will be fixed in the next release

icehaunter commented 3 years ago

Yeah, published under 0.2.5. You can check the playground in the docs to verify that everything is fixed :D