<mvc:View
	controllerName="sap.f.cardsdemo.cardcontent.componentCard.booking.Card"
	xmlns="sap.m"
	xmlns:mvc="sap.ui.core.mvc"
	xmlns:core="sap.ui.core"
	width="100%">
	<VBox justifyContent="SpaceBetween" class="sapUiSmallMargin">
		<HBox justifyContent="SpaceBetween" renderType="Bare">
			<ComboBox
				class="sapUiSmallMarginEnd"
				placeholder="From City"
				items="{
					path: '/cities',
					sorter: { path: 'text' }
				}">
				<layoutData>
					<FlexItemData growFactor="1" shrinkFactor="1" baseSize="0" />
				</layoutData>
				<core:Item key="{key}" text="{text}" />
			</ComboBox>
			<ComboBox
				placeholder="To City"
				items="{
					path: '/cities',
					sorter: { path: 'text' }
				}">
				<layoutData>
					<FlexItemData growFactor="1" shrinkFactor="1" baseSize="0" />
				</layoutData>
				<core:Item key="{key}" text="{text}" />
			</ComboBox>
		</HBox>

		<DatePicker placeholder="Choose Date ..."/>

		<HBox justifyContent="End" class="sapUiTinyMarginTop">
			<Button text="Book" press=".onBookPress" type="Emphasized" />
		</HBox>
	</VBox>
</mvc:View>