[O/S] Dynamic Calendar app using Dynamic component

Dear Koders, Happy to meet you once again and i fell immense happy to deliver my second tutorial on this auspicious day. Few days ago i was in search of calendar app in our community and ended with this app
Shiftcal by @ siddharth_sonker…

This guide is based on such ideology only but with the help of dynamic components.

:+1:Thanks to @yusufcihan for his wonderful extension.
:+1:Thanks to @dora_paz for her round button suggestion (saw in one of her solution)

Let we go straight away go into the topic…
This four variables is the main reason for generating days for everymonth

Summary

Screen initialize block .
Five procedure used for the generation.

  1. month color to highlight the month color
    2.clearlist to clear dynamic components
    3.main procedure creates the dynamic buttons for every dates
    4.update calendar generates dates for every month upon user selection
  2. date highlight will work only in screen init to highlight the date
Summary

image

Fill dates procedure
This procedure distribute the dates in each button according to the date index as per the month.
And you can use anything instead of number highlighted in the red box

Summary

This blocks are used to highlight the sunday’s of the selected month.
(you can use custom dates to highlight i.e holidays)

Summary

Button click… works well for selected date selection as well as return from random month to today month. If you alter any order then you will get java error.

Summary

image

This button works well for next month click and previous month click.

Summary

Total number of blocks

Summary

image

Make use of the aia , alter it as per your convenient… If any error found try to solve it if not ping me.

Screenshots

Summary

Current date is being highlighted, July 15, 2021

Summary

(IMPORTANT: If you found anywhere I am wrong please correct me, let me rectify it… Thank you to one and all)

Version2.0
(23/10/2020)

[details=“Summary”]

  1. Events can be stored at any date.
  2. On clicking the date it will pop up (need to slightly work on it)
  3. No JS is used. Only Dynamic component, with multiple procedures…
  4. Pls see the video and possible comment on my work also test the apk. No work with UI.

Verison 3.0

Summary
  • Add events upon long pressing on any label
  • Upon clicking a label, event will be spot lighted
  • easy to see all events as a list in the current month

:point_right: :point_right: Version 4.0 (Nov 14, 2021)

Summary

2021-11-14T14:56:00Z

  • Most expected option of deletion of events has been added… :eyeglasses:
  • App Operational speed increased…

AIA (V5 sia added) (29th Nov 2021 04:20:00 PM)

Dyna_calen_With_Event_Store.aia (438.5 KB)

20 Likes

Nice Guide :heart:

2 Likes

OMG nice guide loved it so much :heart: :heart: :heart: :heart_decoration:

2 Likes

Ushhhh. Finally i got,atleast, two comments with heart,

@Anu & @Aditya_Nanda

Thank you koders…

2 Likes

One more :heart:
That’s wonderful guide. I’m exited to test this out

2 Likes

Thanks a lot Man… You are perferct in CV arrangements, so you can play a lot with it

3 Likes

Thank you for this Guide :+1:

2 Likes

Best Guide Ever On Calendar, Best Of Luck For Your Next Creations.

2 Likes

Woww, very useful :heart::heart: great tutorial buddy

2 Likes

Thank you @Berkat-has , @Raja_HarshVardhanSolanki , @Yash_Agarwal

3 Likes

Nice guide @Still-learning :heart_eyes:

noice GIF

2 Likes

Thanks you @UnknownBeast .

1 Like

Awesome :love_you_gesture: :love_you_gesture: :love_you_gesture: :+1: :+1:

2 Likes

Great calendar app!

I didn’t find any errors by the way.

1 Like

Can I use it in my app?

yeah of course… It is 100% free only

1 Like

Thanks @Still-learning :grinning:!

1 Like

You can add your own method even… it means , if we click on particular date if it have any event that can be shown like… even we can show the list of custom events stored in particular month also is possible… all the best.

2 Likes

Hey all, I was working on a calendar app myself, before I stumbled across this great guide. My calendar is far from complete but I wanted to share it with you all.

Calendar blocks (main block set)

Imgur

Calendar Front end

Imgur

its not complete yet and it has been a long road :wink: with a lot of fun and long nights.

this calendar is actually part of a bigger app. so its somewhat customized.

it shows the Holidays in green and today in blue.
the smaller colors are for items added to the database and the color indicate importance of the item. if there are more then one it shows the highest importance.
It also shows the week number at the beginning.

the buttons at the bottom let you go back and forth and even jump greater distances or jump right back to today.

this all has been created with Dynamic Components.

fun to learn and using them…
Also, feel free to make suggestions for improvements. I am by no means an expert, lol

Dan

2 Likes

Good work, also if you create the same as guide with your name separately it would be good I think… you have added image but upon clicking it is redirecting to some website . But why don’t you upload via kodular itself? Also you can explain further with your blocks How each parts are functioning… also can add AIA/APK for users to check up. Just my suggestion. Anyway this is good .