vue3-persian-datetime-picker icon indicating copy to clipboard operation
vue3-persian-datetime-picker copied to clipboard

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

Open Naseq opened this issue 1 year ago • 2 comments

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 avatar Aug 08 '23 14:08 Naseq

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

fezebr avatar May 11 '24 11:05 fezebr

@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

Naseq avatar May 11 '24 12:05 Naseq