# Date & Time picker calendar **URL:** \ **Category:** How do I?\ **Created:** [May 9, 2024, 10:59pm UTC](https://community.weweb.io/t/date-time-picker-calendar/8540 "2024-05-09T22:59:47Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![iannet](https://avatars.discourse-cdn.com/v4/letter/i/73ab20/32.png) [@iannet](https://community.weweb.io/u/iannet)\ **Post date:** [May 9, 2024, 10:59pm UTC](https://community.weweb.io/t/date-time-picker-calendar/8540/1 "2024-05-09T22:59:47Z")
Hello, I am trying to style the date and time picker using some CSS. I would like to add a text-decoration: line-through; on the disabled date (gray date from the image) When adding the class to the customs css, it seems the CSS delete automatically the class. How should I do that ? ![Greenshot 2024-05-09 18.59.23](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/6/6b5bb425dab559da10fc03382e64c7d09364df8e.png) Also when you go over the calander and move the mouse the month swipe. How could we disable the swiping of the month. I prefer that user use only the arrow to change months. ---
**Author:** ![Doc](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/doc/32/8594_2.png) [@Doc](https://community.weweb.io/u/Doc)\ **Post date:** [May 13, 2024, 4:43am UTC](https://community.weweb.io/t/date-time-picker-calendar/8540/2 "2024-05-13T04:43:23Z")
Great questions! Have you had a chance to review this article regarding the [date picker and CSS properties](https://docs.weweb.io/add-elements/elements/date-pickers.html)? Hope this helps and please let me know if this was helpful or would like other resources. 😃 ---
**Author:** ![iannet](https://avatars.discourse-cdn.com/v4/letter/i/73ab20/32.png) [@iannet](https://community.weweb.io/u/iannet)\ **Post date:** [May 14, 2024, 6:04pm UTC](https://community.weweb.io/t/date-time-picker-calendar/8540/3 "2024-05-14T18:04:30Z")
Hello, yes I have reviewed the documentation and found nothing to fix the issue. Any idea on how to fix that ? ---
**Author:** ![Micah](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/micah/32/9102_2.png) [@Micah](https://community.weweb.io/u/Micah)\ **Post date:** [May 14, 2024, 7:56pm UTC](https://community.weweb.io/t/date-time-picker-calendar/8540/4 "2024-05-14T19:56:15Z")
The default calendar is pretty limited, I ended up making my own. If you’re familiar with binding data and containers, it’s not too hard to recreate. ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/1/136581644054bb87c46aecec4f58c69a72d8b0c8.png) It’s step 6 on this link if you’d like to try interacting with it > **[Rehashed - Workflows Designed For You](https://www.itsrehashed.com/custom/)** > > We craft systems and design workflows that elevate your standard business operations into standout successes. ---
**Author:** ![iannet](https://avatars.discourse-cdn.com/v4/letter/i/73ab20/32.png) [@iannet](https://community.weweb.io/u/iannet)\ **Post date:** [June 29, 2024, 10:32am UTC](https://community.weweb.io/t/date-time-picker-calendar/8540/5 "2024-06-29T10:32:30Z")
Hello Micah, I tried to make it by myself but it does not seem to work well. Do you think there’s a way for you to share your calendar with me ? Thanks for guiding me in the right direction, I have tried to use what’s inside Weweb but I guess I won’t have the choice to recreate one. ---
**Author:** ![FHEXL](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/fhexl/32/13607_2.png) [@FHEXL](https://community.weweb.io/u/FHEXL)\ **Post date:** [June 29, 2024, 11:52am UTC](https://community.weweb.io/t/date-time-picker-calendar/8540/6 "2024-06-29T11:52:25Z")
Nicely done. If may ask, how do you render the days per month per year? Are you using a plugin for this?