# CSS Calendar & "PickCalendar" **URL:** \ **Category:** Community Resources\ **Created:** [May 24, 2021, 9:45am UTC](https://community.glideapps.com/t/css-calendar-pickcalendar/27152 "2021-05-24T09:45:37Z")\ **Posts on this page:** 15\ **Page:** 1
**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\ **Post date:** [May 24, 2021, 9:45am UTC](https://community.glideapps.com/t/css-calendar-pickcalendar/27152/1 "2021-05-24T09:45:38Z")
Hello, Despite the offer of components provided by the Glide team, I made, for my personal needs, a modal date picker. Something similar to the “Date” component but with a visualization of my data. I stupidly call it: “PickCalendar”. It exists with or without the images. I also added a no modal calendar / schedule tabs with full pictures, single pictures or no picture. I used the @Jeff_Hager calendar example, which I have to thank very much, as the basis for the structure and the like. Here is the rendering: "PickCalendar : " ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/d/ad9f5728c04121a05b108d8b891a2f12ee5333ee.png) Tab Calendar Full : ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/6/46a06f202f6a6f522be09846f263222720fabbb4.png) Tab Calendar Simple : ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/7/37764b96bf056ee185efd26e2c64983fa47a23c7.png) Tab Calendar without picture ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/9/49b456d905d97794166dde09ecd7d59f989c73fd.png) here may still be bugs or improvements that need to be fixed. Obviously it is sometimes difficult to select a date in the editor !, but it works fine when posting. I have not yet tested it in a desktop application! To see the surprises! I made a small full demo application (well maybe this is a bit of a mess or it’s probably possible to optimize). [Demo](https://pickcalendar.glideapp.io/) > **[Demo PickCalendar Public](https://pickcalendar.glideapp.io/)** ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [May 24, 2021, 9:54am UTC](https://community.glideapps.com/t/css-calendar-pickcalendar/27152/2 "2021-05-24T09:54:09Z")
Another ridiculously well done example of applying CSS to the app. ---
**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\ **Post date:** [May 24, 2021, 9:55am UTC](https://community.glideapps.com/t/css-calendar-pickcalendar/27152/3 "2021-05-24T09:55:58Z")
> [@ThinhDinh](#): > > ridiculously 🤔😪 ---
**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\ **Post date:** [May 24, 2021, 10:00am UTC](https://community.glideapps.com/t/css-calendar-pickcalendar/27152/4 "2021-05-24T10:00:59Z")
It was a compliment 😉 ---
**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\ **Post date:** [May 24, 2021, 10:13am UTC](https://community.glideapps.com/t/css-calendar-pickcalendar/27152/5 "2021-05-24T10:13:39Z")
good job! ---
**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\ **Post date:** [May 24, 2021, 10:26am UTC](https://community.glideapps.com/t/css-calendar-pickcalendar/27152/6 "2021-05-24T10:26:16Z")
“Ridiculous” in this context means “incredible”, “outstanding” 🙂 +1 ---
**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\ **Post date:** [May 24, 2021, 10:29am UTC](https://community.glideapps.com/t/css-calendar-pickcalendar/27152/7 "2021-05-24T10:29:04Z")
yes I had translated it like that at the beginning. 😉 😃 😃 ---
**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\ **Post date:** [May 24, 2021, 10:51am UTC](https://community.glideapps.com/t/css-calendar-pickcalendar/27152/8 "2021-05-24T10:51:39Z")
That looks great! ---
**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\ **Post date:** [May 24, 2021, 11:00am UTC](https://community.glideapps.com/t/css-calendar-pickcalendar/27152/9 "2021-05-24T11:00:30Z")
Now that is a great looking calendar 👍 ---
**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\ **Post date:** [May 25, 2021, 5:46am UTC](https://community.glideapps.com/t/css-calendar-pickcalendar/27152/10 "2021-05-25T05:46:14Z")
thank you @ThinhDinh for the compliment 👍 😃 😃 ---
**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\ **Post date:** [May 25, 2021, 5:47am UTC](https://community.glideapps.com/t/css-calendar-pickcalendar/27152/11 "2021-05-25T05:47:11Z")
thank you @Jeff_Hager but it’s thanks to you ---
**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\ **Post date:** [September 26, 2022, 9:48am UTC](https://community.glideapps.com/t/css-calendar-pickcalendar/27152/12 "2022-09-26T09:48:58Z")
thanks, guys for the inspiration… just finished the full-screen calendar/event picker for my customer… (Glide App), it has non-clickable blackout buttons and is checking for booked time slots… ![Calendar](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/d/0d3e6b1751f5f7628183a802425157055f832eff.png) I hope Glide will come up with a better calendar and event picker… native ones are very outdated ---
**Author:** ![slscustom.ru](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/slscustom.ru/32/77336_2.png) [@slscustom.ru](https://community.glideapps.com/u/slscustom.ru)\ **Post date:** [September 26, 2022, 1:02pm UTC](https://community.glideapps.com/t/css-calendar-pickcalendar/27152/13 "2022-09-26T13:02:02Z")
[pickcalendar.glideapp.io](https://pickcalendar.glideapp.io/) Great! Looks well, works well, but 79 columns for setup is too much just for basic function. Manu.n thanks! ---
**Author:** ![slscustom.ru](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/slscustom.ru/32/77336_2.png) [@slscustom.ru](https://community.glideapps.com/u/slscustom.ru)\ **Post date:** [September 26, 2022, 1:16pm UTC](https://community.glideapps.com/t/css-calendar-pickcalendar/27152/14 "2022-09-26T13:16:43Z")
David, you can see: Uzo spent one year just for basic calendar in Glide. May be you can, please, spent some of your 5 min at morning to have as so needed pickable(clickable) calendar as a native? ---
**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\ **Post date:** [September 26, 2022, 8:26pm UTC](https://community.glideapps.com/t/css-calendar-pickcalendar/27152/15 "2022-09-26T20:26:11Z")
Funny lol… took me 7 hours, and 35 columns. I see multiple requests for better calendar and event picker, since Glide started… and nothing is improved. It is very frustrating, please @david is time to do it