Tailwind 3 support

[ahmedkandel]

Hi,

Thanks for the great package,

It there a plan to support Tailwind 3 as i get this error while installing:

npm ERR! While resolving: undefined@undefined
npm ERR! Found: tailwindcss@3.0.7
npm ERR! node_modules/tailwindcss
npm ERR!   dev tailwindcss@"^3.0.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer tailwindcss@"^2.0.3" from litepie-datepicker@1.0.14
npm ERR! node_modules/litepie-datepicker
npm ERR!   litepie-datepicker@"*" from the root project

Thanks.

[EmilMoe]

Yep. Rather strange nothing added on this one.

[syamsoul]

looks like lately the author seems not so active...

[EmilMoe]

I went with this https://vue3datepicker.com

[elreco]

You can use it : https://www.npmjs.com/package/litepie-datepicker-tw3
if you don't want to wait for a @kenhyuwa update :)

[CrisOspina]

You can use it : https://www.npmjs.com/package/litepie-datepicker-tw3 if you don't want to wait for a @kenhyuwa update :)

Hi @elreco,

Not all CSS is working fine, is it working for you?

[kawoki]

@CrisOspina can you share your code, package.json, main.js and tailwind.config.js?

[CrisOspina]

@CrisOspina can you share your code, package.json, main.js and tailwind.config.js?

Hi @kawoki

Yes, code, package.json and tailwind.config

• https://gist.github.com/CrisOspina/3597eb4f911bae42847e567961cc9e4a

[kawoki]

@CrisOspina try editing your tailwind.config.js

content: [
    './index.html',
    './public/**/*.html',
    './src/**/*.{ts,vue}',
    path.resolve(__dirname, './node_modules/litepie-datepicker/**/*.js') // this line here should be litepie-datepicker-tw3
  ],

[CrisOspina]

@CrisOspina try editing your tailwind.config.js

content: [
    './index.html',
    './public/**/*.html',
    './src/**/*.{ts,vue}',
    path.resolve(__dirname, './node_modules/litepie-datepicker/**/*.js') // this line here should be litepie-datepicker-tw3
  ],

Thanks @kawoki

[EmilMoe]

I seem to be missing hover and focus/active styles, any of you experience this?

[EmilMoe]

I seem to be missing hover and focus/active styles, any of you experience this?

Nevermind: https://litepie.com/#configure-with-tailwind

[lk77]

For me it does not seems to work

i don't like the idea to modify my tailwind config to make it works,
i think you should provide a css file with everything you need, that the end user could include.

I don't have mt-1.5 for example but mt-1 and mt-2, and there is a lot of other classes that i don't have in my theme

[brandonleichty]

It’s a bummer the author created one of the most beautiful date pickers out there and then abandoned maintaining it almost immediately. 😭

[lk77]

In the end i used @vuepic/vue-datepicker instead, as i could not make this one work with my custom tailwind theme