[Bug] Datepicker is not working

[sxshateri]

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]

no one bothers to take a look at this?

[rarestoma]

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]

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]

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]

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]

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

Firefox
82.0.2 (64 bits)

both tested, it doesn't work

[rarestoma]

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]

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

• Tooltips not working ct-argon-design-system-pro#7 (comment)

i'll try it this week-end

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

• https://plik.root.gg/file/9mOY1lVEzix1iRYk/XjL96qdvOwdQzgvA/2020-11-10%2021-38-20.mkv

[rarestoma]

Hi @Scorfly,

This error comes from the perfectscrollbar and has the same solution as in the link you provided (creativetimofficial/ct-argon-design-system-pro#7 (comment))

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