search

Vuepic / vue3-date-time-picker

Datepicker component for Vue 3
https://vue3datepicker.com
MIT License
159 stars 12 forks source link

Vue3 - no visible calendar, CSS doesn't seem to be importing #36

Closed mo-rocks closed 3 years ago

mo-rocks commented 3 years ago

Describe the bug Installed component in a Vue3 app, imported it locally along with the CSS. Component appears on page, however the CSS does not appear to be importing. No errors reported. See attached image - the left is before clicking to open, the right is when you click to open. No calendar appears.

The CSS file exists in the node_modules folder

To reproduce Simply installed component, imported and added to existing page. Cannot find any cause as to why it's not appearing properly.

Jasenkoo commented 3 years ago

Possibly related to (#35).

Can you install v2.3.1 and let me know if you still have the problem.

mo-rocks commented 3 years ago

Unfortunately I had already tried that. I also tried downgrading to 2.3.0, and 2.2.0, but no difference.

Jasenkoo commented 3 years ago

Are you using some CSS framework? What is the Vue version installed? Can you show me some code snippets or where do you import code?

mo-rocks commented 3 years ago

Using Laravel, Vue 3.2.6, InertiaJS and Tailwind CSS. Image attached with some snippets. datepicker2

Jasenkoo commented 3 years ago

Ok, tnx, I will take a deeper look

Jasenkoo commented 3 years ago

Temp fix

In the component add a style tag with import

<style lang="css">
    @import "~/node_modules/vue3-date-time-picker/dist/main.css";
</style>
mo-rocks commented 3 years ago

That didn't work exactly as typed, but this does:

Thanks!

Jasenkoo commented 3 years ago

The issue is fixed in the new version 2.3.3