Resco Power Components

Resco Power Components is an upcoming Resco product. It enables developers and consultants to speed up and simplify building of applications for Microsoft Power Platform.

Load video

YouTube

YouTube might collect personal data. Privacy Policy

Continue Dismiss

Date range picker

This PCF component allows you to display and select a date range. Select two date-only columns: start date and end date.

Sample usage

The date range picker can be used in Power Apps and Power Pages.

To integrate the picker with your model-driven Power App:

1. Edit your Power App.
2. Edit the form where you want to add the component.
3. Go Components > More components > Get PcfDateRangePicker.

Configuration

After selecting the component, the configuration pane is displayed.

Mandatory parameters:

• Start: Select a table column of the type "Date and Time" (Format: "Date only") as the start day of the date range
• End: Select a table column of the type "Date and Time" (Format: "Date only") as the end day of the date range

Optional parameters:

• Initial Date (Date And Time/static value): If no value is set in the start and end fields, you can provide the initial date of the date range (selection in the calendar will start here)
• Format (String): Format of the date when rendered in the input field. E.g. "yyyy-MM-dd".
• isoWeek (Static True/False or Two Options): ISO 8601 standard, each calendar week begins on Monday and Sunday on the seventh day
• minimumDate (Date And Time/static value: Minimal date range start date, date sooner cannot be selected
• maximumDate (Date And Time/static value: Maximal date range end date, date after this cannot be selected
• weekendOff(Static True/False or Two Options): Weekends are disabled (Saturday and Sunday). Date ranges that include weekends cannot be selected.
• disabledDatesEntityLogicalName (String): The logical name of a table containing rows with disabled dates. The table must have a column with the name provided in the setting "disabledDatesEntityColumnName" or it will search for column with name new_day of type Date and Time (Date Only). All these records will be disabled in the date range picker. They cannot be selected, and the range cannot include them.
• disabledDatesEntityColumnName (String): Column name in disabledDatesEntityLogicalName, should be of type Date and Time (Date Only).