# Kinetic Control Compendium

**URL:** <https://www.epiusers.help/t/kinetic-control-compendium/105887>\
**Category:** Experts' Corner\
**Tags:** app-studio, kinetic, app-studi, application-studio\
**Created:** [August 9, 2023, 1:39pm UTC](https://www.epiusers.help/t/kinetic-control-compendium/105887 "2023-08-09T13:39:37Z")\
**Posts on this page:** 1\
**Showing post:** 40

<div class="post-metadata">

**Author:** ![hmwillett](https://www.epiusers.help/user_avatar/www.epiusers.help/hmwillett/32/93207_2.png) [@hmwillett](https://www.epiusers.help/u/hmwillett)\
**Post date:** [August 29, 2023, 1:38pm UTC](https://www.epiusers.help/t/kinetic-control-compendium/105887/40 "2023-08-29T13:38:40Z")

</div>

# Multiview Calendar

The Multi-View calendar is an Angular form control that represents a graphical Gregorian calendar with multiple horizontal views. It supports the selection of and navigation between dates as well as data templates and ranges for scheduling appointments.

 ![image](https://www.epiusers.help/uploads/default/original/3X/4/a/4a6cee67dc417094b281c7a463f9fbaef124abd4.png)

| Property Group | Property | Description |
| --- | --- | --- |
| Basic | Id | Unique identifier for the control |
| Basic | Label Text | Sets the label within the control. (Fig. A) |
| Behavior | On Blur | Click this to create an OnBlur event for the control. On Blur is triggered when the control loses focus. |
| Behavior | On Create | Click this to create an OnCreate event for the control On Create is triggered when the control is painted to the GUI. |
| Comments | Comments | Add some developer notes to the control. These are not customer-facing and are only visible in App Studio (Fig. B) |
| Data | Key Field | Indicates that a bound component is a key field. If true, the field is enabled if there is no current record, allowing the user to select an existing record or create a new one. |
| Data | EpBinding | Bind the button to a DataView.Column. |
| Data | Range Start EpBinding | Set the data binding to hold the start date of the selected range. Only used if the “Range Selection” property is enabled. (Fig. C) |
| Data | Range End EpBinding | Set the data binding to hold the end date of the selected range. Only used if the “Range Selection” property is enabled. (Fig. C) |
| Data \> Selection Range | | Sets or gets the selection range property of the calendar and defines the selection range of the component. This really only works if the Range EpBindings are null. |
| Data \> Selection Range | Range Start Date | The default start date for the range. |
| Data \> Selection Range | Range End Date | The default end date for the range. |
| Layout | Alignment | 🔎 Set the alignment for the control. Valid options are Left, Center, Right. Kinda wonky depending on where it’s placed… (Fig. D) |
| Layout | Width | 🔎 Sets the specific width (pixels) for the control. (Fig. E) |
| Layout | Months Displayed | Show the number of months. By default this is 2. (Fig. F) |
| State | Personalizable | If true, a user can personalize this component(hide/show) |
| State | Customizable | If true, a user can customize this component in child layers |
| State | Hidden | Hides the control from view. |
| State | Disabled | Disables the control. The control will not allow editing or focus. |
| State | Read Only | Makes the control read only so that it will not allow editing. The control can still be focused. |
| State | Auto Focus | When enabled, the control is automatically focused on creation. |
| Advanced | Range Selection | Set to enable a range selection. Otherwise, this will be single select. |
| Advanced | Range Validation | 🔎 Supposed to enforce some min/max validators, but those do not exist on this control, so this does not work. |
| Advanced | Week Number | Set to display the week number column. (Fig. G) |

**Figure A: Label Text**

 ![image](https://www.epiusers.help/uploads/default/original/3X/6/a/6a5293419d0718e62237ea0958d107b3d8408181.png)

**Figure B: Comments**

 ![image](https://www.epiusers.help/uploads/default/original/3X/9/2/921479b9dfdcc368375152e51535331aa982eae3.png)

**Figure C: Range EpBindings**

 ![image](https://www.epiusers.help/uploads/default/original/3X/6/8/68363a1bdb83a9a878ecc8813f1deb460038de42.png)

**Figure D: Alignment**

 ![image](https://www.epiusers.help/uploads/default/original/3X/c/b/cb408dbbabd784240f0a22bce716ac610169f8a8.png)

**Figure E: Width**

 ![image](https://www.epiusers.help/uploads/default/original/3X/2/4/240c5148cca99db5b0c38c54e101da247a5107cd.png)

**Figure F: Months Displayed**

 ![image](https://www.epiusers.help/uploads/default/original/3X/2/1/214878ce7ecff2146d52e023b09759997af5a5f7.png)

**Figure G: Week Number**

 ![image](https://www.epiusers.help/uploads/default/original/3X/d/3/d3ddb5d2c0bdb953bb6e9ec2cfee9be522c69692.png)

---

_[View the full topic](https://www.epiusers.help/t/kinetic-control-compendium/105887)._