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,sap.m,sap.ui.table"
				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("learning");
				var view = sap.ui.view({id:"idfirst1", viewName:"learning.first", 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 aData = [
			         	{lastName: "Dente", name: "Al"},
			         	{lastName: "friese", name: "anita"},
			         	{lastName: "andy", name: "doris"},
			         	{lastName: "zar", name: "kenya"},
			         	
			         	
			         ];
		
		var dateFrom = new Date();
		 
	    var dateTo = new Date();
 var oTable = new sap.ui.table.Table({
			title: "Table Example",
		selectionMode: sap.ui.table.SelectionMode.Single,
		});

			         //Define the columns and the control templates to be used
			         oTable.addColumn(new sap.ui.table.Column({
			         	label: new sap.ui.commons.Label({text: "Last Name"}),
			         	template: new sap.ui.commons.TextView().bindProperty("text", "lastName"),
			         	sortProperty: "lastName",
			         	filterProperty: "lastName",
			         	width: "200px"
			         }));
			        
			         oTable.addColumn(new sap.ui.table.Column({
			         	label: new sap.ui.commons.Label({text: "First Name"}),
			         	template: new sap.ui.commons.TextField().bindProperty("value", "name"),
			         	sortProperty: "name",
			         	filterProperty: "name",
			         	width: "100px"
			         }));
			         
			         oTable.addColumn(new sap.ui.table.Column({
				         	label: new sap.ui.commons.Label({text: "Date"}),
				         	template: new sap.m.DateRangeSelection("drs",{
				        		
				   			 delimiter :  "To",
				   			      dateValue : dateFrom,
				   			      secondDateValue : dateTo,
				   			      displayFormat :"yyyy/MM/dd",
				   			       change : function(oEvent)
				   			      {
				   			    	 
				   			      }
				   		}),
				   		
				       }));
			         
			       
			         //Create a model and bind the table rows to this model
			         var oModel = new sap.ui.model.json.JSONModel();
			         oModel.setData({modelData: aData});
			         oTable.setModel(oModel);
			         oTable.bindRows("/modelData");

			         //Initially sort the...