Merge pull request #258 from Isayah-19/Sharing-PowerAppsSample

samples/calendar-component-Isayah-19/README.md

@@ -0,0 +1,128 @@
+---
+page_type: sample
+languages:
+- powerapps-comma
+products:
+- powerapps
+- canvas
+name: Calendar Component
+description: A re-usable component that allows you to display events in  a calendar.
+urlFragment: powerapps-calendar-component
+ms.date: 5/5/2021
+author: aprildunnam
+ms.author: pnp
+level: intermediate
+ms.prod: power-apps
+---
+
+# Calendar Component
+
+## Summary
+
+A re-usable component that allows you to display events in  a calendar.
+
+![Preview](./assets/preview.png)  
+
+
+## Applies to
+
+* [Microsoft Power Apps](https://docs.microsoft.com/powerapps/)
+
+## Compatibility
+
+![Power Apps Source File Pack and Unpack Utility 0.20](https://img.shields.io/badge/Packing%20Tool-0.20-green.svg)
+![Premium License](https://img.shields.io/badge/Premium%20License-Not%20Required-green.svg "Premium Power Apps license not required")
+![Experimental Features](https://img.shields.io/badge/Experimental%20Features-No-green.svg "Does not rely on experimental features")
+![On-Premises Connectors](https://img.shields.io/badge/On--Premises%20Connectors-No-green.svg "Does not use on-premise connectors")
+![Custom Connectors](https://img.shields.io/badge/Custom%20Connectors-Not%20Required-green.svg "Does not use custom connectors")
+
+## Authors
+
+Solution|Author(s)
+--------|---------
+Calendar Component | [April Dunnam](https://github.com/aprildunnam) ([@aprildunnam](https://www.twitter.com/aprildunnam) )
+
+## Version history
+
+Version|Date|Comments
+-------|----|--------
+1.0|May 5, 2021|Initial release
+
+
+## Features
+
+This sample illustrates the following concepts:
+
+* Creating a Power Apps component
+* Using a Power Apps component
+
+## Prerequisites
+
+### Using the component
+
+To use the component in this sample, you'll need to pass events to display in the calendar.
+
+You can do this by connecting to a data source which provides a `Date`, a `Title` and a `Time` field, or you can manually create entries and pass them as a `Table`, as follows:
+
+```excel
+Table(
+    {
+        Date: "5/3/2021",
+        Title: "Meeting",
+        Time: "2:30pm"
+    },
+     {
+        Date: "5/4/2021",
+        Title: "MBAS PVA",
+        Time: "1:00pm"
+    },
+    {
+        Date: "5/5/2021",
+        Title: "PnP AMA Power Platform",
+        Time: "3:00pm"
+    }
+)
+```
+
+## Data Sources
+
+None
+
+## Minimal Path to Awesome
+
+* [Download](./solution/calendar-component.msapp) the `.msapp` from the `solution` folder
+* Use the `.msapp` file using **File** > **Open** > **Browse** within Power Apps Studio.
+* Save and Publish
+
+## Using the Source Code
+
+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::
+
+* Clone the repository to a local drive
+* Pack the source files back into `.msapp` file:
+  ```bash
+  pac canvas pack --sources pathtosourcefolder --msapp pathtomsapp
+  ```
+  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)
+* Use the `.msapp` file using **File** > **Open** > **Browse** in Power Apps Studio.
+
+## Disclaimer
+
+**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.**
+
+
+## Support
+
+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).
+
+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).
+
+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).
+
+## For more information
+
+- [Create a component for canvas apps](https://docs.microsoft.com/powerapps/maker/canvas-apps/create-component#components-in-canvas-apps)
+- [Overview of creating apps in Power Apps](https://docs.microsoft.com/powerapps/maker/)
+- [Power Apps canvas apps documentation](https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/)
+
+<img src="https://telemetry.sharepointpnp.com/powerapps-samples/samples/calendar-component" />

samples/calendar-component-Isayah-19/assets/sample.json

@@ -0,0 +1,84 @@
+[
+  {
+    "$schema": "https://developer.microsoft.com/en-us/json-schemas/pnp/samples/v1.0/metadata-schema.json",
+    "name": "pnp-powerapps-samples-calendar-component",
+    "version": "1.0.0.0",
+    "source": "pnp",
+    "creationDateTime": "2021-05-05T00:00:00.000Z",
+    "updateDateTime": "2021-05-05T00:00:00.000Z",
+    "title": "Calendar Component",
+    "shortDescription": "A re-usable component that allows you to display events in  a calendar.",
+    "longDescription": [
+      "A re-usable component that allows you to display events in  a calendar."
+    ],
+    "url": "https://github.com/pnp/powerapps-samples/tree/main/samples/calendar-component",
+    "products": [
+      "Power Apps",
+      "Power Platform"
+    ],
+    "tags": [
+      "CALENDAR", "COMPONENT"
+    ],
+    "categories": [
+      "POWERAPPS"
+    ],
+    "metadata": [
+      {
+        "key": "POWERAPPS-MANIFEST-VERSION",
+        "value": "0.20"
+      },
+      {
+        "key": "POWERAPPS-TYPE",
+        "value": "Canvas"
+      },
+      {
+        "key": "POWERAPPS-EXPERIMENTAL",
+        "value": "No"
+      },
+      {
+        "key": "POWERAPPS-PREMIUM",
+        "value": "No"
+      },
+      {
+        "key": "POWERAPPS-ONPREM",
+        "value": "No"
+      },
+      {
+        "key": "POWERAPPS-CUSTOMCONNECTOR",
+        "value": "No"
+      }
+    ],
+    "thumbnails": [
+      {
+        "type": "image",
+        "order": 100,
+        "url": "https://github.com/pnp/powerapps-samples/blob/main/samples/calendar-component/assets/preview.png?raw=true",
+        "alt": "Preview"
+      }
+    ],
+    "authors": [
+      {
+        "gitHubAccount": "aprildunnam",
+        "name": "April Dunnam",
+        "pictureUrl": "https://github.com/aprildunnam.png"
+      }
+    ],
+    "references": [
+      {
+        "name": "Create a component for canvas apps",
+        "description": "Components are reusable building blocks for canvas apps so that app makers can create custom controls to use inside an app, or across apps using a component library",
+        "url": "https://docs.microsoft.com/powerapps/maker/canvas-apps/"
+      },
+      {
+        "name": "Overview of creating apps in Power Apps",
+        "description": "Power Apps is a high-productivity development platform for business apps.",
+        "url": "https://docs.microsoft.com/powerapps/maker/"
+      },
+      {
+        "name": "Power Apps canvas apps documentation",
+        "description": "Design and build a business app from a canvas in Microsoft Power Apps with data from a variety of sources without writing any code using traditional programming languages, such as C#.",
+        "url": "https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/"
+      }
+    ]
+  }
+]

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

@@ -0,0 +1,3 @@
+{
+  "Resources": []
+}

samples/calendar-component-Isayah-19/sourcecode/CanvasManifest.json

@@ -0,0 +1,89 @@
+{
+  "FormatVersion": "0.20",
+  "Header": {
+    "DocVersion": "1.309",
+    "MinVersionToLoad": "1.309",
+    "MSAppStructureVersion": "2.0"
+  },
+  "Properties": {
+    "AppCreationSource": "AppFromScratch",
+    "AppDescription": "",
+    "AppPreviewFlagsMap": {
+      "aibuilderserviceenrollment": true,
+      "autocreateenvironmentvariables": false,
+      "backfromhostaction": false,
+      "behaviorpropertyui": false,
+      "blockmovingcontrol": true,
+      "classiccontrols": false,
+      "componentauthoring": true,
+      "datatablev2control": true,
+      "delaycontrolrendering": false,
+      "delayloadscreens": true,
+      "dynamicschema": false,
+      "enableaimodelsindatapane": false,
+      "enableappembeddingux": false,
+      "enablecdsfileandlargeimage": true,
+      "enableonstartnavigate": false,
+      "enablepcfmoderndatasets": false,
+      "enablerowscopeonetonexpand": false,
+      "enablerulespanel": false,
+      "enablesummerlandgeospatialfeatures": true,
+      "enhanceddelegation": true,
+      "enhancedgalleryinitialization": true,
+      "enhancedgroupcontrol": true,
+      "errorhandling": false,
+      "externalmessage": false,
+      "formuladataprefetch": false,
+      "generatedebugpublishedapp": false,
+      "improvedmediacapture": false,
+      "keeprecentscreensloaded": false,
+      "korenderingstack": false,
+      "longlivingcache": false,
+      "nativecdsexperimental": true,
+      "optimizedforteamsmeeting": false,
+      "parallelcodegen": false,
+      "projectionmapping": true,
+      "reactformulabar": false,
+      "reliableconcurrent": true,
+      "usedisplaynamemetadata": true,
+      "useenforcesavedatalimits": true,
+      "useexperimentalcdsconnector": true,
+      "useexperimentalsqlconnector": true,
+      "useguiddatatypes": true,
+      "usenonblockingonstartrule": true,
+      "webbarcodescanner": false
+    },
+    "Author": "",
+    "ContainsThirdPartyPcfControls": false,
+    "DefaultConnectedDataSourceMaxGetRowsCount": 500,
+    "DocumentAppType": "DesktopOrTablet",
+    "DocumentLayoutHeight": 768,
+    "DocumentLayoutLockOrientation": true,
+    "DocumentLayoutMaintainAspectRatio": true,
+    "DocumentLayoutOrientation": "landscape",
+    "DocumentLayoutScaleToFit": true,
+    "DocumentLayoutWidth": 1366,
+    "DocumentType": "App",
+    "EnableInstrumentation": false,
+    "ErrorCount": 0,
+    "FileID": "e390e5fb-5671-4230-b5f5-5cf75afc7fd1",
+    "Id": "373a973c-9b41-4793-b059-d17a1b2f55ce",
+    "InstrumentationKey": "",
+    "Name": "Calendar+Component.msapp",
+    "OriginatingVersion": "1.296"
+  },
+  "PublishInfo": {
+    "AppName": "Calendar Component",
+    "BackgroundColor": "rgba(0, 176, 240, 1)",
+    "IconColor": "RGBA(255,255,255,1)",
+    "IconName": "Edit",
+    "LogoFileName": "logo.jpg",
+    "PublishDataLocally": false,
+    "PublishResourcesLocally": false,
+    "PublishTarget": "player",
+    "UserLocale": "en-US"
+  },
+  "ScreenOrder": [
+    "Screen1"
+  ]
+}

samples/calendar-component-Isayah-19/sourcecode/ComponentReferences.json

@@ -0,0 +1 @@
+[]

samples/calendar-component-Isayah-19/sourcecode/Connections/Connections.json

@@ -0,0 +1 @@
+{}