<mvc:View
	controllerName="sap.m.sample.PlanningCalendarWithStickyHeader.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="PC1"
			startDate="{path: '/startDate'}"
			rows="{path: '/people'}"
			appointmentsVisualization="Filled"
			appointmentSelect="handleAppointmentSelect"
			showEmptyIntervalHeaders="false"
			stickyHeader="true"
			showWeekNumbers="true">
			<toolbarContent>
				<Title text="Title" titleStyle="H4"/>
			</toolbarContent>
			<rows>
				<PlanningCalendarRow
					icon="{pic}"
					title="{name}"
					text="{role}"
					appointments="{path : 'appointments', templateShareable: false}"
					intervalHeaders="{path: 'headers', templateShareable: false}">
					<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>
		<Label text="Add available built-in views to the example:"/>
		<MultiComboBox
				selectionFinish="handleSelectionFinish"
				width="230px"
				placeholder="Choose built-in views">
			<items>
				<core:Item key="Hour" text="Hour" />
				<core:Item key="Day" text="Day" />
				<core:Item key="Month" text="Month" />
				<core:Item key="Week" text="1 week" />
				<core:Item key="One Month" text="1 month" />
			</items>
		</MultiComboBox>
	</VBox>
</mvc:View>