feat(ui5-calendar): introduce new component.

packages/base/src/types/CalendarSelection.js

@@ -0,0 +1,17 @@
+import DataType from "./DataType.js";
+
+const CalendarSelections = {
+	Single: "Single",
+	Multiple: "Multiple",
+	Range: "Range",
+};
+
+class CalendarSelection extends DataType {
+	static isValid(value) {
+		return !!CalendarSelections[value];
+	}
+}
+
+CalendarSelection.generateTypeAcessors(CalendarSelections);
+
+export default CalendarSelection;

packages/main/src/Calendar.hbs

@@ -1,7 +1,8 @@
 <div
 	class="{{classes.main}}"
 	style="{{styles.main}} "
-	@keydown={{_onkeydown}}	
+	@keydown={{_onkeydown}}
+	@focusout={{_onfocusout}}
 >
 
 	<ui5-calendar-header
@@ -16,6 +17,7 @@
 		._isNextButtonDisabled="{{_header._isNextButtonDisabled}}"
 		._isPrevButtonDisabled="{{_header._isPrevButtonDisabled}}"
 		._isMonthButtonHidden="{{_header._isMonthButtonHidden}}"
+		._tabIndex="{{_header.tabIndex}}"
 	></ui5-calendar-header>
 
 	<div id="{{_id}}-content">
@@ -26,6 +28,7 @@
 			.selectedDates="{{_oMonth.selectedDates}}"
 			._hidden="{{_oMonth._hidden}}"
 			.primaryCalendarType="{{_oMonth.primaryCalendarType}}"
+			.selection="{{_oMonth.selection}}"
 			.minDate="{{_oMonth.minDate}}"
 			.maxDate="{{_oMonth.maxDate}}"
 			timestamp="{{_oMonth.timestamp}}"