search

creativetimofficial / argon-design-system

Argon - Design System for Bootstrap 4 by Creative Tim
https://www.creative-tim.com/product/argon-design-system
Other
2.47k stars 491 forks source link

[Bug] Datepicker is not working #122

Open sxshateri opened 4 years ago

sxshateri commented 4 years ago

Version

1.0.1

Reproduction link

https://gitlab.com/sxshateri/devindex-ui/-/blob/master/profileEdit_2.html

Operating System

windows 10

Device

PC

Browser & Version

Chrome 86.0.4240.75

Steps to reproduce

all dependencies and requirements are added. the .datepicker class is added to the input field. tested with different browsers and incognito mode as well.

What is expected?

to open the date picker overlay.

What is actually happening?

Nothing

Solution

Additional comments

Even on your demo site, the date picker sample is not working.

sxshateri commented 4 years ago

no one bothers to take a look at this?

rarestoma commented 4 years ago

Hi @sxshateri,

Thank you for working with our products and sorry for the late response.

Did you try the datepicker from our documentation? https://demos.creative-tim.com/argon-design-system/docs/plugins/datepicker.html.

Also, did you try the datepickers presented on our index page? https://demos.creative-tim.com/argon-design-system/index.html.

Thank you, Rares

sxshateri commented 4 years ago

Hi @sxshateri,

Thank you for working with our products and sorry for the late response.

Did you try the datepicker from our documentation? https://demos.creative-tim.com/argon-design-system/docs/plugins/datepicker.html.

Also, did you try the datepickers presented on our index page? https://demos.creative-tim.com/argon-design-system/index.html.

Thank you, Rares

well something strange is going on here. it works on my phone but not on machine. i tried chrome, firefox and edge. cleared cache for all of them but nothing works. im pulling my hair and have no idea why its acting this way.

rarestoma commented 4 years ago

Hi @sxshateri,

Can you please tell us what browser are you using? Also, did you have any errors in the console?

Thank you, Rares

sxshateri commented 4 years ago

Hi @sxshateri,

Can you please tell us what browser are you using? Also, did you have any errors in the console?

Thank you, Rares

I mentioned the browser I'm using in my initial comment. but aside from Chrome, I have the same problem in Edge, Firefox, and even Brave. so I don't think it's a browser issue. also, there are no javascript errors in the console. once I pulled in the original flatpickr script it started to work. so i guess ill just use the flatpickr's original script.

Scorfly commented 4 years ago

Google Chrome Version 86.0.4240.183 (Build officiel) (64 bits)

Firefox 82.0.2 (64 bits)

both tested, it doesn't work

rarestoma commented 4 years ago

Hi @Scorfly,

Thank you for working with our products.

I tested it now on our index page (https://demos.creative-tim.com/argon-design-system/index.html) and it works fine.

Can you please send me a photo/video to see clearly what happens on your side? Also, did you get errors in your console?

Thank you, Rares

Scorfly commented 4 years ago

Error :

Uncaught TypeError: $(...).perfectScrollbar is not a function
    <anonymous> https://demos.creative-tim.com/argon-design-system/assets/js/argon-design-system.min.js?v=1.2.0:1

probably the same issue than

i'll try it this week-end

Video of the error displaying that nothing happen on click and the error in the firefox console

rarestoma commented 4 years ago

Hi @Scorfly,

This error comes from the perfectscrollbar and has the same solution as in the link you provided (https://github.com/creativetimofficial/ct-argon-design-system-pro/issues/7#issuecomment-723870185)

Please remove $('.wrapper .login-page, .register-page, .card').perfectScrollbar(); from `assets/js/argon-design-system.js.

Please let me know if it works now.

Thank you, Rares