<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes" access="global">
<aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
<aura:handler event="c:NavigateToEvent" action="{!c.NavigateComponent}"/>

<aura:attribute name="id" type="String" access="GLOBAL"/>
<aura:handler name="change" value="{!v.id}" action="{!c.updateRecordView}"/>

{!v.body}
<!--{!v.eventCal}-->
<div id="container">
    <force:recordView recordID="{!v.id}" type="MINI"/>
</div>

updateRecordView: function(component, event, helper) {
    var id = event.getParam("idEvent");
    var container = component.find("container");
    $A.createComponent("force:recordView",
                       {recordId: id,type: "MINI"},
                       function(cmp) {
                           container.set("v.body", [cmp]);
                       });
}