vue3-persian-datetime-picker
vue3-persian-datetime-picker copied to clipboard
When use with vue 3 and quasar 2 it open but dissable
When I use this package with quasar 2 and vue 3, it installed successfully but when I use it then it open the date picker dialog and then it show it disable
@Naseq do you have any update? I have the same issue
@Naseq do you have any update? I have the same issue
Yes I solved this issues
1-- add this class to your component
class="persianDatePicker"
2-- add bellow style
<style scoped>
div :deep(.persianDatePicker),
div :deep([disabled]),
div :deep(.vpd-day-text),
div :deep(.vpd-day-effect) {
font-family: sans-serif !important;
opacity: 1 !important;
cursor: pointer !important;
}
div :deep([disabled]:hover) {
opacity: 0.8 !important;
}
.custom-date {
border: 0.5px solid gray;
border-radius: 3px;
}
.custom-date:hover {
border: 1px solid black;
}
div :deep(.persianDatePicker) > span {
height: 37px;
overflow: hidden;
}
</style>
this issues was solved @raziq-quraishi