<mvc:View
	controllerName="sap.m.sample.PlanningCalendarRelativeViews.Page"
	xmlns:core="sap.ui.core"
	xmlns:mvc="sap.ui.core.mvc"
	xmlns:unified="sap.ui.unified"
	xmlns="sap.m">
	<VBox class="sapUiSmallMargin">
		<PlanningCalendar
			id="PC12"
			startDate="{path: '/startDate'}"
			minDate="{path: '/minDate'}"
			rows="{path: '/people'}"
			appointmentsVisualization="Filled"
			builtInViews="Hour,Day">
			<toolbarContent>
				<Title text="RelativeViews" titleStyle="H4"/>
			</toolbarContent>
			<views>
				<PlanningCalendarView
					key="A"
					intervalType="Day"
					description="Weeks in Project"
					intervalsS="4"
					intervalsM="8"
					intervalsL="13"
					intervalSize="7"
					relative="true">
				</PlanningCalendarView>
				<PlanningCalendarView
					key="D"
					intervalType="Day"
					description="Shift"
					intervalsS="3"
					intervalsM="7"
					intervalsL="12"
					intervalSize="2"
					relative="true">
				</PlanningCalendarView>
			</views>
			<rows>
				<PlanningCalendarRow
					icon="{pic}"
					title="{name}"
					text="{role}"
					appointments="{path : 'appointments', templateShareable: false}"
					intervalHeaders="{path: 'headers', templateShareable: false}">
					<customData>
						<core:CustomData key="emp-name" value="{name}" writeToDom="true"/>
					</customData>
					<appointments>
						<unified:CalendarAppointment
							startDate="{start}"
							endDate="{end}"
							icon="{pic}"
							title="{title}"
							text="{info}"
							type="{type}"
							tentative="{tentative}">
						</unified:CalendarAppointment>
					</appointments>
					<intervalHeaders>
						<unified:CalendarAppointment
							startDate="{start}"
							endDate="{end}"
							icon="{pic}"
							title="{title}"
							type="{type}">
						</unified:CalendarAppointment>
					</intervalHeaders>
				</PlanningCalendarRow>
			</rows>
		</PlanningCalendar>
	</VBox>
</mvc:View>