JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>


		<script src="https://sapui5.netweaver.ondemand.com/resources/sap-ui-core.js"
				id="sap-ui-bootstrap"
				data-sap-ui-libs="sap.ui.commons"
				data-sap-ui-theme="sap_bluecrystal">
		</script>
		<!-- add sap.ui.table,sap.ui.ux3 and/or other libraries to 'data-sap-ui-libs' if required -->

		<script>
				sap.ui.localResources("hyperlink");
				var view = sap.ui.view({id:"idsample1", viewName:"hyperlink.sample", type:sap.ui.core.mvc.ViewType.JS});
				view.placeAt("content");
		</script>

	</head>
	<body class="sapUiBody" role="application">
		<div id="content"></div>
	</body>
</html>

JavaScript

var oSimpleForm = new sap.ui.layout.form.SimpleForm(
				"sf1",
				{
					maxContainerCols: 5,
					content:[
							new sap.ui.core.Title({text:"Person"}),
							new sap.ui.commons.Label({text:"Name"}),
							new sap.ui.commons.TextField({value:"Max"}),
							new sap.ui.commons.TextField({value:"Mustermann"}),
							new sap.ui.commons.Label({text:"Date of birth"}),
							new sap.ui.commons.DatePicker({
              yyyymmdd:"19990909",
              value: {
                        path: "appView>/dateValue",
                        type: new sap.ui.model.type.Date({pattern: "yy-MM-dd", strictParsing: true})
                    }
              }),
							new sap.ui.commons.Label({text:"contactUS "}),
							new sap.ui.commons.Link("l1", {
								text: "Click me",
								href: "http://www.sap.com",
								title: "SAP Homepage",
								target: "_blank"
							}),
							
							new sap.ui.commons.Label({text:"Room"}),
							new sap.ui.commons.TextField()
							]
				});
	
		 oSimpleForm.placeAt("content");