Skip to main content
News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Gallery / Power Apps - Community App Samples / Custom Calendar component

Custom Calendar component

10767 Views
h-nagao Profile Picture Posted by h-nagao 392

This is sample app including "custom calendar" component.

The component has input and output properties - DefaultDate and SelectedDate-, so you can set default selected date from screen component.DefaultDate and obtain selected date from component.SelectedDate.

In addition, the component has Year-Month picker to easily switch arbitrary Year-Month.

ympicker.PNG 

*Some brief instruction is in sample app.

*First click "Play" to turn on calendar.

 

demo of this app is shown on my tweet

Enjoy ComponentsSmiley Very Happy

calendar_thumnail...
CustomCalendar.msapp

Categories:

Comments

  • Filistyn Profile Picture Filistyn 290
    Posted at
    Custom Calendar component

    Hey! Nothing happened 😞

  • h-nagao Profile Picture h-nagao 392
    Posted at
    Custom Calendar component

    Hi @Filistyn 

    You can set DisplayMode of Label control inside Component as following :

    If(Weekday(DateAdd(_firstDayInView,ThisItem.Value,Days)) in [1,7],DisplayMode.Disabled,DisplayMode.Edit)

     

    hnagao_0-1634909620985.png

     

  • Filistyn Profile Picture Filistyn 290
    Posted at
    Custom Calendar component

    Hello! I am using your custom calendar component, It's awesome btw. Is there a way to make weekends not clickable?

    thanks!

  • h-nagao Profile Picture h-nagao 392
    Posted at
    Custom Calendar component

    Here is additional component that starts from Monday.

    and add OnReset property.

  • SergioGiusti Profile Picture SergioGiusti 38
    Posted at
    Custom Calendar component

    Very nice. Thanks for building this. I have made some amendments for UK/US versions of it which includes the month selection as text, and also includes the ability for the user to select whether to also allow a selection of time as well as the date. Oh I also added in the ability to pre select against the component a foreground an background color.

     

    Ive shared it here.

    Shared Components

  • h-nagao Profile Picture h-nagao 392
    Posted at
    Custom Calendar component
    Hi iAm_ManCat,
    Thank you for having interests to my component 🙂
    The points you wrote are exactly my motivation for creating this app (branding/colouring).
    Especially, for Japanese users, default calendar is not good one because label of day of week is not shorten.
    “日曜日”( Sunday) is shorten as “日” in usual calendars but not in PowerApps.
    This is one of the reason I created this app.
    Thanks again!
    Hiro
  • iAm_ManCat Profile Picture iAm_ManCat 18,206 Most Valuable Professional
    Posted at
    Custom Calendar component

    Nice work! The default Calendar being unable to be branded was one of the pain points when we first started showing PowerApps to our executives and directors - you can use this component to then have an alternate Calendar with specific colouring to match your business needs/brands.