Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

When use with vue 3 and quasar 2 it open but dissable #21

Open
Naseq opened this issue Aug 8, 2023 · 2 comments
Open

When use with vue 3 and quasar 2 it open but dissable #21

Naseq opened this issue Aug 8, 2023 · 2 comments

Comments

@Naseq
Copy link

Naseq commented Aug 8, 2023

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

@fezebr
Copy link

fezebr commented May 11, 2024

@Naseq do you have any update? I have the same issue

@Naseq
Copy link
Author

Naseq commented May 11, 2024

@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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants