Skip to content

Commit e257e1f

Browse files
Merge pull request #158 from jan-chlebek/calendar-component
Calendar component
2 parents a39bb16 + a72320d commit e257e1f

36 files changed

+196
-14442
lines changed
Lines changed: 44 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -1,58 +1,63 @@
1-
---
2-
page_type: sample
3-
languages:
4-
- powerapps-comma
5-
products:
6-
- powerapps
7-
- canvas
8-
name: Calendar Component
9-
description: A re-usable component that allows you to display events in a calendar.
10-
urlFragment: powerapps-calendar-component
11-
ms.date: 5/5/2021
12-
author: aprildunnam
13-
ms.author: pnp
14-
level: intermediate
15-
ms.prod: power-apps
16-
---
17-
181
# Calendar Component
192

203
## Summary
214

22-
A re-usable component that allows you to display events in a calendar.
5+
A re-usable component that allows you to display events in a calendar.
236

247
![Preview](./assets/preview.png)
258

269
## Applies to
2710

28-
* [Microsoft Power Apps](https://docs.microsoft.com/powerapps/)
11+
![Power Apps](https://img.shields.io/badge/Power%20Apps-Yes-green "Yes")
12+
![Power Automate](https://img.shields.io/badge/Power%20Automate-No-red "No")
13+
![Power BI](https://img.shields.io/badge/Power%20BI-No-red "No")
14+
![Power Pages](https://img.shields.io/badge/Power%20Pages-No-red "No")
15+
![Power Virtual Agents](https://img.shields.io/badge/Power%20Virtual%20Agents-No-red "No")
16+
![Dataverse](https://img.shields.io/badge/Dataverse-No-red "No")
17+
![AI Builder](https://img.shields.io/badge/AI%20Builder-No-red "No")
18+
![Custom Connectors](https://img.shields.io/badge/Custom%20Connectors-No-red "No")
19+
![Power Fx](https://img.shields.io/badge/Power%20Fx-No-red "No")
20+
2921

3022
## Compatibility
3123

32-
![Power Apps Source File Pack and Unpack Utility 0.20](https://img.shields.io/badge/Packing%20Tool-0.20-green.svg)
33-
![Premium License](https://img.shields.io/badge/Premium%20License-Not%20Required-green.svg "Premium Power Apps license not required")
34-
![Experimental Features](https://img.shields.io/badge/Experimental%20Features-No-green.svg "Does not rely on experimental features")
35-
![On-Premises Connectors](https://img.shields.io/badge/On--Premises%20Connectors-No-green.svg "Does not use on-premise connectors")
36-
![Custom Connectors](https://img.shields.io/badge/Custom%20Connectors-Not%20Required-green.svg "Does not use custom connectors")
24+
![Premium License](https://img.shields.io/badge/Premium%20License-Not%20Required-red.svg "Premium license not required")
25+
![Experimental Features](https://img.shields.io/badge/Experimental%20Features-No-red.svg "Does not rely on experimental features")
3726

38-
## Authors
3927

40-
Solution|Author(s)
41-
--------|---------
42-
Calendar Component | [April Dunnam](https://github.com/aprildunnam) ([@aprildunnam](https://www.twitter.com/aprildunnam) )
28+
## Contributors
29+
30+
* [April Dunnam](https://github.com/aprildunnam) ([@aprildunnam](https://www.twitter.com/aprildunnam) )
4331

4432
## Version history
4533

4634
Version|Date|Comments
4735
-------|----|--------
4836
1.0|May 5, 2021|Initial release
37+
2.0|July 15, 2025|Migration from powerapps-samples repository with solution repacking by [Jan Chlebek](https://github.com/jan-chlebek)
38+
39+
## Minimal path to awesome
40+
41+
### Using the solution zip
42+
43+
* [Download](./solution/calendar-component.zip) the `.zip` from the `solution` folder
44+
* Within **Power Apps Studio**, import the solution `.zip` file using **Solutions** > **Import Solution** and select the `.zip` file you just packed.
45+
* Open the app in edit mode and make sure the data source **Data source name** is connected correctly.
46+
47+
### Using the source code
4948

50-
## Features
49+
You can also use the [Power Apps CLI](https://docs.microsoft.com/powerapps/developer/data-platform/powerapps-cli) to pack the source code by following these steps:
5150

52-
This sample illustrates the following concepts:
51+
* Clone the repository to a local drive
52+
* Pack the source files back into a solution `.zip` file:
53+
54+
```bash
55+
pac solution pack --zipfile pathtodestinationfile --folder pathtosourcefolder --processCanvasApps
56+
```
57+
58+
Making sure to replace `pathtosourcefolder` to point to the path to this sample's `sourcecode` folder, and `pathtodestinationfile` to point to the path of this solution's `.zip` file (located under the `solution` folder)
59+
* Within **Power Apps Studio**, import the solution `.zip` file using **Solutions** > **Import Solution** and select the `.zip` file you just packed.
5360

54-
* Creating a Power Apps component
55-
* Using a Power Apps component
5661

5762
## Prerequisites
5863

@@ -83,45 +88,22 @@ Table(
8388
```
8489

8590
## Data Sources
86-
91+
8792
None
8893

89-
## Minimal Path to Awesome
9094

91-
* [Download](./solution/calendar-component.msapp) the `.msapp` from the `solution` folder
92-
* Use the `.msapp` file using **File** > **Open** > **Browse** within Power Apps Studio.
93-
* Save and Publish
95+
## Help
9496

95-
## Using the Source Code
97+
We do not support samples, but this community is always willing to help, and we want to improve these samples. We use GitHub to track issues, which makes it easy for community members to volunteer their time and help resolve issues.
9698

97-
You can also use the [Power Apps CLI](https://docs.microsoft.com/powerapps/developer/data-platform/powerapps-cli) to pack the source code by following these steps::
98-
99-
* Clone the repository to a local drive
100-
* Pack the source files back into `.msapp` file:
101-
102-
```bash
103-
pac canvas pack --sources pathtosourcefolder --msapp pathtomsapp
104-
```
105-
106-
Making sure to replace `pathtosourcefolder` to point to the path to this sample's `sourcecode` folder, and `pathtomsapp` to point to the path of this solution's `.msapp` file (located under the `solution` folder)
107-
* Use the `.msapp` file using **File** > **Open** > **Browse** in Power Apps Studio.
108-
109-
## Disclaimer
110-
111-
**THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**
112-
113-
## Support
114-
115-
While we don't support samples, if you encounter any issues while using this sample, you can [create a new issue](https://github.com/pnp/powerapps-samples/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=bug-report.yml&sample=calendar-component&authors=@aprildunnam&title=calendar-component%20-%20).
99+
If you encounter any issues while using this sample, you can [create a new issue](https://github.com/pnp/powerapps-samples/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=bug-report.yml&sample=calendar-component&authors=@aprildunnam&title=calendar-component%20-%20).
116100

117101
For questions regarding this sample, [create a new question](https://github.com/pnp/powerapps-samples/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=question.yml&sample=calendar-component&authors=@aprildunnam&title=calendar-component%20-%20).
118102

119103
Finally, if you have an idea for improvement, [make a suggestion](https://github.com/pnp/powerapps-samples/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=suggestion.yml&sample=calendar-component&authors=@aprildunnam&title=calendar-component%20-%20).
120104

121-
## For more information
105+
## Disclaimer
122106

123-
* [Create a component for canvas apps](https://docs.microsoft.com/powerapps/maker/canvas-apps/create-component#components-in-canvas-apps)
124-
* [Overview of creating apps in Power Apps](https://docs.microsoft.com/powerapps/maker/)
125-
* [Power Apps canvas apps documentation](https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/)
107+
**THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**
126108

127-
<img src="https://m365-visitor-stats.azurewebsites.net/powerplatform-samples/samples/calendar-component" />
109+
<img src="https://m365-visitor-stats.azurewebsites.net/powerplatform-samples/samples/calendar-component" aria-hidden="true" />

samples/calendar-component/assets/sample.json

Lines changed: 10 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,28 @@
11
[
22
{
3-
"$schema": "https://developer.microsoft.com/en-us/json-schemas/pnp/samples/v1.0/metadata-schema.json",
4-
"name": "pnp-powerapps-samples-calendar-component",
5-
"version": "1.0.0.0",
3+
"name": "pnp-powerplatform-samples-calendar-component",
64
"source": "pnp",
7-
"creationDateTime": "2021-05-05T00:00:00.000Z",
8-
"updateDateTime": "2021-05-05T00:00:00.000Z",
95
"title": "Calendar Component",
106
"shortDescription": "A re-usable component that allows you to display events in a calendar.",
7+
"url": "https://github.com/pnp/powerplatform-samples/tree/main/samples/calendar-component",
8+
"downloadUrl": "https://pnp.github.io/download-partial/?url=https://github.com/pnp/powerplatform-samples/tree/main/samples/calendar-component",
119
"longDescription": [
1210
"A re-usable component that allows you to display events in a calendar."
1311
],
14-
"url": "https://github.com/pnp/powerapps-samples/tree/main/samples/calendar-component",
12+
"creationDateTime": "2021-05-05",
13+
"updateDateTime": "2025-07-15",
1514
"products": [
1615
"Power Apps",
17-
"Power Platform"
16+
"Power Platform",
17+
"PowerPlatform-samples"
1818
],
1919
"tags": [
2020
"CALENDAR", "COMPONENT"
2121
],
2222
"categories": [
23-
"POWERAPPS"
23+
"CANVAS"
2424
],
2525
"metadata": [
26-
{
27-
"key": "POWERAPPS-MANIFEST-VERSION",
28-
"value": "0.20"
29-
},
30-
{
31-
"key": "POWERAPPS-TYPE",
32-
"value": "Canvas"
33-
},
3426
{
3527
"key": "POWERAPPS-EXPERIMENTAL",
3628
"value": "No"
@@ -52,8 +44,8 @@
5244
{
5345
"type": "image",
5446
"order": 100,
55-
"url": "https://github.com/pnp/powerapps-samples/blob/main/samples/calendar-component/assets/preview.png?raw=true",
56-
"alt": "Preview"
47+
"url": "https://github.com/pnp/powerplatform-samples/raw/main/samples/calendar-component/assets/preview.png",
48+
"alt": "Preview PNG"
5749
}
5850
],
5951
"authors": [
-49.8 KB
Binary file not shown.
71.7 KB
Binary file not shown.

samples/calendar-component/sourcecode/Assets/Resources.json

Lines changed: 0 additions & 3 deletions
This file was deleted.
Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<CanvasApp xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
3+
<Name>pnp_calendarcomponent_caea6</Name>
4+
<AppVersion>2025-07-15T21:44:55Z</AppVersion>
5+
<Status>Ready</Status>
6+
<CreatedByClientVersion>3.25072.2.0</CreatedByClientVersion>
7+
<MinClientVersion>3.25072.2.0</MinClientVersion>
8+
<Tags>{"primaryDeviceWidth":"1366","primaryDeviceHeight":"768","supportsPortrait":"false","supportsLandscape":"true","primaryFormFactor":"Tablet","showStatusBar":"false","publisherVersion":"3.25072.2","minimumRequiredApiVersion":"2.2.0","hasComponent":"true","hasUnlockedComponent":"true","isUnifiedRootApp":"false","sienaVersion":"20250715T214455Z-3.25072.2.0"}</Tags>
9+
<IsCdsUpgraded>0</IsCdsUpgraded>
10+
<GalleryItemId xsi:nil="true"></GalleryItemId>
11+
<BackgroundColor>rgba(0, 176, 240, 1)</BackgroundColor>
12+
<DisplayName>Calendar Component</DisplayName>
13+
<Description xsi:nil="true"></Description>
14+
<CommitMessage xsi:nil="true"></CommitMessage>
15+
<Publisher xsi:nil="true"></Publisher>
16+
<AuthorizationReferences>[]</AuthorizationReferences>
17+
<ConnectionReferences>{}</ConnectionReferences>
18+
<DatabaseReferences>{}</DatabaseReferences>
19+
<AppComponents>[]</AppComponents>
20+
<AppComponentDependencies>[]</AppComponentDependencies>
21+
<CanConsumeAppPass>1</CanConsumeAppPass>
22+
<CanvasAppType>0</CanvasAppType>
23+
<BypassConsent>0</BypassConsent>
24+
<AdminControlBypassConsent>0</AdminControlBypassConsent>
25+
<EmbeddedApp xsi:nil="true"></EmbeddedApp>
26+
<IntroducedVersion>1.0</IntroducedVersion>
27+
<CdsDependencies>{"cdsdependencies":[]}</CdsDependencies>
28+
<IsCustomizable>1</IsCustomizable>
29+
<BackgroundImageUri>/CanvasApps/pnp_calendarcomponent_caea6_BackgroundImageUri</BackgroundImageUri>
30+
<DocumentUri>/CanvasApps/pnp_calendarcomponent_caea6_DocumentUri.msapp</DocumentUri>
31+
<AdditionalUris>
32+
<AdditionalUri>/CanvasApps/pnp_calendarcomponent_caea6_AdditionalUris0_identity.json</AdditionalUri>
33+
</AdditionalUris>
34+
</CanvasApp>
Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"__Version":"0.1","App":"f4723f28-d39f-4195-a9a6-75335d0b7918","Test_7F478737223C4B69":"3e2cc145-c992-4ac0-bbb7-eec6fd0458c8","Host":"86cb8fa6-8122-47b1-a13a-4c1ac5ad28dd","CalendarComponent":"98aac0c1-36ed-4b5d-b3f0-25c668dc2957","lblMonthYear_1":"b0c4a739-e637-47c7-9634-f0eb2337773c","btnPrevMonth_1":"b279d56b-abfd-43de-8e55-72a9b16f154c","btnToday_1":"9d120e40-6d81-444c-a206-435aceb2eafc","btnNextMonth_1":"71164b76-01b5-4706-ab71-af274ef37fd7","iconClose":"1ea2930f-a341-4bc2-beb1-3b7ee0797be8","galWeekdays_1":"31671c50-dc83-4122-abbf-e850db489f12","galleryTemplate4_5":"e8b8af23-879d-4a48-8505-e22926c6a5e5","lblWeekday_2":"7588a232-ce8f-40d8-91b1-1943a8f3c9b4","galCalendar_1":"9a48cbf9-6e50-4a6f-8c02-c9906e375911","galleryTemplate3_3":"4b3b264e-9362-4940-a17c-d634378f3313","Rectangle2":"1fbecd6d-ccca-464a-8466-58bad1c03865","btnDayBack":"81306b71-68e1-46c4-8c6f-cd1d94c0f7d1","btnDayValue":"5b7fe333-1496-46dd-a925-151fabc4ce1d","icnToday":"067929b7-b2c8-4e00-bb48-ed68950ed4da","icnEvent":"64aeb0dc-e207-4b80-a3ac-f527400cc7a1","tmrInitialize_2":"8db9c7c8-e8b0-4534-8e29-7c4e25db285b","galCalItems":"738ef682-b2c8-411c-acc2-00ff6df70e8e","galleryTemplate1":"fcd2ac5a-a0fd-42b4-ba6d-b348e5c76a4e","Rectangle1":"602ed526-a31b-4bbc-9597-340121287d81","lblEventName":"cee8be09-3d43-47ba-a98c-2edfadff5a06","lblEventTime":"eade9bd0-aaab-4211-9597-4285576d9f09","Screen1":"e8c500c7-839d-4a10-bfbf-13c5be4784f3","CalendarComponent_3":"186342fb-52e9-47bf-b442-58bff1627f44"}

samples/calendar-component/sourcecode/Assets/logo.jpg renamed to samples/calendar-component/sourcecode/CanvasApps/pnp_calendarcomponent_caea6_BackgroundImageUri

File renamed without changes.
Binary file not shown.

samples/calendar-component/sourcecode/CanvasManifest.json

Lines changed: 0 additions & 89 deletions
This file was deleted.

0 commit comments

Comments
 (0)