In addition to date selection, the control also facilitates the selection of the start time and end time. This control can be used in the scenario where a time range selection is required along with date selection. For example to input appointment/meeting time or arrival window, it requires to select date and start time and end time. This is achieved through two Dropdown components, each populated with time slots (slots are configurable, default is 30 min) in a 24-hour format (configurable, it can be 12-hour format also). Users can select the desired start and end times from these dropdowns. Control Demo Steps to Use the Control Import the control solution zip file into target environment. Solution file can be downloaded from this link: Control Solution File . Configure the control on the form using a date time field. Provide following properties values for the control. Here, I have used arrivalwindowstarttime field to add the pcf control on the form. Next step will be to apply the J
Before delving into development, it's crucial to grasp the concept of PCF controls. PCF controls are reusable components that can be seamlessly integrated into Power Apps and Dynamics 365 to enhance user experience and extend functionality beyond the out-of-the-box offerings. These controls are built using web technologies such as HTML, CSS, and TypeScript, offering developers the flexibility to tailor solutions to specific business needs. Power Apps Component Framework (PCF) is a Microsoft framework for building custom components in Power Apps. This blog post will guide you through the process of setting up your development environment and creating your first PCF control. Prerequisites Before we start, make sure you have the following installed on your machine: Node.js (version 10.x or later) Any one of below- Visual Studio Code or Visual Studio 2017 or later with .NET Framework 4.6.2 Developer Pack Power Apps CLI You can download Node.js from the official Node.js website, .NET Fr